Problemas Con Una Lista

joshvoll · #1 (**permalink**) 04/04/2008, 10:13

Que tal chicos como estan, ok el problema es este

estoy utilizando una lista con <ul> luego inserto una arrow a la lista con Style="list-image-

hasta aki todo bien el problema es que el lugar donde pongo la lista es pequeño entonces la lista me sale encogida, por la sangria que la lista hace automaticamente, osea el espacio que la lista hace

en resumen es esto

codio
list
list
lst

yo quiero poder manipular el espacio que hace la lista, ya prove con position pero nada alguna idea

Mikmoro · #2 (**permalink**) 04/04/2008, 12:21

Bueno, supongo que como yo lo haría sería poniendo otro elemento como span dentro de los elementos de lista, de esa manera controlo la distancia con los márgenes.

Un ejemplo:

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<title>Centrado vertical</title>
<style type="text/css">
span { margin-left: 30px;
}
</style>
</head>
<body>
<ul>
<li><span>uno</span></li>
<li><span>uno</span></li>
<li><span>uno</span></li>
</ul>
</body>
</html>

A ver si te sirve.

Mikel.

iconogt · #3 (**permalink**) 04/04/2008, 14:55

Bien, suponiéndo que tenemos el listado dentro de un div#
Yo lo haría de esta forma..

Código:

#capa ul {
margin : 0;padding : 0;
}

#capa ul li { 
margin : 0;padding : 0 0 0 0; /*aqui esdonde podés manipular el espacio del bloque "por lado dentro"*/
}

posteanos el código donde tenés el listado...