Position: absolute; text-align: right werkt niet.

[XzeroD]

Hoi iedereeen,

Heel kort vraagje, ik heb een span en daarin staat wat tekst.
Nu heeft het element de onderstaande css, alleen de tekst wordt links uitgelijnd.

Cascading Stylesheet:

.desc span 
{ 
    position: absolute;
    text-align: right;
    width: 400px;
}

Ligt dit aan de css dat het gewoon weg niet mogelijk is of mist er toevallig iets?

Groetjes,
XzeroD

[mcDavid]

1) Span is een inline-element.
2) Position doet niets als je niet ook een position opgeeft.

[Exterazzo]

Een span element neemt alleen de breedte aan van de content die erin staat, dus heb je normaliter nooit een uitlijning. Misschien helpt het volgende:

Cascading Stylesheet:

display: block;

En anders moet je proberen er een block element van maken (bijvoorbeeld DIV)

[XzeroD]

Mijn fout hier.
De bedoeling is dat een jQuery script het aanstuurt en zichtbaar maakt, zodra hij zichtbaar wordt gemaakt krijgt hij van jQuery de class "active"

Cascading Stylesheet:

.desc span.active { display: block; }

Maar toch is de tekst links uitgelijnd.

-- Edit
Probleem lag dat de .desc wel een width had maar span niet
Nu gaf ik een width mee aan .desc span en het werkte wel

[ Voor 20% gewijzigd door XzeroD op 05-04-2010 18:47 . Reden: Opgelost ]

[Mj2sL]

Je pakt nu de span van .desc, maar die is er niet. Je hebt alleen een span met de class .desc. Dus als je eerst de span pakt, en dan de class erachter zet (span.desc ipv .desc span), dan werkt het gewoon.

[XzeroD]

Mj2sL schreef op maandag 05 april 2010 @ 18:46:
Je pakt nu de span van .desc, maar die is er niet. Je hebt alleen een span met de class .desc. Dus als je eerst de span pakt, en dan de class erachter zet (span.desc ipv .desc span), dan werkt het gewoon.

Wat jij zegt klopt niet, ik wil duidelijk alle span tags binnen de class .desc pakken en niet een span met de class .desc

[mcDavid]

XzeroD schreef op maandag 05 april 2010 @ 18:48:
[...]


Wat jij zegt klopt niet, ik wil duidelijk alle span tags binnen de class .desc pakken en niet een span met de class .desc

Dat is niet wat je in de startpost beschrijft.

[XzeroD]

mcDavid schreef op maandag 05 april 2010 @ 18:50:
[...]

Dat is niet wat je in de startpost beschrijft.

True, duidelijkere startpost maken volgende keer.

[Mj2sL]

XzeroD schreef op maandag 05 april 2010 @ 18:48:
[...]


Wat jij zegt klopt niet, ik wil duidelijk alle span tags binnen de class .desc pakken en niet een span met de class .desc

Ah ok, dat haalde ik niet helemaal uit de startpost. Misschien kun je de volgende keer een stukje HTML er bij doen voor de zekerheid.

EDIT: Had niet gezien dat je al gereageerd had, dit is dus een beetje overbodig.

[ Voor 9% gewijzigd door Mj2sL op 05-04-2010 19:19 ]

[R4gnax]

mcDavid schreef op maandag 05 april 2010 @ 18:41:
2) Position doet niets als je niet ook een position opgeeft.

Dat klopt niet.

Zo zet 'position: absolute' zonder het opgeven van left, right, top, en/of bottom wel degelijk het element buiten de flow. Sterker nog: dat gedrag is zelfs zo in de CSS specificatie expliciet vastgelegd. Wanneer er geen positie opgegeven is zal het element out-of-flow geplaatst worden op de plek waar het in-flow had moeten verschijnen.

[mcDavid]

R4gnax schreef op dinsdag 06 april 2010 @ 09:05:
[...]


Dat klopt niet.

Zo zet 'position: absolute' zonder het opgeven van left, right, top, en/of bottom wel degelijk het element buiten de flow. Sterker nog: dat gedrag is zelfs zo in de CSS specificatie expliciet vastgelegd. Wanneer er geen positie opgegeven is zal het element out-of-flow geplaatst worden op de plek waar het in-flow had moeten verschijnen.

Klopt. En het zorgt ook dat geneste absoluut gepositioneerde elementen relatief aan dat element gepositioneerd worden. Maar zolang je geen position opgeeft, blijft het wel op dezelfde plaats staan. Daarom leek het me in dit geval nogal een nutteloze toevoeging.