CSS - text align right lukt niet?

[witchdoc]

mijn css scriptje is volgende:

code:

.backtotop {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7px;
    text-decoration: none;
    background-position: right;
    color: #FF9900;
    font-weight: lighter;
    text-align: right;
    text-transform: uppercase;
}

Mijn html gedeelte ziet er zo uit:

code:

<a name="top"></a>
<a href="#top" class="backtotop">back to top</a>

De bedoeling is dat die "BACK TO TOP" rechts uitgelijnd wordt. In dreamweavers design view is dat ook zo. Alleen als'k het in IE6 bekijk dan staat dat klotegedoe gewoon links

vb.: http://users.pandora.be/skydiving/opleidingen.html

[ Voor 9% gewijzigd door witchdoc op 25-05-2003 00:23 ]

[crisp]

misschien omdat een <a> een inline element is, en dus zo breed als 'ie zijn moet? text-align doet dan inderdaad niets

ergo: zet je link in een div (of ander block-level element) en geef die text-align: right mee

[ Voor 34% gewijzigd door crisp op 25-05-2003 00:29 ]

[witchdoc]

crisp schreef op 25 May 2003 @ 00:28:
misschien omdat een <a> een inline element is, en dus zo breed als 'ie zijn moet. text-align doet dan inderdaad niets

Hoe krijg ik dat fucking ding dan rechts gecentreerd? Kan dat niet met css dan?!
En wat houdt die inline precies in?

[ Voor 9% gewijzigd door witchdoc op 25-05-2003 00:30 ]

[crisp]

poohbeer schreef op 25 May 2003 @ 00:29:
[...]
Hoe krijg ik dat fucking ding dan rechts gecentreerd? Kan dat niet met css dan?!
En wat houdt die inline precies in?

een inline element is een element wat eigenlijk geen hoogte en breedte heeft, alleen content. Het verschil zit 'm in de flow van de elementen eromheen.
Neem het volgende voorbeeld:

HTML:

<span style="text-align: right">een stuk text</span> en nog een stuk text

hier worden de twee teksten gewoon achter elkaar gerenderd; de span is dus net zo breed als de content van de span zelf. Anders gezegt: de span neemt eigenlijk geen ruimte in van zichzelf. Rechts alignen daarin heeft dus geen zin. Doe je nu dit:

HTML:

<div style="text-align: right">een stuk text</div> en nog een stuk text

dan wordt het een ander verhaal. Een div is een block-level, en neemt standaard de volledig beschikbare breedte in. Alles wat daarna komt wordt eronder geplaatst.
In jouw geval zou je dus je link in een div kunnen zetten:

HTML:

<div style="text-align: right"><a href="#top" class="backtotop">back to top</a></div>

[witchdoc]

crisp schreef op 25 May 2003 @ 00:47:
Een div is een block-level, en neemt standaard de volledig beschikbare breedte in. Alles wat daarna komt wordt eronder geplaatst.
In jouw geval zou je dus je link in een div kunnen zetten:

HTML:

<div style="text-align: right"><a href="#top" class="backtotop">back to top</a></div>

k, thanks, erg duidelijke uitleg.
Simpel gezegd kan'k die link dus niet maken zoals ik wil met css en moet'k er overal met de losse hand div'jes gaan rondplakken.
Nog een idee waarom dreamweaver niet doorheeft dat die zooi inline is en dus niet rechts hoort te staan?

[ Voor 17% gewijzigd door witchdoc op 25-05-2003 00:56 ]

[crisp]

poohbeer schreef op 25 May 2003 @ 00:54:
[...]
k, thanks, erg duidelijke uitleg.
Simpel gezegd kan'k die link dus niet maken zoals ik wil met css en moet'k er overal met de losse hand div'jes gaan rondplakken.
Nog een idee waarom dreamweaver niet doorheeft dat die zooi inline is en dus niet rechts hoort te staan?

Je zou je link ook rechts kunnen floaten:

Cascading Stylesheet:

.backtotop {
  float: right;
  /* en de rest */
}

Alleen moet je dan even kijken hoe je zit met de content erna.

wb dreamweaver: geen idee, nooit gebruikt.

[Verwijderd]

Als er verder niks naast hoeft te staan, kun je ook van de link een block-level element maken.

Cascading Stylesheet:

a {
    display:block;
    text-align:right;
    text-transform:uppercase;
    /* etc */
}