Ver Mensaje Individual
  #7 (permalink)  
Antiguo 22/09/2010, 17:47
somaria
 
Fecha de Ingreso: mayo-2010
Mensajes: 33
Antigüedad: 13 años, 10 meses
Puntos: 1
Respuesta: Como hago para que una web se visualice correctamente en los navegadores p

Cita:
Iniciado por emprear Ver Mensaje
Somaria:

Si no pasas algún elemento concreto dudo que podamos ayudarte mucho.

Saludos
Buenas Noches, Que bonito tú gatito. Acá les copio el Style, aclarando que es el único que hay, por favor la ayuda que sea en lenguaje simple ya que no soy una experta como ustedes. Gracias

body {
font-family : Arial, Helvetica, sans-serif;
padding : 0;
font-size : 12px;
margin : 0 auto auto auto;
color : #000000;
background-color : #000000;
}
a {
font-weight : bold;
color : #000000;
border-top-style : none;
border-right-style : none;
border-bottom-style : none;
border-left-style : none;
}
.clear {
clear : both;
}
p {
padding : 5px 0 5px 0;
margin : 0;
text-align : justify;
line-height : 19px;
}
p.details {
padding : 5px 15px 5px 15px;
font-size : 11px;
}
p.details_cart {
clear : both;
padding : 25px 30px 5px 0;
font-size : 11px;
font-style : italic;
}
p.more_details {
padding : 25px 20px 0 20px;
font-size : 11px;
}
#wrap {
width : 900px;
height : 750px;
margin : auto;
background-color : #000000;
}
.header {
width : 900px;
height : 181px;
background-image : url(images/headertit2.jpg);
background-repeat : no-repeat;
background-position : center;
font-weight : bold;
padding : 0;
}
.logo {
padding-bottom : 5px;
border-top-style : none;
border-right-style : none;
border-bottom-style : none;
border-left-style : none;
}
#menu {
width : 900px;
height : 35px;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
color : #cc0000;
}
#menu ul {
display : block;
list-style : none;
margin : 0;
padding-top : 9px;
padding-right : 0;
padding-bottom : 0;
padding-left : 10px;
}
#menu ul li {
display : inline;
padding : 0;
margin : 0;
height : 20px;
}
#menu ul li a {
height : 27px;
display : block;
float : left;
text-decoration : none;
text-align : center;
font-size : 13px;
line-height : 25px;
margin-top : 0;
margin-right : 4px;
margin-bottom : 0;
margin-left : 4px;
padding-top : 0;
padding-right : 10px;
padding-bottom : 0;
padding-left : 10px;
color : #ffffff;
}
#menu ul li.selected a {
height : 27px;
display : block;
padding : 0 10px 0 10px;
margin : 0 5px 0 5px;
float : left;
text-decoration : none;
text-align : center;
font-size : 13px;
line-height : 25px;
font-weight : bold;
color : #ff0000;
}
#menu ul li a:hover {
color : #ffffff;
}
.crumb_nav {
padding : 5px 0 10px 0;
}
.crumb_nav a {
color : #990000;
}
span.red {
color : #990000;
}
.price {
font-size : 14px;
padding : 0 0 0 15px;
margin : 2px 0 5px 0;
}
span.colors {
padding : 2px 2px 0 2px;
}
.center_content {
width : 900px;
background-image : url(images/center_bg7b.gif);
background-position : center;
height : 520px;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
}
.left_content {
width : 425px;
float : left;
padding-top : 15px;
padding-right : 0;
padding-bottom : 5px;
padding-left : 20px;
height : 498px;
}
.right_content {
width : 430px;
float : right;
padding-top : 15px;
padding-right : 0;
padding-bottom : 10px;
padding-left : 25px;
height : 495px;
}
.title {
color : #cc0000;
float : left;
font-size : 19px;
margin-top : 10px;
margin-bottom : 10px;
margin-left : 0;
width : 405px;
font-weight : bold;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 7px;
}
.title2 {
color : #cc0000;
float : left;
font-size : 18px;
margin-top : 10px;
margin-bottom : 10px;
width : 390px;
font-weight : bold;
position : fixed;
margin-right : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 13px;
}
span.title_icon {
float : left;
padding : 0 5px 0 0;
}
.prod_title {
color : #cc0000;
font-size : 16px;
font-weight : bold;
background-color : #030303;
padding-top : 5px;
padding-right : 0;
padding-bottom : 0;
padding-left : 10px;
}
a.more {
font-style : italic;
color : #f8981d;
float : right;
text-decoration : none;
font-size : 11px;
padding : 0 15px 0 0;
}
.about {
width : 396px;
clear : both;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 10px;
background-image : url(images/border4.gif);
background-repeat : no-repeat;
background-position : center bottom;
height : 415px;
}
img.right {
float : right;
padding : 0 0 0 10px;
}
.right_box {
width : 170px;
float : left;
padding-top : 10px;
padding-right : 0;
padding-left : 0;
}
.feat_prod_box {
clear : both;
height : 453px;
width : 370px;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
padding-top : 10px;
padding-right : 0;
padding-bottom : 0;
padding-left : 25px;
background-image : url(images/border4.gif);
background-repeat : no-repeat;
font-weight : bold;
color : #ff0000;
border-top-color : #333333;
border-right-color : #333333;
border-bottom-color : #333333;
border-left-color : #333333;
background-position : center bottom;
text-align : center;
font-style : italic;
font-size : 14px;
text-decoration : blink;
}
.feat_prod_box_details {
clear : both;
text-align : center;
height : 410px;
margin-top : 0;
margin-right : 10px;
margin-bottom : 0;
margin-left : 0;
padding-top : 10px;
padding-bottom : 0;
padding-left : 0;
}
.prod_img {
float : left;
padding : 0 5px 0 0;
text-align : center;
}
.prod_det_box {
width : 305px;
float : left;
height : 35px;
padding-top : 0;
padding-bottom : 0;
padding-left : 0;
background-image : url(images/rojo2.jpg);
clear : none;
}
.box_top {
width : 295px;
height : 9px;
background : url(images/box_top.gif) no-repeat center bottom;
color : #cc0000;
}
.box_center {
width : 265px;
height : auto;
color : #ff0000;
font-weight : bold;
background-color : #000000;
background-position : left top;
padding : 0;
float : right;
clear : both;
}
.box_bottom {
width : 295px;
height : 9px;
background : url(images/box_bottom.gif) no-repeat center top;
}
.new_prod_box {
float : left;
text-align : center;
padding : 10px;
}
.new_prod_box a {
padding : 5px 0 5px 0;
color : #b5b5b6;
text-decoration : none;
display : block;
}
.new_prod_bg {
width : 132px;
height : 119px;
text-align : center;
background : url(images/new_prod_box.gif) no-repeat center;
position : relative;
}
.new_icon {
position : absolute;
top : 0;
right : 0;
z-index : 200;
}
.special_icon {
position : absolute;
top : 0;
right : 2px;
z-index : 250;
}
img.thumb {
padding : 10px 0 0 0;
}
.new_products {
clear : both;
padding : 0;
}
ul.list {
clear : both;
padding : 10px 0 0 20px;
margin : 0;
}
ul.list li {
list-style : none;
padding : 2px 0 2px 0;
}
ul.list li a {
list-style : none;
text-decoration : none;
color : #000000;
background : url(images/left_menu_bullet.gif) no-repeat left;
padding : 0 0 0 17px;
}
div.demolayout {
width : 460px;
margin : 0 0 20px 0;
}
ul.demolayout {
list-style-type : none;
float : left;
margin : 0;
padding : 0;
}
ul.demolayout li {
margin : 0 10px 0 0;
float : left;
}
.tab {
border : 1px solid #dfdfdf;
padding : 0 0 25px 0;
}
ul.demolayout a {
float : left;
display : block;
padding : 5px 25px;
border : 1px solid #dfdfdf;
border-bottom : 0;
color : #666;
background : #eee;
text-decoration : none;
font-weight : bold;
}
ul.demolayout a:hover {
background : #fff;
}
ul.demolayout a.active {
background : #fff;
padding-bottom : 5px;
cursor : default;
color : #795636;
}
.tabs-container {
clear : left;
padding : 0;
}
.languages_box {
padding : 0 0 5px 0;
float : left;
}
.languages_box a {
padding : 0 2px 0 2px;
}
.languages_box a.selected {
padding : 2px 2px 0 2px;
border : 1px solid #cccccc;
color : #99ff00;
}
.currency {
float : none;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 15px;
border-top-color : #ff0000;
border-right-color : #ff0000;
border-bottom-color : #ff0000;
border-left-color : #ff0000;
}
.currency a {
text-decoration : none;
color : #000000;
padding : 3px;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
border-top-style : solid;
border-right-style : solid;
border-bottom-style : solid;
border-left-style : solid;
border-top-color : #cc0000;
border-right-color : #cc0000;
border-bottom-color : #cc0000;
border-left-color : #cc0000;