Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

tekst op één regel links en rechts uitlijnen, zonder tabel

Anoniem
None
15 antwoorden
  • Hallo mensen!

    Ik wil graag op een regel zowel links als rechts tekst hebben, maar hoe doe ik dit zonder tabellen?????? [code:1:77b22ff6cd]<span style="text-align:left">links<span><span style="text-align:right">rechts<span>[/code:1:77b22ff6cd]werkt niet…

    thanks.
    Jasper
  • moet je ff met 'position: relative/absolute; right: 0px;' etc klooien denk et.
  • Probeer dit eens:
    <span style="text-align:justify">…</span>
  • Bedankt voor jullie reactie heren!

    Het liefst ga ik niet met de positie liggen klooien. Dit zou ik dan namelijk voor een aantal regels moeten gaan doen. En justify werkt in de nieuwere IE's niet voor één regel (net zoals de regel aan het einde van een alinea, wordt deze gewoon links uitgelijnd).

    Iemand??

    EDIT:
    Het is toch gelukt met de positie!! Ik dacht dat je bedoelde om de delen relatief te verplaatsen! Maar absoluut binnen de div gaat wel!!!:

    [code:1:87cf144993]<div width="100%"><span style="position:absolute; left: 0;"></span><span style="position:absolute; right: 0;"></span></div>[/code:1:87cf144993]

    BEDANKT!!!
  • je kunt die 100% bij die div wel weghalen. Een <div> is standaard al 100%.
  • ok. thanks!
  • <div style="text-align: right">deze tekst staat rechts op de pagina</div>
  • klopt… :-?
  • [quote:c9b92b4e70="Johnny321"]je kunt die 100% bij die div wel weghalen. Een <div> is standaard al 100%.[/quote:c9b92b4e70] Daar kom ik nog even op terug: ik merk dat de div automatisch even breed is als de inhoud van de eerste span… Als de tweede span rechts is uitgelijnd, is dat rechts uitgelijnd in de eerste span. Met toevoeging van de '100%' wordt een en ander wel goed getoond. Is dit misschien een hebbelijkheid van Internet Explorer?
  • mm, mag ik online voorbeeldje zien?
  • http://nrkbreda.dyndns.org:3990/test
  • mm, dit kan ik niet verklaren, ANNÉÉÉÉ ;)
  • In Mozilla krijg ik nu (logisch) een horizontale scrollbar. Vanwege 'right:10px', 'left:10px' en dan ook nog 'width:100%' daartussen. Hier iets wat beter werkt:[code:1:ccb41988cf]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
    <title>Quuz</title>
    <style type="text/css">
    #top{
    position:relative;
    margin:10px 10px 0 10px;
    }
    .foo{
    position:absolute;
    left:0;
    }
    .bar{
    position:absolute;
    right:0;
    }
    </style>
    <div id="top">
    <span class="foo">Foo</span>
    <span class="bar">Bar</span>
    </div>[/code:1:ccb41988cf]
  • je zou ook met float kunnen werken…
  • Yes, Anne - dat is het helemaal :D

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.