Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2771 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [css] Mise en place bloc div

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[css] Mise en place bloc div

n°1268314
masseur
Posté le 16-12-2005 à 12:28:52  profilanswer
 

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>
  23. <div id="popo"></div>
  24. </div>
  25. <div id="bottom">signature</div>
  26. </div>
  27. </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. }
  8. #bottom {
  9.   background-image: url('bas.jpg');
  10.   background-repeat: no-repeat;
  11.   background-position: left top;
  12.   height: 36px;
  13.   width: 670px;
  14.   padding-bottom: 5px;
  15.   margin-bottom: 20px;
  16. }
  17. #content {
  18.   background-image: url('milieu.jpg');
  19.   background-repeat: repeat-y;
  20.   padding: 0 15px 0 15px;
  21. }
  22. #main {
  23. margin-left: auto;
  24.      margin-right: auto;
  25.  
  26. width: 670px;
  27. }


 
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

mood
Publicité
Posté le 16-12-2005 à 12:28:52  profilanswer
 

n°1268334
omega2
Posté le 16-12-2005 à 12:40:49  profilanswer
 

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.

n°1268357
masseur
Posté le 16-12-2005 à 13:18:14  profilanswer
 

Merci


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [css] Mise en place bloc div

 

Sujets relatifs
[CSS] problème de mise en page à l'impressionprobleme mise en page
[CSS] Problème hauteur d'un bloc dans IEMise en place d'une connexion XML-RPC, besoin d'aide
Mise a jour d'un site[Pilote ODBC Microsoft Access] Mise à jour impossible.
pb mise en memoire tampon d'une video[c++/linux] mise en page en ligne de commande
dbgrid mise ajour 
Plus de sujets relatifs à : [css] Mise en place bloc div


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR