[HTML] links en rechts uitlijnen op één regel

[Galois]

Schiet mij maar neer... Maar is het mogelijk om met alleen HTML op één regel een gedeelte van de tekst links en een ander gedeelte van die regel rechts uit te lijnen?
Moet toch kunnen?

[Reptile209]

Dat kan, met een tabel of met div-jes.
en in de meeste gevallen is het erg lelijk

[Boertje]

uhm volgens mij kan dat net.. of je moet met tabellen of div'jes werken!

edit: oke te laat

[ Voor 20% gewijzigd door Boertje op 13-11-2005 17:18 ]

[Anoniem: 127468]

tekst dan heleboel van die commando's voor spaties en dan weer text of zeg ik nu wat raars?

[JochemvL]

Het kan wel, met divjes zoals hierboven wordt gezegd, maar niet alleen met HTML, CSS heb je ook nodig. Pak 2 divjes en zet die naast elkaar, link heeft text-align:left en de andere right .

vervolgvraag: hoe zet je 2 divjes naast elkaar?

[ Voor 13% gewijzigd door JochemvL op 13-11-2005 17:21 ]

[Galois]

Reptile209 schreef op zondag 13 november 2005 @ 17:17:
Dat kan, met een tabel of met div-jes.
en in de meeste gevallen is het erg lelijk

Ja, met tabelletjes kan het wel idd, maar erg lelijk.

Anoniem: 127468 schreef op zondag 13 november 2005 @ 17:18:
tekst dan heleboel van die commando's voor spaties en dan weer text of zeg ik nu wat raars?

Ja, en dat werkt dan in elke resolutie? Bij elke grootte van het je window? Dacht het niet he!

[Galois]

CyberHunter schreef op zondag 13 november 2005 @ 17:21:
Het kan wel, met divjes zoals hierboven wordt gezegd, maar niet alleen met HTML, CSS heb je ook nodig. Pak 2 divjes en zet die naast elkaar, link heeft text-align:left en de andere right .

Dat werkt niet. Want dan gaat hij door naar de volgende regel. Dan staat er op de eerste regel inderdaad de text links, maar dan op de tweede de tekst rechts. En dat is niet wat ik wil:

code:

<div align="left">links</div><div align="right">rechts</div>

is dus niet wat ik zoek...

[JochemvL]

Het werkt wel je moet iets verder zoeken: zie vervolgvraag .

code:

<div style="float:left; width:50%; text-align:left">tekst</div>
<div style="float:right; width:50%; text-align:right">tekst</div>

[Galois]

Hey wat slim van jou en wat DOM van mij... Sorry...

[Victor]

CyberHunter schreef op zondag 13 november 2005 @ 17:26:
Het werkt wel je moet iets verder zoeken: zie vervolgvraag .

code:

<div style="float:left; width:50%; text-align:left">tekst</div>
<div style="float:right; width:50%; text-align:right">tekst</div>

Dit is al voldoende:

HTML:

<span style="float: left">Links</span><span style="float: right">Rechts</span>

[Reptile209]

Galois schreef op zondag 13 november 2005 @ 17:21:
[...]

Ja, met tabelletjes kan het wel idd, maar erg lelijk.

Een tabel (met borders, margins, etc netjes uitgezet/aangepast) is niet lelijker dan een setje divjes. Wat wel een punt(je) is, is dat een tabel eigenlijk geen opmaak-tool is. Maar het is wel een erg makkelijke manier .

[Clay]

Een table, foei toch!

Je hoeft er trouwens natuurlijk maar 1 te floaten, bv:

code:

<h1>
   <span style="float:right;">november 13, 2005</span>
   Lorem ipsum!
</h1>

wel ff op de volgorde van je markup letten dan.