login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Divjes komen niet naast elkaar met CSS!

Offline Stryke - 07/03/2008 11:52 (laatste wijziging 07/03/2008 11:53)
Avatar van StrykeNieuw lid Hey, ik heb een probleem. Ik wil een layout maken in CSS en wil dus twee elementen naast elkaar plaatsen. Ik heb alleen geen enkel idee hoe dat moet. Kan iemand mij helpen? Dit is een voorbeeld van wat ik ongeveer heb:

CSS:
Plaatscode: 5958

HTML:
Plaatscode: 5959

Alvast bedankt  

Groeten

8 antwoorden

Gesponsorde links
Offline marten - 07/03/2008 12:23
Avatar van marten Beheerder Welke twee elementen wil je naast elkaar zetten?

Je hebt verschillende manieren om met divjes te 'bouwen'
Je kan position gebruiken waarin je twee variaties hebt. (relative en absolute). Verder heb je de mogelijkheid om met floats te werken. Hiermee kan je divjes tegen elkaar aan 'plakken'.

Stel je wilt twee divjes aan elkaar plakken dan kan je hetvolgende proberen:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div style="width: 400px;">
  2.     <div style="float: left; width: 200px; background-color: #000;">
  3.         Blok 1
  4.     </div>
  5.     <div style="float: left; width: 100px; background-color: #FF0000;">Blok 2</div>
  6. </div>


Je ziet dat ik met een breedte werk. Dit doe ik alleen om aan te geven wanneer je twee floats bij elkaar opgeteld groter zijn dan de totale breedte van je bovenliggende div, de div onder de andere komt in plaats van er naast.
Offline Stryke - 07/03/2008 13:06
Avatar van Stryke Nieuw lid Ik krijg die rechter div er niet naast ;) That's the problem .. Ik krijg hem wel op de goede positie (horizontaal dan) maar hij wil niet naast de linker div 

Groeten
Offline Pieter - 07/03/2008 13:18
Avatar van Pieter Gouden medaille

SEO guru		 En heb je Marten zijn code geprobeerd? Daar moet het normaal gezien mee werken...
Offline Stryke - 07/03/2008 13:22 (laatste wijziging 07/03/2008 13:26)
Avatar van Stryke Nieuw lid Jup, dat heb ik geprobeerd. ik zal de source even op mijn host zetten, dan kun je misschien zien wat ik fout doe?

Edit:
Hier is de link naar mijn voorbeeld oh ja, die footer moet er ook normaal onder, maar dat gaat wel goed als ik die twee dingen naast elkaar heb, denk ik ;)
Offline marten - 07/03/2008 13:26
Avatar van marten Beheerder Probeer in je innerbox clear: both mee te geven.Als het goed is springt de footer naar beneden en hebben de nieuws items genoeg ruimte om naast het hoofmenu te komen.
Offline Stryke - 07/03/2008 13:29 (laatste wijziging 07/03/2008 13:36)
Avatar van Stryke Nieuw lid Ik heb het geüpdate, het resultaat is nu anders .. Maar nog niet goed .. Heb hem nog geen float: right meegegeven .. Dat doe ik nu even (om 13:31u is dat wel goed ;))
Offline Jurgo - 07/03/2008 14:50 (laatste wijziging 09/03/2008 16:48)
Avatar van Jurgo PHP interesse Je kan in je css. position aangeven bijvoorbeeld:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. position: absolute;
  2. top: 100;
  3. left: 100;
Offline Stryke - 07/03/2008 14:52 (laatste wijziging 07/03/2008 15:33)
Avatar van Stryke Nieuw lid Even proberen! Bedankt voor je reactie!  

Edit: Werkt niet  

Voorbeeld van wat ik bedoel:

http://www.stryke.gethost.nl/voorbeeld.jpg

Dat had ik graag gewild 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.171s