Re: [Ovillo] centrar div con li en Firefox

2007-05-05 Por tema stripTM
Andres escribió:
 Las propiedades de los enlaces ya he conseguido que funcionen:

 a:link{
  text-decoration:none;
  color:#00;
  }

 a:active{
  text-decoration:none;
  color:#CC;
  }

 a:hover{
  text-decoration:underline;
  color:#CC;
  }
 a:visited{
  color:#00;
  text-decoration:underline;
  }

 a{
 font-size:10px;
 color:#00;
 }

 Me quedo con la duda de por qué no funcionaba al principio.

   
Copio de http://www.torresburriel.com/weblog/index.php?p=342

Ten presente la regla LoVe/HaTe cuando se trate de dar diseño a los links:
Cuando se especifican las pseudo-clases de un link siempre se ha de 
hacer siguiente este orden: Link, Visited, Hover y Active. Cualquier 
otro orden que usemos hará que no funcionará adecuadamente. ´Considera, 
de igual modo, el uso de :focus y modifica el orden de lat modo: LVHFA. 
Matt Haughey habla de la regla Lord Vader’s Handle Formerly Anakin.




-- 
Saludos -=stripTM=-

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


[Ovillo] centrar div con li en Firefox

2007-05-04 Por tema Andres
No entiendo qué es lo que falla aquí.
En Explorer todo se ve bien, pero en Firefox no.
Ni siquiera salen los colores en los enlaces.

*, html{
margin:0;
padding:0;
}

body{
margin: 0px;
padding: 0px;
border: 0px;
overflow: auto;
height: 100%;
max-height: 100%;
text-align:center;
}

#centrado{
width: 100%;
position: absolute;
left: 50%;
margin: 0px 0px 0px -50%;
}

#foto{
width:100%;
text-align:center;
}

/* MENUS */

#contenedormenus{
width:100%;
text-align:center;
}

#menus{
width:600px;
text-align:center;
}

/* grafico */

menugrafico{
margin-left:5px;
margin-top:20px;
width: 190px;
font-family: Trebuchet MS;
float:left;
}


menugrafico li{
font-family: Trebuchet MS;
color: #CC;
list-style:none;
font-size:12px;
list-style:none;
text-align:left;
}

menugrafico li ul{
padding:0;
margin:0;
list-style:none;
text-indent: 25px;
margin-top:0px;
padding-top:0px;
line-height: 14px;
}

menugrafico li ul a:link{
text-decoration:none;
color:#00;
}

menugrafico li ul a:active{
text-decoration:none;
color:#CC;
}

menugrafico li ul a:hover{
text-decoration:underline;
color:#CC;
}
menugrafico li ul a:visited{
color:#00;
}

menugrafico li ul a{
font-size:10px;
}

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] centrar div con li en Firefox

2007-05-04 Por tema Andres
He conseguido centrar el div quitando #contenedormenus y con

#menus{
width:600px;
text-align:center;
}

Ahora sólo quedan las propiedades de los enlaces...



- Original Message - 
From: Andres [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Saturday, May 05, 2007 2:55 AM
Subject: [Ovillo] centrar div con li en Firefox


No entiendo qué es lo que falla aquí.
En Explorer todo se ve bien, pero en Firefox no.
Ni siquiera salen los colores en los enlaces.

*, html{
margin:0;
padding:0;
}

body{
margin: 0px;
padding: 0px;
border: 0px;
overflow: auto;
height: 100%;
max-height: 100%;
text-align:center;
}

#centrado{
width: 100%;
position: absolute;
left: 50%;
margin: 0px 0px 0px -50%;
}

#foto{
width:100%;
text-align:center;
}

/* MENUS */

#contenedormenus{
width:100%;
text-align:center;
}

#menus{
width:600px;
text-align:center;
}

/* grafico */

menugrafico{
margin-left:5px;
margin-top:20px;
width: 190px;
font-family: Trebuchet MS;
float:left;
}


menugrafico li{
font-family: Trebuchet MS;
color: #CC;
list-style:none;
font-size:12px;
list-style:none;
text-align:left;
}

menugrafico li ul{
padding:0;
margin:0;
list-style:none;
text-indent: 25px;
margin-top:0px;
padding-top:0px;
line-height: 14px;
}

menugrafico li ul a:link{
text-decoration:none;
color:#00;
}

menugrafico li ul a:active{
text-decoration:none;
color:#CC;
}

menugrafico li ul a:hover{
text-decoration:underline;
color:#CC;
}
menugrafico li ul a:visited{
color:#00;
}

menugrafico li ul a{
font-size:10px;
}

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] centrar div con li en Firefox

2007-05-04 Por tema Andres
Las propiedades de los enlaces ya he conseguido que funcionen:

a:link{
 text-decoration:none;
 color:#00;
 }

a:active{
 text-decoration:none;
 color:#CC;
 }

