[css] Mise en place bloc div

Mise en place bloc div [css] - HTML/CSS - Programmation

Marsh Posté le 16-12-2005 à 12:28:52    

Bonsoir.
VOici mon code html tout d'abord

Code :
  1. </head><body>
  2. <div id="main">
  3. <div id="left">
  4. <ul id="menu">
  5. <li id="aa"><a href="a.php">&nbsp;</a></li>
  6. <li id="bb"><a href="b">&nbsp;</a></li>
  7. <li id="cc"><a href="c">&nbsp;</a></li>
  8. <li id="dd"><a href="d">&nbsp;</a></li>
  9. </ul>
  10. </div>
  11. <div id="right">
  12. <div id="head"></div>
  13. <div id="content">
  14. <h3>&nbsp;</h3>
  15. <div class="text">
  16.   <p>qsddqdqsdqs</p>
  17.   <p>qsdqsdqs</p>
  18.   <p>sd</p>
  19.   <p>qsdqsdqs</p>
  20.   <p>qsdqs</p>
  21.   <p>jhkjkkhjkhjk</p>
  22. </div>
  24. <div id="popo"></div>
  25. </div>
  27. <div id="bottom">signature</div>
  28. </div>
  29. </div>


 
et mon code css pour le moment.
 

Code :
  1. #head {
  2.   height: 124px;
  3.   width: 670px;
  4.   background-image: url('haut.jpg');
  5.   background-repeat: no-repeat;
  6.   background-position: 0 0;
  7. }
  9. #bottom {
  10.   background-image: url('bas.jpg');
  11.   background-repeat: no-repeat;
  12.   background-position: left top;
  13.   height: 36px;
  14.   width: 670px;
  15.   padding-bottom: 5px;
  16.   margin-bottom: 20px;
  17. }
  19. #content {
  20.   background-image: url('milieu.jpg');
  21.   background-repeat: repeat-y;
  22.   padding: 0 15px 0 15px;
  23. }
  25. #main {
  26. margin-left: auto;
  27.      margin-right: auto;
  28.  
  29. width: 670px;
  30. }


 
J'obtiens ceci.
 
 
http://leon.baz.free.fr/1.JPG
 
J'aimerai pouvoir mettre le menu qui se trouve en haut sur le screen (les 4 puces) à gauche de l'interface et collé à celle ci.
 
Si vous pouvez m'aider je suis preneur.
 
Cordialement

Reply

Marsh Posté le 16-12-2005 à 12:28:52   

Reply

Marsh Posté le 16-12-2005 à 12:40:49    

Code :
  1. ul { float:left;}


et tu rajoutes la même propriété css à ton div.
Au fait, il faut aussi que tu mettes le ul jsute avant le div dans l'ordre du code html ou que tu sortes du flux courant les div qui sont entre les deux :

  • position:absolute;
  • float:right mais je me rapelle plus si les trois flotant seront sur la même ligne s'il y a un flotant à gauche suivit d'un flotant à droite suivit d'un autre flotant à gauche.

Reply

Marsh Posté le 16-12-2005 à 13:18:14    

Merci

Reply

Sujets relatifs:

Leave a Replay

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