[HTML] Hoe krijg ik dit naast elkaar ?

[michelc85]

Ik ben niet zo goed in html

De bedoeling is dat er 3 blokjes naast elkaar komen te staan , ze staan nu echter onder elkaar.

code:

<div align="left" style="background-color: red; width:250px; height:300px; border: 1 solid black; overflow:auto; scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #000000; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #EEEEEE; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #123456; scrollbar-base-color: #FDFBFF">
<font color="pink" face="arial" size="4"></font>
</div><br>
<div align="center" style="background-color: red; width:250px; height:300px; border: 1 solid black; overflow:auto; scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #000000; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #EEEEEE; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #123456; scrollbar-base-color: #FDFBFF" >
<font color="pink" face="arial" size="4"></font>
</div><br>
<div align="right" style="background-color: red; width:250px; height:300px; border: 1 solid black; overflow:auto; scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #000000; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #EEEEEE; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #123456; scrollbar-base-color: #FDFBFF" >
<font color="pink" face="arial" size="4"></font>
</div><br>
<div align="left" style="background-color: red; width:250px; height:300px; border: 1 solid black; overflow:auto; scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #000000; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #EEEEEE; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #123456; scrollbar-base-color: #FDFBFF" >
<font color="pink" face="arial" size="4"></font>
</div><br>
<div align="center" style="background-color: red; width:250px; height:300px; border: 1 solid black; overflow:auto; scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #000000; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #EEEEEE; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #123456; scrollbar-base-color: #FDFBFF" >
<font color="pink" face="arial" size="4"></font>
</div><br>
<div align="right" style="background-color: red; width:250px; height:300px; border: 1 solid black; overflow:auto; scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #000000; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #EEEEEE; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #123456; scrollbar-base-color: #FDFBFF" >
<font color="pink" face="arial" size="4"></font>
</div><br>

[ Voor 15% gewijzigd door michelc85 op 03-11-2004 23:17 ]

[Thijsmans]

Je topicstart is waardeloos. Je code zuigt ook van alle kanten. Je hebt de X-factor niet. Tot ziens.

[michelc85]

Was eigenlijk nog nie klaar

[Woudloper]

Ja, ja... Dat is lekker duidelijk...

Kan je wellicht iets meer informatie geven? Wellicht moet je float toevoegen aan je stylesheet, maar met alleen wat code is het moeilijk een oplossing te vinden...

[Aesculapius]

"mag ik nog even de groetjes doen aan mijn vriendinnetjes ? Ik vind et zow spannund :P"

LOL

[André]

Als je zoiets naast elkaar wil moet je geen breaks plaaten en de divs op display-inline zetten

[crisp]

Hoe krijg ik dit naast elkaar?

Door je te verdiepen in HTML en CSS, en niet met zo'n waardeloze topicstart...