Re[2]: [Ovillo] PROBLEMA CON BORDES EN EXPLORER 6.0

2005-06-11 Por tema Raúl Martín
Hola Alejandro,

El problema esta en el inline que tienes en los li, no es que esta
mal usar inine, el problema es que usar un margin-top en un
elemento inline es algo distinto a un block. Para regular ese
margin casi es mejor jugar con el line-height. y si quieres hacer
espacio con la caja superior, pues un padding en esa.

Saludos


Saturday, June 11, 2005, 10:25:36 AM, you wrote:

AL On 6/10/05, CHOOSE FLASH [EMAIL PROTECTED] wrote:
 Hola. Estoy haciendo mis pinitos en css, y tengo una duda:
 Por que esta sencillísima lista horizontal de items, no me muestra el borde
 superior en explorer 6.0?

AL ¿Porqué? Pues ni idea, pero si reduces un poco el relleno superior
AL verás que sí lo muestra. Prueba con este:

AL padding: 2px 6px 4px;





Saludos.

_

 Todo lo que no aprendí,
no se me ha olvidado.
_



___
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://ovillo.org/mailman/listinfo/ovillo


Re: Re[2]: [Ovillo] PROBLEMA CON BORDES EN EXPLORER 6.0

2005-06-11 Por tema Alejandro Lillo
 El problema esta en el inline que tienes en los li, no es que esta
 mal usar inine, el problema es que usar un margin-top en un
 elemento inline es algo distinto a un block. Para regular ese
 margin casi es mejor jugar con el line-height. y si quieres hacer
 espacio con la caja superior, pues un padding en esa.


Saludos Raúl,

No he acabado de comprender tu explicación, pero por las pruebas que
he hecho es como si al aumentar el relleno este quedara fuera de lo
que es la línea (aumenta el tamaño del LI, pero la línea sigue
teniendo el mismo tamaño), y por eso no se muestra el borde.

Solución para el problema de Choose flash, aumentar la altura de la
línea para que muestre todo el contenido:

#navcontainer { width: 780px;}

#navlist li { 
display:inline;
margin-top: 2px;
line-height: 200%;
}

#navlist li a { 
text-decoration:none;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #000;
padding: 6px;
margin:2px;
background: #6CC;
border:1px solid #000;
}

#navlist li a:hover { background-color:#66CC99 }





div id=navcontainer
ul id=navlist
 li id=activea href=# Opción 1/a/li
 lia href=#Opción 2/a/li
 lia href=#Opción 3/a/li
 lia href=#Opción 4 una mas larga/a/li
 lia href=#Opción 5/a/li
 lia href=#Opción 6/a/li
/ul
/div

-- 
Alejandro Lillo
www.nordic-design.net
___
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://ovillo.org/mailman/listinfo/ovillo