Ver Mensaje Individual
  #1 (permalink)  
Antiguo 22/09/2010, 17:35
Avatar de Wakkos
Wakkos
Colaborador
 
Fecha de Ingreso: octubre-2001
Ubicación: (cerca)
Mensajes: 1.795
Antigüedad: 23 años, 1 mes
Puntos: 59
Alinear varios <ul> horizontalmente

Hola!

Definitivamente el CSS no es para mi.

Tengo unas imágenes mostradas con <UL> dentro de un loop de Wordpress:

Código PHP:
        <ul class="publicaciones"> 
        <li><em>Revista:<br /><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></em>
                <img src="<?php echo catch_that_image() ?>"/>
                </li>

    

        <br style="clear: both" />
        </ul>
No logro hacer que me salgan uno al lado del otro. Y cuando lo logro gracias a un
width:33%;
float:left;
Se me salen por debajo del DIV que los contiene (ver http://ugartecomunicacion.es/?cat=4)
el estilo del <ul> es
Código HTML:
.publicaciones {
	border:dotted;
	list-style: none;
	margin: 0;
	padding: 0;
	width:33%;
	float:left;
Cómo puedo hacer para alinearlas una al lado de otra? deben salir 3 por fila (ya haré el "salto de carro" con un contador de PHP, o se puede hacer en CSS?)


Os dejo link al .css http://ugartecomunicacion.es/codigo....arte/style.css
Y al archivo en sí:
http://ugartecomunicacion.es/codigo....e/category.php (la parte del error es cuando el primer condicional se cumple, osea, el código que coloqué al principio del post)

Espero que sea suficiente información para que me ayudéis!

De nuevo, gracias de antemano
__________________
Cool Village
@Wakkos