login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Floats

Offline Dark_Paul - 09/11/2006 20:14
Avatar van Dark_PaulPHP ver gevorderde Hej,
Dit zou standaard CSS moeten zijn, maar ik kom er niet uit. Ik heb 3 div's, met een breedte van 25%, 50% en weer 25%. Ik wil ze netjes in een rijtje naast elkaar hebben.
Ik heb een aparte html-file gemaakt waarin ik alleen de style van de 5 divs gezet (een voor de container en een voor de spacer).
In dat html-bestand wordt alles wel neergezet zoals ik 't wil, maar als ik het implenteer op mn site (met dezelfde stylesheet en code) dan wordt de 'middelste' div op 3/4 van de breedte van de container gezet, en de 'rechtse' div komt in het midden op een nieuwe regel. Ik heb al gespeeld met de breedtes en met de margin's en paddings, zonder succes (anders zou ik 't ook niet hier vragen ).
  1. .spacer {
  2. clear: both;
  3. }
  4. .nav {
  5. width: 50%;
  6. font-size: 13px;
  7. font-weight: bold;
  8. color: #555555;
  9. padding-top: 4px;
  10. padding-bottom: 4px;
  11. margin-left: 0px;
  12. border-top: 1px solid #cccccc;
  13. border-bottom: 1px solid #cccccc;
  14. }
  15. .nav .left {
  16. float: left;
  17. margin-left: 0px;
  18. width: 25%;
  19. text-align: left;
  20. }
  21. .nav .middle {
  22. float: left;
  23. margin-left: 0px;
  24. width: 50%;
  25. text-align: center;
  26. }
  27. .nav .right {
  28. float: left;
  29. margin-left: 0px;
  30. width: 25%;
  31. text-align: right;
  32. }
  33.  
  34. <div class="nav">
  35. <div class="spacer"><!-- --></div>
  36.  
  37. <div class="left">
  38. &lt;&lt;Previous
  39. </div>
  40.  
  41. <div class="middle">
  42. Page 1 of 1
  43. </div>
  44.  
  45. <div class="right">
  46. Next&gt;&gt;
  47. </div>
  48.  
  49. <div class="spacer"><!-- --></div>
  50. </div>

2 antwoorden

Gesponsorde links
Offline crasher - 09/11/2006 22:01 (laatste wijziging 09/11/2006 22:15)
Avatar van crasher Lid je moet eens proberen om je breedte met vaste waardes te doen in px dat helpt misschien wel

edit: mag ik link eens naar je site ik krijg nu css enzo opt school dus wil wel is zien voor je
Offline Dark_Paul - 10/11/2006 08:32
Avatar van Dark_Paul PHP ver gevorderde Breedtes met vaste waardes helpt ook niet, dat heb ik ook geprobeerd.
Ik heb om die linkse div een border van 1px gezet, en toen een breedte gegeven van een aantal pixels. De div wordt alleen niet kleiner (als ik 55px opgeef is ie even groot als bij 90px ofzo).
Ik heb 't nog niet online staan, ik draai alles local. Mijn localhost is wel te bereiken via http://paul90.dyndns.org/tcb/ (het project waar ik mee bezig ben), maar die staat niet vaak aan.
Daarom heb ik 'm maar ff op Plaatscode.be gezet.
http://www.plaatscode.be/3074/
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.195s