el div es el menu. y la lista los enlaces a la otras web..
gracias
19-may-2005, 12:49
|
#1 (permalink) |
 Fecha de Ingreso: mayo-2005
Mensajes: 155
|
Centrar listas ???
el div es el menu. y la lista los enlaces a la otras web.. gracias
__________________
Programador & Diseñador Web www.ascariz.es www.ascariz.com www.telefonica.net/web/tiempoderol |
|
|
|
20-may-2005, 02:35
|
#2 (permalink) |
 
Fecha de Ingreso: junio-2003
Ubicación: estocolmo<-->mexico
Mensajes: 1.627
|
un poco mas de explicacion. como tienes tu html?
quieres centrarlo vertical u horizontalmente?
__________________
::::::::::::::::::::::::::::: WebHostNinja | diseñorama.com:::::::::::::::::::::::::::::: |
|
|
|
|
20-may-2005, 03:50
|
#3 (permalink) |
|
Fecha de Ingreso: mayo-2005
Mensajes: 155
|
Código HTML:
<div id="menu"> <ul> <li>1</li> <li>|</li> <li>2</li> <li>|</li> <li>3</li> <li>|</li> <li>4</li> <li>|</li> <li>5</li> </ul> </div> 1 | 2 | 3 | 4 | 5 como se puede hacer ? eso si que este dentro de un fichero.css gracias por interesarte por mi pregunta
__________________
Programador & Diseñador Web www.ascariz.es www.ascariz.com www.telefonica.net/web/tiempoderol |
|
|
|
|
20-may-2005, 03:56
|
#4 (permalink) |
|
Fecha de Ingreso: junio-2003
Ubicación: estocolmo<-->mexico
Mensajes: 1.627
|
no se si te entiendo bien, pero me parece que lo que necesitas es
#menu li{display:inline;}
__________________
::::::::::::::::::::::::::::: WebHostNinja | diseñorama.com:::::::::::::::::::::::::::::: |
|
|
|
|
21-may-2005, 12:46
|
#5 (permalink) |
|
Fecha de Ingreso: mayo-2005
Mensajes: 155
|
esactamento es que el <ul> o <li> se centre en la capa.
como se puede hacer ? #menu { background:#fff; border:1px solid #000000; text-align:justify; width:753px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #menu UL { PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 2px; LIST-STYLE-TYPE: none; } #menu LI { display:inline; PADDING-RIGHT: 0px; BACKGROUND-POSITION: right top; PADDING-LEFT: 0px; FLOAT: left; BACKGROUND-IMAGE: url(../fotos/men/pos.gif); PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat }
__________________
Programador & Diseñador Web www.ascariz.es www.ascariz.com www.telefonica.net/web/tiempoderol |
|
|
|
|
23-may-2005, 13:16
|
#6 (permalink) |
|
Colaborador
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.554
|
Hola mira este ejemplo y adaptalo a tu diseño:
Código HTML:
#capamenu
{width:753px;}
ul {
display:inline;
PADDING-RIGHT: 0px;
PADDING-LEFT: 10px;
PADDING-BOTTOM: 0px;
MARGIN: 0;
PADDING-TOP: 2px;
LIST-STYLE-TYPE: none;
text-align: center;
}
li {
display:inline;
PADDING-RIGHT: 0px;
BACKGROUND-POSITION: right top;
PADDING-LEFT: 0px;
FLOAT: left;
BACKGROUND-IMAGE: url(../fotos/men/pos.gif);
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
BACKGROUND-REPEAT: no-repeat;
text-align: center;
}
#listacentrada{
width:753px;
margin:0 auto;}
Código HTML:
<div id="menu"> <div id="listacentrada"> <ul> <li>1</li> <li>|</li> <li>2</li> <li>|</li> <li>3</li> <li>|</li> <li>4</li> <li>|</li> <li>5</li> </ul> </div> </div> </body> </html>  |
|
|
|
Mode Lineal
La Zona horaria es GMT -6. Ahora son las 05:18.
