Si, cuando postie el problema me di cuenta y no pude borra el topic.
De confundi de error.
Ahora, tengo un problema que si viene al caso. En este
Link hay una ventana hecha absolutamente con hojas de estilo.
Para mostrar esta ventana simplemente se pone este codigo:
Código PHP:
<link href="../estilos/vtn_medieval.css" rel="stylesheet" type="text/css">
<div class="vtn_med_02"></div>
<div class="vtn_med_01">
<div class="vtn_med_titulo">Reportaje a Mefdsfds fdsjf fjkl sq</div>
hola sdf dsfkjfd gljkhg fkdgh ghjkfds gjklhfd gkjhfd gljkh lhj fdsgjkh dfsghj fdsghjk fdsghj fdsgkcv,xc vxcv sfj l<br>
hola sdf dsfkjfd gljkhg fkdgh ghjh lhj fdsgjkh dfsghj fdsghjk fdsghj fdsgkcv,xc vxcv sfj l<br><br>
<a href="link" class="btn_med">LINK</a>
<a href="link" class="btn_med">LINK</a>
<a href="link" class="btn_med">LINK</a>
</div>
<div class="vtn_med_03"></div>
Y el archivo de estilos es este:
Código PHP:
.vtn_med_titulo
{
width: 100%;
margin: 2px 2px 4px 2px;
text-align: center;
padding: 2px;
border: 3px double #101000;
color: #602000;
font-size: 12px;
font-weight: bold;
background-image: url(../imagenes/fondo_01.jpg);
}
.vtn_med_02
{
padding: 0px;
margin: 0px;
border: 0px;
width: 180px;
height: 25px;
background-image: url(../imagenes/vtn_mdv_01.gif);
}
.vtn_med_01
{
padding: 0px 20px 0px 20px;
margin: 0px;
border: 0px;
color: #100000;
font-size: 11px;
font-family: Tahoma;
font-weight: normal;
width: 180px;
background-image: url(../imagenes/vtn_mdv_02.gif);
}
a.btn_med:link, a.btn_med:visited, a.btn_med:active
{
width: 100%;
font-weight: bold;
text-decoration: none;
text-align: center;
font-size: 10px;
color: #402000;
background-color: #AE8957;
border-top: 1px solid #202000;
border-left: 1px solid #202000;
border-right: 1px solid #DFBBAA;
border-bottom: 1px solid #DFBBAA;
margin: 1px;
padding-left: 7px;
padding-right: 6px;
padding-top: 1px;
padding-bottom: 1px;
}
a.btn_med:hover
{
width: 100%;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #FFFEDD;
background-color: #CE9967;
border-right: 1px solid #202000;
border-bottom: 1px solid #202000;
border-top: 1px solid #EFCBBA;
border-left: 1px solid #EFCBBA;
margin: 1px;
padding-left: 6px;
padding-right: 7px;
padding-top: 0px;
padding-bottom: 2px;
}
En Mozilla se hace mas ancho, supongo que es porque los links me los pone uno al lado del otro, mientras que en IE no lo hace.
Quisiera saber porque pasa esto, y aprovecho para pedirles a quienes tengo mas experiencia que yo en hojas de estilo si este codigo esta tecnicamente bien realizado, y si no es asi, como se podria mejorar/optimizar en todo sentido posible.
Soy medio esterico de esto, y para mi 1 bits menos de peso de archivo es mucho.
Desde ya, muchas gracias.