Foros del Web - Centrar listas ???

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - Centrar listas ??? (http://www.forosdelweb.com/f53/centrar-listas-299804/)

Rodri_Ascariz

19/05/2005 12:49

Centrar listas ???

como puedo centrar una lista vertical que esta metida dentro de un Div.

el div es el menu. y la lista los enlaces a la otras web..

gracias

kemie

20/05/2005 02:35

un poco mas de explicacion. como tienes tu html?
quieres centrarlo vertical u horizontalmente?

Rodri_Ascariz

20/05/2005 03:50

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>

y lo que quiero que sea es.

1 | 2 | 3 | 4 | 5

como se puede hacer ? eso si que este dentro de un fichero.css

gracias por interesarte por mi pregunta

kemie

20/05/2005 03:56

no se si te entiendo bien, pero me parece que lo que necesitas es
#menu li{display:inline;}

Rodri_Ascariz

21/05/2005 12:46

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
}

kahlito

23/05/2005 13:16

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>

Saludosss :adios:

La zona horaria es GMT -6. Ahora son las 02:31.