a:hover{
 text-decoration:underline;
 color:#CC;
 }
a:visited{
 color:#00;
 text-decoration:underline;
 }

a{
font-size:10px;
color:#00;
}

Me quedo con la duda de por qué no funcionaba al principio.


- Original Message - 
From: Andres [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Saturday, May 05, 2007 3:18 AM
Subject: Re: [Ovillo] centrar div con li en Firefox


He conseguido centrar el div quitando #contenedormenus y con

#menus{
width:600px;
text-align:center;
}

Ahora sólo quedan las propiedades de los enlaces...



- Original Message - 
From: Andres [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Saturday, May 05, 2007 2:55 AM
Subject: [Ovillo] centrar div con li en Firefox


No entiendo qué es lo que falla aquí.
En Explorer todo se ve bien, pero en Firefox no.
Ni siquiera salen los colores en los enlaces.

*, html{
margin:0;
padding:0;
}

body{
margin: 0px;
padding: 0px;
border: 0px;
overflow: auto;
height: 100%;
max-height: 100%;
text-align:center;
}

#centrado{
width: 100%;
position: absolute;
left: 50%;
margin: 0px 0px 0px -50%;
}

#foto{
width:100%;
text-align:center;
}

/* MENUS */

#contenedormenus{
width:100%;
text-align:center;
}

#menus{
width:600px;
text-align:center;
}

/* grafico */

menugrafico{
margin-left:5px;
margin-top:20px;
width: 190px;
font-family: Trebuchet MS;
float:left;
}


menugrafico li{
font-family: Trebuchet MS;
color: #CC;
list-style:none;
font-size:12px;
list-style:none;
text-align:left;
}

menugrafico li ul{
padding:0;
margin:0;
list-style:none;
text-indent: 25px;
margin-top:0px;
padding-top:0px;
line-height: 14px;
}

menugrafico li ul a:link{
text-decoration:none;
color:#00;
}

menugrafico li ul a:active{
text-decoration:none;
color:#CC;
}

menugrafico li ul a:hover{
text-decoration:underline;
color:#CC;
}
menugrafico li ul a:visited{
color:#00;
}

menugrafico li ul a{
font-size:10px;
}

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] centrar div con li en Firefox

2007-05-04 Por tema Andres
Se me ha olvidado poner el enlace:
http://www.arkitera.es/zumo

- Original Message - 
From: Andres [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Saturday, May 05, 2007 3:45 AM
Subject: Re: [Ovillo] centrar div con li en Firefox


Las propiedades de los enlaces ya he conseguido que funcionen:

a:link{
 text-decoration:none;
 color:#00;
 }

a:active{
 text-decoration:none;
 color:#CC;
 }

a:hover{
 text-decoration:underline;
 color:#CC;
 }
a:visited{
 color:#00;
 text-decoration:underline;
 }

a{
font-size:10px;
color:#00;
}

Me quedo con la duda de por qué no funcionaba al principio.


- Original Message - 
From: Andres [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Saturday, May 05, 2007 3:18 AM
Subject: Re: [Ovillo] centrar div con li en Firefox


He conseguido centrar el div quitando #contenedormenus y con

#menus{
width:600px;
text-align:center;
}

Ahora sólo quedan las propiedades de los enlaces...



- Original Message - 
From: Andres [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Saturday, May 05, 2007 2:55 AM
Subject: [Ovillo] centrar div con li en Firefox


No entiendo qué es lo que falla aquí.
En Explorer todo se ve bien, pero en Firefox no.
Ni siquiera salen los colores en los enlaces.

*, html{
margin:0;
padding:0;
}

body{
margin: 0px;
padding: 0px;
border: 0px;
overflow: auto;
height: 100%;
max-height: 100%;
text-align:center;
}

#centrado{
width: 100%;
position: absolute;
left: 50%;
margin: 0px 0px 0px -50%;
}

#foto{
width:100%;
text-align:center;
}

/* MENUS */

#contenedormenus{
width:100%;
text-align:center;
}

#menus{
width:600px;
text-align:center;
}

/* grafico */

menugrafico{
margin-left:5px;
margin-top:20px;
width: 190px;
font-family: Trebuchet MS;
float:left;
}


menugrafico li{
font-family: Trebuchet MS;
color: #CC;
list-style:none;
font-size:12px;
list-style:none;
text-align:left;
}

menugrafico li ul{
padding:0;
margin:0;
list-style:none;
text-indent: 25px;
margin-top:0px;
padding-top:0px;
line-height: 14px;
}

menugrafico li ul a:link{
text-decoration:none;
color:#00;
}

menugrafico li ul a:active{
text-decoration:none;
color:#CC;
}

menugrafico li ul a:hover{
text-decoration:underline;
color:#CC;
}
menugrafico li ul a:visited{
color:#00;
}

menugrafico li ul a{
font-size:10px;
}

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo