Beste mensen,
Ik ben aan het proberen 3 divs naast elkaar te krijgen en daarin een tekst netjes te laten weergeven. Ik blijf hier echter in falen. Ik heb meerdere opties van Google geprobeerd toe te passen, maar ik kom er niet uit.
Ik zou dan ook graag willen weten wat ik niet goed doe en hoe ik dit mogelijk zou kunnen oplossen.
Website
HTML Code
CSS Code
- 3 divs naast elkaar, tekst lijkt echter niet te willen
-
19-11-2012, 21:17 #1
- Berichten
- 50
- Lid sinds
- 12 Jaar
3 divs naast elkaar, tekst lijkt echter niet te willen
-
19-11-2012, 21:27 #2
- Berichten
- 1.367
- Lid sinds
- 16 Jaar
Re: 3 divs naast elkaar, tekst lijkt echter niet te willen
Bijvoorbeeld
<div style="display:block;float:left:width:150px;margin-right:10px;">test</div>
<div style="display:block;float:left:width:150px;margin-right:10px;">test</div>
<div style="display:block;float:left:width:150px;margin-right:10px;">test</div>
Voila. Nu wel even style opnemen in de CSS en verwijzen naar een class. Width is afhankelijk van de breedte van de beschikbare ruimte. Zelfde geldt voor margin-right en de padding van de blocks.
CSS-doc ziet er dan zo uit
--
.block { display:block;float:left:width:150px;margin-right:10px; }
--
En je HTML ziet er dan zo uit:
<div class="block">test</div>
<div class="block">test</div>
<div class="block">test</div>
--
Gr. Rich
-
19-11-2012, 21:33 #3
- Berichten
- 50
- Lid sinds
- 12 Jaar
Re: 3 divs naast elkaar, tekst lijkt echter niet te willen
Gecorrigeerd:
Lijkt nu compleet te werken, blijkt maar weer dat het sneller is om even hulp te vragen dan te Googlen. Een ieder die hier heeft gekeken en hulp heeft aangeboden dank!!Laatst aangepast door Rick Velthuis : 19-11-2012 om 21:39
-
19-11-2012, 21:38 #4
- Berichten
- 1.367
- Lid sinds
- 16 Jaar
Re: 3 divs naast elkaar, tekst lijkt echter niet te willen
Ik doe het altijd zo en het werkt perfect.
Ik zet zo zelfs hele menu's in elkaar (alles naar links of rechts, net hoe het uitkomt) - zie voorbeeld (menu, tekstblokken, etc.)
Gr. Rich
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic