Anda en IE y no en Mozilla !!

[Calisco]

Hola.
Hace un tiempo hice algo asi como una botonera usando solamente hojas de estilo. En IE anda muy bien y realmente me gusto mucho como quedo porque es algo liviano y queda bien.
Se puede ver en este script
script.

Ahora , cuando lo pruebo en mozilla no anda.
Quisiera saber como puedo hacer para que este funcione en ambos browsers.
EL codigo es este:
<style>

Código PHP:

  <!--
table
{
font-family: Tahoma;
font-size: 10pt;
padding: 0;
border:0px solid #000000;
}
 
td
{
border:1px solid #003366;
bordercolor: #FF0000;
font-family: Tahoma;
font-size: 10pt; padding-left:5; padding-right:5;
}
 
.titulo
{
cursor: url('../estilos/imagenes/cursor4.cur');
}
-->
 
</style> 
   

[kemie]

creo que tu problema es mas de js que de css, ya que el color de fondo lo estas especificando en el html y no en el css.

lo unico que veo mal en tu css es que la propiedad bordercolor no existe, el color del borde lo estás especificando en:

border:0px solid #000000;

[JavierB]

Hola Calisco y kemie

He leido por la güeb (con mi malísimo inglés) que mozilla no acepta cursor:url - http://www.richinstyle.com/bugs/mozilla.html

¿Es esto cierto? Yo he intentado cambiar el cursor por uno propio y no lo he conseguido.

Saludos,

[Calisco]

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.

[Remo:Erdosain]

Solución rápida:

Código:

a.btn_med:link, a.btn_med:visited, a.btn_med:active {
display:block;}

Solución lenta: No estás agregando el DTD a tus páginas. IE y Mozilla se consideran con derecho a "interpretar" tu código (quirks mode para los amigos)... Si vamos al caso, Mozilla a pesar de estar en este modo, sigue siendo el más estricto y que respeta más los estandares. Lo de Quirks y DTD es un tema largo y aburrido. Podes empezar por What are the Quirks mode and the Standards mode?

[Calisco]

Te agradezco la ayuda.

[KnowDemon]

Para simplificar la hoja de estilos:

- Cuando una unidad de medida tiene un valor de 0, no es necesario especificar la unidad.

Es lo mismo:

padding: 0px:

que:

padding: 0;

- Puedes agrupar las medidas verticales y horizontales.

Es lo mismo:

margin: 12ex 3ex 12ex 3ex;

que:

margin: 12ex 3ex;

Los atributos de font se pueden agrupar, pero son algo especiales. En general los agrupamientos son especiales. Algunos deben contener forzosamente ciertos valores o no son tomados en cuenta. Tus definiciones de los atributos de la fuente se pueden agrupar. Te recomiendo ver las especificaciones.

[Calisco]

Gracias Demon.