[html& css] 3 DIV côte-à-côte (dont 2 en taille fixe)?

3 DIV côte-à-côte (dont 2 en taille fixe)? [html& css] - HTML/CSS - Programmation

Marsh Posté le 15-03-2011 à 12:37:35    

:hello:  
 
Est-il possible de mettre 3 div (ou span) côte à côte dans cette disposition
 [5px] [100%] [5px]
 
chaque [] représentant un DIV/SPAN ;).
 
Voilà le code que j'ai pour l'instant:

Code :
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. #1 {
  5. background: pink;
  6. width: 300px;
  7. height: 100px;
  8. }
  9. #2 {
  10. background: yellow;
  11. width: 50px;
  12. height: 20px;
  13. }
  15. #3 {
  16. background: green;
  17. width: 100%;
  18. height: 20px;
  19. }
  21. #4 {
  22. background: red;
  23. width: 50px;
  24. height: 20px;
  25. }
  27. </style>
  28. </head>
  30. <body>
  31. <div id="1"><span id=2></span><span id=3></span><span id=4></span></div>
  32. </body>
  33. </html>


 
Merci pour votre aide.
PlaTyPuS

Reply

Marsh Posté le 15-03-2011 à 12:37:35   

Reply

Marsh Posté le 15-03-2011 à 15:38:48    

tu as vraiment besoin qu'ils fassent 5px de large ?  
tu mets une image pour la déco ? sinon utilises des bordures au mieux.
 
La solution idéale :  

Code :
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. #el1 {
  5. background: pink;
  6. width: 300px;
  7. height: 100px;
  8. }
  9. #el2 {
  10. background: yellow;
  11. width: 50px;
  12. height: 20px;
  13. float:left;
  14. }
  15. #el3 {
  16. display:block; overflow:hidden;
  17. height: 20px;
  18. }
  19. #el4 {
  20. background: red;
  21. width: 50px;
  22. height: 20px;
  23. float:right;
  24. }
  25. </style>
  26. </head>
  27. <body>
  28. <div id="el1">
  29. <span id="el2"></span>
  30. <span id="el4"></span>
  31. <span id="el3"></span>
  32. </div>
  33. </body>
  34. </html>


---------------
Blablaté par Harko
Reply

Sujets relatifs:

Leave a Replay

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