Tekst aan 2 kanten.

Hoe doe ik tekst aan 2 kanten?
Hier een voorbeeld hoe het moet:

Klik hier voor een voorbeeld.

Kijk dat stukje met Fansite in onderhoud en aan de andere kant de datum,
Zo moet het zijn. Ik heb het nu met   en dat is hinderlijk.

Alvast bedankt

2 divjes maken met float:left; en dan met margin de afstand er tussen bepalen.

je bedoelt:
fan site in onderhoud en aan de andere kant die datum?

dan moet je dat in de style aan geven.
of je doet: tekst zoiets.

Marjolein schreef:

2 divjes maken met float:left; en dan met margin de afstand er tussen bepalen.

Kan je het makkelijker uitleggen, heb nu dit:
HTML:

<div class="balk">Fansite in onderhoud&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp     &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp  5-12-10</div>

STYLE:

.balk {
    background-image: url(images/balk.png);
    height: 29px;
    width: 520px;
    padding-left:5px;
    padding-right:5px;
    padding-top:9px;
    background-repeat:no-repeat;
    color: #FFFFFF;
    margin-bottom: -9px;
    font-size: 10px;
}

Freestyle schreef:

je bedoelt:

fan site in onderhoud en aan de andere kant die datum?

dan moet je dat in de style aan geven.
of je doet: tekst zoiets.

Dat werkt niet, heb ik al geprobeerd.

Bijvoorbeel dit:

<div style="float: left; width: 400px;">Gehaktboord</div>
<div style="float: left; width: 100px;">Knakworst</div>

Dankje, maar nu moet Knakworst even ver naar de zijkant net zoals Gehaktboord, hoe doe ik dat dan? Wat moet width dan zijn?
Of zal ik float veranderen naar right?

margin-left: aantalpixels;

Wat moet er bij aantal pixels komen want hij gaat niet verder dan 100, en dan staat er nog 153 pixels tussen, maar als ik dan 153 pixels doe, dan gaat die naar beneden.

dan moet je de width aanpassen in de divs

Ja maar naar hoeveel want als ik andere aantal pixels doe, dan verandert hij niet?

Marjolein schreef:

2 divjes maken met float:left; en dan met margin de afstand er tussen bepalen.

Eentje met left en eentje met right kan ook.

Heb ik al geprobeerd, dan komt hij buiten de balk

Yaser schreef:

Ja maar naar hoeveel want als ik andere aantal pixels doe, dan verandert hij niet?
dat is een kwestie van even "spelen" met de getallen om m goed te krijgen. Kijk hoe breed je balk is waar het in staat en bepaal dan de verhouding een beetje.

Miel schreef:

Eerdere citaten tonen

Marjolein schreef:

2 divjes maken met float:left; en dan met margin de afstand er tussen bepalen.

Eentje met left en eentje met right kan ook.

Kan ook, maar float right gebruik ik alleen als ik tekst links naast een afbeelding wil en dat de tekst er verder onder door loopt. Verder vind ik de float right onhandig omdat je dan meestal meer zit te klojoën met de margin Tenminste ik wel

Mhm, Marjolein.. Dat heb ik al geprobeerd maar dan veranderd hij niet, of hij gaat onder de balk staan, de tekst?

de width van je balk is 520px, met een padding van totaal 10 px dus hou je 510 over.
voor de datum heb je ongeveer 50pixels nodig om te plaatsen, dus hou je 460px over voor de linkerkant.
dan zou ik het ongeveer zo doen:

<div style="float: left; width: 300px;">fansite in onderhoud</div>
<div style="float: left; width: 50px; margin-left: 160px;">datum</div>