login  Naam:   Wachtwoord: 
Registreer je!
 Forum

2 kolommen met css

Offline BOB - 10/06/2005 14:07 (laatste wijziging 10/06/2005 15:20)
Avatar van BOBNieuw lid Hallo

Ik heb twee kolommen gemaakt.
Linkse kolom is een keuzemenu. Als ik daar iets aanklik zou de tekst in de rechterkolom moeten komen.
Hoe kan ik dit oplossen
Dit heb ik al

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2. <head>
  3. <title>??????????</title>
  4. <style type="text/css" media="all">
  5. body {
  6. margin: 0px;
  7. padding: 0px;
  8. font-family: Georgia, Times, Serif;
  9. color: black;
  10. width: 800px;
  11. }
  12.  
  13. div#hoofding {
  14. background-color: #266;
  15. color: white;
  16. font-size: 28px;
  17. float: middle;
  18. }
  19.  
  20. div#keuzemenu {
  21. position: absolute;
  22. top: 40px;
  23. left: 10px;
  24. width: 160px;
  25. margin-left: 10px;
  26. padding-top: 20px;
  27. border: 500px;
  28. }
  29.  
  30. div#tekst {
  31. position: absolute;
  32. top: 30px;
  33. left: 180px;
  34. padding-top: 20px;
  35. margin: 0px 10px 0px 50px;
  36. }
  37. </style>
  38. </head>
  39.  
  40. <body>
  41. <div id="hoofding">hoofding</div>
  42.  
  43. <div id="keuzemenu">
  44. <br />
  45. <a href="link 1.html">link 1</a><br>
  46. <a href="link 2.html">link 2</a><br />
  47. </div>
  48.  
  49. <div  id="tekst">
  50. <h4>hier zou de tekst van de aangeklikte link moeten komen</h4>
  51. teksttekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst<br> tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst  
  52.  </div>
  53. </body>
  54. </html>


nemesiskoen edit: code tags

6 antwoorden

Gesponsorde links
Offline XenoX - 10/06/2005 14:32
Avatar van XenoX Gouden medailleGouden medaille

PHP expert		 Geef ze allebei float: left; ?
Offline Ontani - 10/06/2005 14:40
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 en geen absolute positie
Offline BOB - 10/06/2005 14:54
Avatar van BOB Nieuw lid @xenox: kan je een beetje verduidelijken. Ik ben nog maar pas met deze materie bezig
Offline DaOxx - 10/06/2005 14:57
Avatar van DaOxx PHP beginner float: left; zorgt ervoor dat het links wordt uitgelijnd.
Offline BOB - 10/06/2005 15:59
Avatar van BOB Nieuw lid ok, maar hoe kan ik, als ik op de link in de linkse kolom klik, de tekst hiervan weergegeven wordt in het rechtse vak?
Offline DaOxx - 10/06/2005 16:19
Avatar van DaOxx PHP beginner doormiddel van iframes of gewoon php gebruiken.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.192s