Bonjour à vous !
J'ai, à priori, un tout petit problème à résoudre. Cependant... soit je loupe quelque chose à force d'avoir le nez dedans, soit c'est pas si "petit" que ça.
Voici l'état actuel:
Et ce que je cherche à faire:
Ca parait pas dur...
Maintenant voyons la css:
Code :
- #conteneur {
- width:100%;
- margin-bottom:50px;
- }
- h1 {
- font-family:Georgia;
- font-size:14px;
- font-weight:bold;
- margin:0;
- margin-left:13px;
- padding:0;
- border-bottom:2px solid #B9B9CE;
- }
- p.texte {
- width:470px;
- margin:1px 0px 10px 6px;
- padding:0;
- float:left;
- }
- p.bas {
- text-align:right;
- clear:both;
- margin:0;
- padding:0;
- font-family:Arial;
- font-size:10px;
- }
|
Et l'HTML:
Code :
- <div id="conteneur">
- <img src="images/ico_emulation.gif" width="10" height="12" alt="" style="float:left; margin-top:3px;" />
- <h1>News du test</h1>
- <img src="images/avatar.gif" width="56" height="56" style="float:right; margin-top:4px; margin-bottom:12px; border:1px solid #9BA0A6;" />
- <p class="texte">Nrbng iuvbhiugv iuvg iuvgh iuv iulrbng iuvbhiugv iuvg iuvgh iuv iulrbng iuvbhiugv iuvg iuvgh iuv
- iulrbng.</p>
- <p class="bas"><img src="images/Btn_details.gif" width="195" height="15" alt="" style="vertical-align:middle; margin-right:3px; " />(15)</p>
- </div>
|
Je précise que je ne connais pas la hauteur du div, il peut s'allonger.
Merci de jouer au lego avec moi.
---------------
RPGamers, la passion du RPG : http://www.rpgamers.fr