Una alternativa:
ul li {float: left; width: 10em;}
#item3, #item6, #item9 {clear: left;}
<ul>
<li id="item0">Cero</li>
<li id="item1">Uno</li>
<li id="item2">Dos</li>
<li id="item3">Tres</li>
<li id="item4">Cuatro</li>
<li id="item5">Cinco</li>
<li id="item6">Seis</li>
<li id="item7">Siete</li>
<li id="item8">Ocho</li>
<li id="item9">Nueve</li>
<li id="item10">Diez</li>
</ul>
Agrupa en filas de tres los items de la lista (sólo cabe variar las IDs
para "clarear")
¡Saludos!
Miguel González
Roberto Barreiro escribió:
> hola
> lo he puesto en:
> http://rpbarreiro.dyndns.org/lista.php
> tengan paciencia, va a tardar en cargar, ya que es un ordenador que esta en
> mi casa
>
> 1. los colores horribles estan a proposito, para saber que es cada cosa y
> hasta donde llega
> 2. las imagenes no se ven porque puse cualquier cosa en la ruta
> 3. es un solo archivo, como es un ejemplo, para ver que pasa y como
> resolverlo
> 4. en explorer 7 es lo que quiero -no esta del todo bien, pero da una idea-
> pero el mismo archivo en firefox es para morirse .....
>
> la idea es poder decir: quiero dos fotos en linea, o quiero tres fotos en
> linea, o quiero ...... y que la forma de visualizarlo, sea cambiado la css
> que se aplica
>
> espero que esto les aclare sobre mi problema
> salu2 y muchas gracias por el tiempo que le estan dedicando a esto
>
>
>
> El día 4 de junio de 2008 14:41, Ignacio Ricci <[EMAIL PROTECTED]>
> escribió:
>
>
>> No se si soy yo, pero siempre me cuesta entender los problemas que tienen.
>> Si pusieran imagenes me lo harían más fácil y podría ayudarlos.
>>
>> 2008/6/4 Roberto Barreiro <[EMAIL PROTECTED]>:
>>
>>
>>> hola
>>> es una unica lista de productos, pero lo que quiero es poder definir como
>>> se
>>> va a mostrar
>>> 1 producto por linea
>>> 2 productos por linea
>>> 3 productos por linea
>>> la cantidad de productos que quiera en una linea
>>> esto lo haria cambiando los css
>>> ejemplos
>>>
>>> producto - producto - producto (css de salto de linea)
>>> etc
>>>
>>> o
>>>
>>> producto - producto (css de salto de linea)
>>>
>>> o lo que me pida el cliente
>>> eso sin tener que cambiar el tamaño del div contenedor para forzar el
>>>
>> salto
>>
>>> .....pero por mas que le doy no consigo hacerlo ....
>>> salu2
>>>
>>> PD: los productos pueden ser solo texto o una imagen .....
>>>
>>>
>>> El día 4 de junio de 2008 12:46, Rodrigo Álvarez Virgós <
>>> [EMAIL PROTECTED]> escribió:
>>>
>>>
>>>> Hola, Roberto
>>>>
>>>> Roberto Barreiro escribió:
>>>>
>>>>> hola
>>>>> sucede que es una lista de productos generada de forma dinamica .....
>>>>>
>>> si
>>>
>>>>> bien lo que dices puede hacerse -y a menos que haya una solucion
>>>>>
>> mejor
>>
>>>>> .....- pero no me parece muy correcto.... deberia de poder hacerse de
>>>>>
>>>> alguna
>>>>
>>>>> forma que no sea cambiando el tamaño del div contenedor ......
>>>>>
>> hummmmmm
>>
>>>>> la verdad es que es un problema que me trae de cabeza ....
>>>>> sigo buscando en google alguna idea.... muchas gracias por tu
>>>>>
>> aporte!!!
>>
>>>> Como dice Neftalí es la gitanada máxima, pero puede que si necesitas
>>>> "romper" una lista en dos es porque realmente necesites dos listas
>>>> distintas... ¿o no? ¿Por qué en dos líneas (simple curiosidad)?
>>>>
>>>>
>>>>> 2008/6/4 Rodrigo Álvarez Virgós <[EMAIL PROTECTED]>:
>>>>>
>>>>>
>>>>>
>>>>>> Hola, Roberto
>>>>>>
>>>>>> Roberto Barreiro escribió:
>>>>>>
>>>>>>
>>>>>>> hola lista
>>>>>>> tengo algo que me esta trayendo de cabeza desde hace dos dias
>>>>>>>
>>>>>>> tengo dentro de un div -que tiene su alto y su ancho- una lista,
>>>>>>>
>> esta
>>
>>>>>> lista
>>>>>>
>>>>>>
>>>>>>> la quiero mostrar de forma horizontal pero con una determinada
>>>>>>>
>>> cantidad
>>>
>>>>>> de
>>>>>>
>>>>>>
>>>>>>> items, por ejemplo
>>>>>>>
>>>>>>> campo - campo1 - campo2 (salto de linea) campo3 - campo4 - campo5
>>>>>>>
>>>> (salto
>>>>
>>>>>> de
>>>>>>
>>>>>>
>>>>>>> linea)
>>>>>>>
>>>>>>> etc
>>>>>>> si pongo un display:inline, el salto se produce de forma automatica
>>>>>>>
>>> al
>>>
>>>>>>> llegar al final del div, pero lo que yo quiero es poder controlar
>>>>>>>
>> el
>>
>>>>>> lugar
>>>>>>
>>>>>>
>>>>>>> donde va a ser el salto de linea, obviamente que si modifico el
>>>>>>>
>>> tamano
>>>
>>>>>> del
>>>>>>
>>>>>>
>>>>>>> div, se va a producir el salto, pero eso no me sirve
>>>>>>> he probado en vez del inline, el float:left, en convinacion con
>>>>>>>
>> clear
>>
>>>>>> -both,
>>>>>>
>>>>>>
>>>>>>> left right- todo esto aplicando dos clases diferentes en los LI uno
>>>>>>>
>>>>>>>
>>>>>> normal
>>>>>>
>>>>>>
>>>>>>> -por decirlo de alguna manera- y el otro que daria el salto ....
>>>>>>>
>> pero
>>
>>>> no
>>>>
>>>>>>> funciona
>>>>>>> de donde podria sacar algun ejemplo/articulo que hable de este
>>>>>>>
>>> tema????
>>>
>>>>>>> alguien que haya tenido este mismo problema y me pueda dar una
>>>>>>> opinion/sugerencia???
>>>>>>>
>>>>>>>
>>>>>> Es una solución "trampa", pero igual te vale... Puedes separar la
>>>>>>
>>> lista
>>>
>>>>>> en dos, y agrupar las dos listas resultantes en otra lista de nivel
>>>>>> superior:
>>>>>> <ul>
>>>>>> <li>
>>>>>> <ul>
>>>>>> <li>uno</li>
>>>>>> <li>dos</li>
>>>>>> <li>tres</li>
>>>>>> </ul>
>>>>>> </li>
>>>>>> <li>
>>>>>> <ul>
>>>>>> <li>cuatro</li>
>>>>>> <li>cinco</li>
>>>>>> </ul>
>>>>>> </li>
>>>>>> </ul>
>>>>>> _______________________________________________
>>>>>> Lista de distribución Ovillo
>>>>>> Para escribir a la lista, envia un correo a [email protected]
>>>>>> Puedes modificar tus datos o desuscribirte en la siguiente
>>>>>>
>> dirección:
>>
>>>>>> http://lists.ovillo.org/mailman/listinfo/ovillo
>>>>>>
>>>>>>
>>>>>>
>>>>> _______________________________________________
>>>>> Lista de distribución Ovillo
>>>>> Para escribir a la lista, envia un correo a [email protected]
>>>>> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
>>>>>
>>>> http://lists.ovillo.org/mailman/listinfo/ovillo
>>>>
>>>>>
>>>> _______________________________________________
>>>> Lista de distribución Ovillo
>>>> Para escribir a la lista, envia un correo a [email protected]
>>>> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
>>>> http://lists.ovillo.org/mailman/listinfo/ovillo
>>>>
>>>>
>>> _______________________________________________
>>> Lista de distribución Ovillo
>>> Para escribir a la lista, envia un correo a [email protected]
>>> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
>>> http://lists.ovillo.org/mailman/listinfo/ovillo
>>>
>>>
>>
>> --
>> ↓ Ignacio Ricci
>> www.ignari.com.ar | www.ignacioricci.com.ar
>> _______________________________________________
>> Lista de distribución Ovillo
>> Para escribir a la lista, envia un correo a [email protected]
>> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
>> http://lists.ovillo.org/mailman/listinfo/ovillo
>>
>>
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
