28172 sujets

CSS et mise en forme, CSS3

Bonjour,

je m’entraîne à créer des thèmes enfant sous wordpress, mais je rencontre une difficulté, je ne vois pas comment aligner le titre et la date d'un billet sur la même ligne. La date est toujours sur le titre, ce qui pour moi est pas top.
Voir exemple.

mon code dans la page index.php

<div class="post" id="post-<?php the_ID(); ?>">
		<div class="date">
    <div class="date-month"><?php the_time('M'); ?></div>
    <div class="date-day"><?php the_time('d'); ?></div>
</div><h2><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a><div id="home-comments"><?php comments_popup_link(' (0)', ' (1)', ' (%)'); ?></div><?php edit_post_link('Editer', ' &#124; ', ''); ?></h2>
				
					<div class="post_content">
						<?php the_content(); ?>
					</div>
				<div class="tags"><?php the_tags(); ?></div>
		</div>


ma question est donc que faire pour que Date soit avant title, mais sur la même ligne ?
Modifié par jibi93 (19 Oct 2010 - 14:52)
Salut,

J'utiliserais des floats, tout simplement. Dans ton cas, c'est à ça que ça sert.


.date { float:right; }


Sinon tu peux tester aussi comme ça et après tu n'as qu'à grossir ton titre et l'align correctement.


h2 { float:left; }
.date { float:right; }
.post_content { clear:both; }


J'espère avoir répondu à ta question