[CSS] probleeem Links willen niet rechts uitlijnen

[Verwijderd]

Ik ben bezig met de volgende pagina: http://www.digitalminds.nl/_tmpfiles/default.html . De links bovenin (Home | Contact | Sitemap) wil ik rechts uitlijnen maar krijg het met geen mogelijkheid voor elkaar. De links zitten gezamenlijk in één span. Iemand een oplossing?

[dev10]

Misschien is het een idee om je DIV #globalnav de text-align op right te zetten?

Cascading Stylesheet:

#globalnav {
  text-align: right;
}

Of dit:

Cascading Stylesheet:

.nav {
  margin-right: 0;
}

[disjfa]

Waarom positioneer je je containemelsnaam absoluut. Dat kan veel gemakkelijker met een gewone breedte en margin:0 auto;

Zodra je alles absoluut gaat positioneren ga je problemen krijgen idd.

En waarom zou je links rechts uit willen lijnen

[Zoefff]

Sowieso, waarom zet je ze eerst in een div, en vervolgens ook nog in een span? Even buiten beschouwing gelaten dat dit soort informatie uberhaupt niet in een span thuis hoort, is het ook gewoon dubbelop. Maak er net zoals de andere menu's gewoon netjes een (un)ordered list van waarvan je de listitems inline laat zien en rechts uitlijnt. Zie voor een voorbeeld de 'menu items' rechts boven @ mijn site

[ Voor 12% gewijzigd door Zoefff op 16-01-2007 02:53 ]

[Verwijderd]

Naar aanleiding van jullie opmerkingen heb ik de links uit een span gehaald en in een ul verwerkt. Echter wat ik ook doe met float of margin ik krijg ze niet rechts uitgelijnd met een marge van 10px aan de rechterkant.

[Savantas]

Bedoel je dat de links rechts (blijft idioot klinken... ) moeten staan? Zet dan inderdaad eens het volgende goed:

Cascading Stylesheet:

#globalnav ul, #globalnav li {
    margin:0px;
    display:inline;
    list-style-type: none;
    font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    float:left;
    }

Zet de float: left eens op float: right!

Of beter, haal die regel weg en zet bij #globalnav text-align: right;!

Handige tip, gebruik Firefox en probeer met behulp van de Web Developer extention wat wel werkt!

[ Voor 17% gewijzigd door Savantas op 16-01-2007 11:52 ]

[Verwijderd]

Savantas schreef op dinsdag 16 januari 2007 @ 11:49:
Bedoel je dat de links rechts (blijft idioot klinken... ) moeten staan? Zet dan inderdaad eens het volgende goed:

Cascading Stylesheet:

#globalnav ul, #globalnav li {
    margin:0px;
    display:inline;
    list-style-type: none;
    font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    float:left;
    }

Zet de float: left eens op float: right!

Of beter, haal die regel weg en zet bij #globalnav text-align: right;!

Handige tip, gebruik Firefox en probeer met behulp van de Web Developer extention wat wel werkt!

Dank je Savantas, dit werkt goed. Ik gebruikte Firefox al lang maar zal nu ook de Web Developer Extension eens op zoeken en installeren. Nogmaals hartelijk dank!