Css

[joanne]

Plaats de vraag maar hier. Vroeger was er toch een aparte afdeling voor?

Heb een CSS style sheet, links en rechts menu, plus content, in het midden. Werkt allemaal prima.
Nu wil ik in het content gedeelte 2 aparte teksten plaatsen - incidenteel - die naast elkaar moeten en dus niet onder elkaar.
Duidelijker: binnen het content gedeelte wil ik in feite 2 kolommen naast elkaar hebben. Nu staan deze onder elkaar, terwijl de ruimte rechts
goed benut zou kunnen worden.

Hoe kan ik dit het beste oplossen?
Met div of span?

Of weet iemand een link, waar dit uitgelegd wordt?

 

[peter vazed]

Gewoon een tabel maken in je content deel.
<table>
<tr>
<td valign="top">
tekst linker deel
</td>
<td valign="top">
tekst rechter part
</td>
</tr>
</table>

 

[joanne]

Ok, Vazed, gewoon de simpele manier. Bedankt. :thumb:

 

[Rimsic]

Lees dit is: Why tables for layout is stupid:

 

[peter vazed]

Lees dit is: Why tables for layout is stupid:

Mooie link Rimsic,
is er ook in het Nederlands:
http://www.stylesheets.nl/

 

[joanne]

Kom toch nog ff terug op mijn vraag.
Dus binnen content zit deze syntax:

<div style="width: 250px;text-align:left;padding:5px;background-color:#473C8B;color:#F0FFFF; border:1px solid ;font-size:12px;">
tekst tekst tekst </div>

Pal ernaast wil ik dus 2e tekstkolom hebben, dus nog een div. Kwestie van een tag? Maar welke?

Dank alvast.

 

[peter vazed]

Float en clear zijn funkties welke bij het positioneren van div's
van nut kunnen zijn

<div style="float:left;width: 250px;text-align:left;padding:5px;background-color:#473C8B;color:#F0FFFF; border:1px solid ;font-size:12px;">
tekst tekst tekst </div>

 <div style="float:right;width: 250px;text-align:left;padding:5px;background-color:#473C8B;color:#F0FFFF; border:1px solid ;font-size:12px;">
tekst tekst tekst </div>

Voorbelden:
http://www.topxml.com/css/css_property_float.asp

 

[joanne]

:thumb: :thumb:

Werkt idd perfect! Heb ik toch liever dan tabelgedoe.
Na de 2e div heb ik deze tags nog erin geplaatst

<div style="clear:left;"></div>

zodat de tekst eronder links onderaan start.

Die ene link zal ik wel bookmarken, nuttige tips.

Bedankt!

Alleen..bij Firefox start 2e kolom wel rechts, maar teveel naar onder