login  Naam:   Wachtwoord: 
Registreer je!
 Forum

layout css div tekst + afbeelding (Opgelost)

Offline Arnold1977 - 04/12/2007 19:33
Avatar van Arnold1977Nieuw lid Ik wil graag tekst naast een logo plaatsen. Ik gebruik een menudiv als container en daarin zitten twee andere divs.

De tekst die vetgedrukt is wil ik eigenlijk naast het logo hebben, links ervan.

De DIV van het logo begint nu steeds te hoogte van waar de tekst ophoudt.
Ik weet het, lang en onduidelijk verhaal, maar .... voor de duidelijkheid heb ik alles wat ik div staat een border =1 gegeven.

Kijk even naar het voorbeeld zoals het nu is dan wordt het vast helder.

De code die ik gebruik voor het bovenste gedeelte is als volgt :

  1. #menuboven
  2. {
  3. width:900px;
  4. margin: 10px 0px 0px 0px;
  5. position:relative;
  6. border:1px solid green;
  7. text-align:center;
  8. background-color: #cccccc;
  9. }
  10.  
  11.  
  12. #linksmenuboven{
  13. float:left;
  14. width:750px;
  15. margin: 90px 0px 0px 0px;
  16. padding:0px;
  17. background-color: white;
  18. border: 1px solid red;
  19. }
  20. #rechtsmenuboven{
  21. float:right;
  22. width:140px;
  23. text-align:right;
  24. border: 1px solid black;
  25.  
  26. }


en de html die erbij hoort :

  1. <div id="menuboven"> <h2 align="left">Deze tekst wil ik <span class="style1">naast</span> het plaatje hier rechts ! Dus eigenlijk iets meer naar onderen !! iemand een idee?</h2>
  2. <div id="linksmenuboven">
  3. <ul>
  4. <li><a href="http://www.ikstop.nl">Begin</a></li>
  5. <li><a href="/">Stopmethoden</a></li>
  6. <li><a href="/">Meer over roken</a></li>
  7. <li><a href="/">Forum</a>
  8. <li><a href="/">Boeken</a></li>
  9. <li><a href="/">Gevolgen</a></li>
  10. <li><a href="/">Roken & geld</a></li>
  11. </ul>
  12. </div>
  13. <div id="rechtsmenuboven"><img src="../afbeeldingen/logo_ikstop.gif" width="120" height="123"></div>
  14. </div>

4 antwoorden

Gesponsorde links
Offline Koen - 04/12/2007 19:44
Avatar van Koen PHP expert Je gebruikt h2, dus wordt er automatisch een nieuwe lijn begonnen..
Offline Arnold1977 - 04/12/2007 19:49
Avatar van Arnold1977 Nieuw lid Maakt helaas geen verschil, ik hed de nieuwe code (zonder h2) online gezet.

Bedankt voor de snelle reactie trouwens
Offline Arnold1977 - 04/12/2007 19:49 (laatste wijziging 04/12/2007 19:50)
Avatar van Arnold1977 Nieuw lid zelfde bericht als hierboven per ongeluk tweemaal geplaatst, vandaar verwijderd...
Offline Vincjenzo - 04/12/2007 23:55 (laatste wijziging 04/12/2007 23:56)
Avatar van Vincjenzo Nieuw lid Zo?

Plaatscode: 4310

Plaatscode: 4311
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.174s