tekst links en rechts uitlijnen op de zelfde regel

Status
Niet open voor verdere reacties.
ecross

ecross

Gebruiker
Lid geworden
4 mrt 2009
Berichten
638
hallo allemaal,

ik wil graag 2 stukjes tekst op de zelfde regel links en rechts uitlijnen.
nu heb ik al verschillende antwoorden op andere fora gevonden maar die gebruiken allemaal floats en/of vast widths. Waardoor de teksten over elkaar gaan als het scherm smal word. In plaats van dat het over elkaar gaat wil ik dat de rechter tekst in zijn geheel onder de linker komt te staan als het scherm te smal word.

alvast bedankt,
Ecross
 
Zolang je geen position:absolute; gebruikt zouden ze ook helemaal niet over elkaar heen moeten gaan maar, precies zoals je wilt, onder elkaar door. Je kunt inderdaad gewoon beide paragrafen een meegeven en de ene naar links en de ander naar rechts floaten. Wat je trouwens ook kunt doen is een relatieve breedte gebruiken in %, dan zullen ze gewoon naast elkaar blijven staan hoe smal het scherm ook wordt (al kun je dan natuurlijk wel idioot smalle kolommen krijgen).
EDIT: Voorbeeldje met relatieve breedte.
HTML: 
<!DOCTYPE html>
<html>
<head>
    <title>links en rechts</title>
<meta charset="utf-8" />
<style>
.links{
float:left;
width:50%;
}

.rechts{
float:right;
width:50%;
}
</style>
</head>

<body>
<p class="links"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus condimentum felis et lacus feugiat vitae tempor eros pulvinar. Ut semper, felis ac molestie sollicitudin, augue dui placerat purus, nec rhoncus quam mi et augue. Donec commodo erat non enim malesuada nec mattis nibh interdum. Nunc at luctus tortor. Nulla facilisi. Nullam eleifend tempus libero, dapibus interdum dolor pharetra tincidunt. Praesent in nulla ut libero viverra porta et sit amet odio. Curabitur eu sem eu diam porttitor scelerisque vitae a mi. Sed posuere posuere odio in dignissim. Praesent adipiscing, justo non posuere porttitor, odio tortor imperdiet sem, vel aliquet sapien leo in lorem.</p>
<p class="rechts">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus condimentum felis et lacus feugiat vitae tempor eros pulvinar. Ut semper, felis ac molestie sollicitudin, augue dui placerat purus, nec rhoncus quam mi et augue. Donec commodo erat non enim malesuada nec mattis nibh interdum. Nunc at luctus tortor. Nulla facilisi. Nullam eleifend tempus libero, dapibus interdum dolor pharetra tincidunt. Praesent in nulla ut libero viverra porta et sit amet odio. Curabitur eu sem eu diam porttitor scelerisque vitae a mi. Sed posuere posuere odio in dignissim. Praesent adipiscing, justo non posuere porttitor, odio tortor imperdiet sem, vel aliquet sapien leo in lorem. </p>
</body>

</html>
Ik heb voor het gemak alles even in één bestand gedumpt maar in de praktijk hoort de CSS natuurlijk in een apart bestand.
 
Laatst bewerkt:
zou dit niet beter met span kunnen, ipv p? ik geloof dat dat wat code scheelt...
 
5blabla5 zei:
zou dit niet beter met span kunnen, ipv p? ik geloof dat dat wat code scheelt...
Klik om te vergroten...
Hoe zou dat precies code moeten schelen?

Afgezien daarvan, we hebben het hier over twee losse blokken tekst, die horen in principe allebei in een eigen paragraaf.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan