Por qué cuando el título es largo, toda la sección baja?. Ej en esta foto

[RGT]

Hola, por que cuando el titulo es largo como en la foto, la seccion, osea, el fondo baja. Que hago para cuando el titulo sea largo simplemente baje mas el titulo y la fecha y la categoria y no todo, no se si me entienden.

foto:


como pueden ver en el segundo post, el titulo es largo y tiene que seguir en la linea de abajo, al ser largo el titulo, el fondo tambien baja.
Deberia quedarse el fondo igual y simplemente bajar el titulo con fecha y categoria, y verse mas abajo pero al lado de la foto..

no se explicarlo, espero que me entiendan.

saludos!

[luciio]

No conozco nada de tu codigo pero viendo la imagen se me ocurre establecer una altura maxima, por ejemplo si el bloque debe medir como maximo 100px colocas la clase del div

max-height:100px;

Slds

[RGT]

Probé eso que dices y nó funcionó, sigue dejando el espacio.

Aqui te dejo mi codigo:

html:

Código PHP:

             <div class="post">
            <div class="home_thumb"><a href="<?php echo main_image_link() ?>" title="<?php the_title(); ?>"><?php echo thumb_image() ?></a></div>
                <h2 class="title"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" accesskey="<?php echo $access_key; $access_key++; ?>"><?php the_title(); ?></a></h2>
                <div style="margin-top:5px;">
                <span class="hora"><?php echo mi_fecha_enlazada(); ?></span> | <span class="categoria"><a href="category/<?php $category = get_the_category(); echo $category[0]->cat_name; ?>"><?php $category = get_the_category(); echo $category[0]->cat_name; ?></a></span>
                </div>
            </div>  

css:

Código:

.post { background: #f5f5f5; border-bottom: 1px solid #c6d9e9; padding: 8px; padding-bottom:75px; }
h2.title { margin: 0; }

.home_thumb {
	float:left;
	margin:0 15px 15px 0;
	border:1px solid #333;
	width:100px;
	height:100px;
	overflow:hidden;

}
.home_thumb img {width:100px;height:100px;}

Espero su ayuda....

[sanxuan]

Estoy casi seguro de que es a causa del padding-bottom que le das a la clase post. Considera si es necesario. El overflow está definido para home_thumb, no para post.

[RGT]

le quito el paddin botton y todas las imagenes se ven casi al lado de la otra...

que puedo hacer amigos?

[sanxuan]

Te pongo en rojo lo que pienso que debes borrar y en negrita lo que añadiría.
Pensé que sabrías recolocarlo todo.

.post { background: #f5f5f5; min-height:108px; border-bottom: 1px solid #c6d9e9; padding: 8px; padding-bottom:75px; }
h2.title { margin: 0; } /* Ajusta la altura a tus necesidades */
.home_thumb {
float:left;
margin:0 15px 15px 0;
border:1px solid #333;
width:100px;
height:100px;
overflow:hidden;

}
.home_thumb img {width:100px;height:100px;}