Duda con ... <ul type="none">

[naitmeir]

Buenas estoy intentando hacer una lista desordenada, el problema es que utilizando type="none" no me muestra el puntito en mozilla pero si en firefox. Y ademas cuando intento validar la pagina me dice que el atributo none no existe, (como ya imaginaba antes de hacerlo) ... La historia es que no quiero tener esos puntos en las listas, ni en mozilla ni en ie

Gracias de antemano!

[Calizman]

Saludos!!

Prueba con esto:

<ul style="list-style: none;">

Seguramente con eso se quitan los puntos de la lista.

Seria mejor si tienes un apartado para el CSS en donde puedes hacerlo asi:

ul {
list-style: none;
}

Pero hazlo como mejor te quede si?

Hasta Luego!!

[naitmeir]

Funciona perfectamente, ahora el problema es que la caja centra el contenido de la lista como si siguiera estando el maldito punto y por lo tanto queda mal centrado en el medio...

[Calizman]

Mmm... y porque no haces esto, creo que se vera mejor asi:

ul {
margin: 0px auto;
list-style: none;
text-align: left;
}

Asi se centra el la lista, pero se mantiene el texto hacia la izquierda.

Pruebalo y me cuentas!

[naitmeir]

nada lo centra a la izquierda

[Calizman]

Mmm... Que es lo que quieres conseguir exactamente?

[naitmeir]

Vamos a ver es algo como esto...

Código PHP:

  div#estadisticas{ 
        padding:            10px; 
        font-size:          10px ; 
        text-align:         center ; 
} 
.stats { 
        float:              left; 
        background:         url(../imagenes/red_bg.jpg); 
        height:             274px; 
        width:              205px; 
        padding-top:        5px ; 
        border:             3px solid #666666; 
        margin-right:       10px; 
 
 } 
 
    <div id='estadisticas'> 
        <div class='stats'> 
        <ul style='list-style: none;'> 
              <li>...</li> 
        </ul> 
        </div> 
    </di>  
   

La lista sale centrada en el medio dentro del <div>, el problema que aunque no dibuje el punto, lo centra como si estuviera, por tanto queda centrado un pelin más desplazado cada elmento de la lista y no queda bien centrado. Espero que me entiendas y gracias por la ayuda

[Calizman]

Jmm... parece que asi queda... Lo unico que se me ocurre es que le pongas list-style-position: inside; a la estiqueta <ul>. Si no funcionara, tambien intenta con outside en vez de inside para ver que como se comporta.

[naitmeir]

nada, no hace nada con ninguno de los dos valores...

[Calizman]

Jmm... creo que se tendra que quedar asi... tambien lo que puedes hacer para que se vea mejor, es poner esto:

li {
margin-left: -2px
}

para que se hagan un poco hacia la izquierda, que es lo que creo que quieres... tambien puedes jugar con el px de el margen para lograr el efecto que quieres... (aunque realmente no encuentro mucha diferencia entre centrar el texto con bolita y sin bolita... )

Pero bueno... suerte entonces!!

Hasta Luego!!

[pitufoweb]

Hola.

Las listas tienes margin y/o padding por defecto.

"Reset" el margin y/o padding a cero antes de todo. Tal ves ese sea el problema.

Eje:

ul, li {margin: 0; padding: 0; }




Saludos

[naitmeir]

Pues si con esto ultimo centra perfectamente. Le he tenido que quitar el margin porque sino se me desplazaba para arriba.

La solucion al final fue esta

<ul style='list-style-type: none; padding: 0;'>

Gracias a los dos, un saludo

[Calizman]

Nada de agradecer... Un verdadero placer ayudarte!