Juste un texte à positionner... Juste...

Juste un texte à positionner... Juste... - HTML/CSS - Programmation

Marsh Posté le 17-10-2005 à 17:38:42    

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:
http://www.rpgamers-fr.net/temp/cassetete.gif
 
Et ce que je cherche à faire:  
http://www.rpgamers-fr.net/temp/cassetete2.gif
 
Ca parait pas dur... :D
Maintenant voyons la css:

Code :
  1. #conteneur {
  2. width:100%;
  3. margin-bottom:50px;
  4. }
  6. h1 {
  7. font-family:Georgia;
  8. font-size:14px;
  9. font-weight:bold;
  10. margin:0;
  11. margin-left:13px;
  12. padding:0;
  13. border-bottom:2px solid #B9B9CE;
  14. }
  16. p.texte {
  17. width:470px;
  18. margin:1px 0px 10px 6px;
  19. padding:0;
  20. float:left;
  21. }
  23. p.bas {
  24. text-align:right;
  25. clear:both;
  26. margin:0;
  27. padding:0;
  28. font-family:Arial;
  29. font-size:10px;
  30. }


 
Et l'HTML:

Code :
  1. <div id="conteneur">
  2. <img src="images/ico_emulation.gif" width="10" height="12" alt="" style="float:left; margin-top:3px;" />
  3. <h1>News du test</h1>
  4. <img src="images/avatar.gif" width="56" height="56" style="float:right; margin-top:4px; margin-bottom:12px; border:1px solid #9BA0A6;" />
  5. <p class="texte">Nrbng iuvbhiugv iuvg iuvgh iuv iulrbng iuvbhiugv iuvg iuvgh iuv iulrbng iuvbhiugv iuvg iuvgh iuv
  6. iulrbng.</p>
  7. <p class="bas"><img src="images/Btn_details.gif" width="195" height="15" alt="" style="vertical-align:middle; margin-right:3px; " />(15)</p>
  8. </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
Reply

Marsh Posté le 17-10-2005 à 17:38:42   

Reply

Marsh Posté le 17-10-2005 à 18:29:28    

Tenez, si j'ajoute un <div> en position relative, positionné avec left et top, je me retrouve avec sa hauteur en supplément... quelque soit sa position, la place qu'il prend est visuellement au dessus des éléments dans le code HTML.
 
 
Etrange O_o


---------------
RPGamers, la passion du RPG : http://www.rpgamers.fr
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed