[CSS] simpele vraag over uitlijning

[Makkelijk]

Probleem zit op de volgende pagina

http://www.makkelijkengezond.nl/cv.html

De header is "Curriculum Vitae", in diezelfde cel zit de functie "aanpassen".
Aanpassen komt automatisch op een nieuwe regel en dit wil ik niet.

De code van de bovenste rij is

code:

 <tr>
    <td class="header" colspan="2">Curriculum Vitae<span class="options">aanpassen</span></td>
   </tr>

Wat ik dus wil is dat ze op 1 lijn staan, alleen curriculum Vitae moet links in de cel staan en aanpassen helemaal naar rechts uitgelijnd

De volgende CSS is gebruikt voor de cel en de span met "aanpassen" erin

code:

/*Kop van de tabel*/
td.header
{
    /*opmaak van de kop*/
    background-color: #AEB8FF;
    color: #404040;
    text-indent: 100px;
    font-weight: bold;
    font-size:13px;
    
    /* maak een dikke rand onder de kop*/
    border-bottom: 4px;
    border-bottom-style: solid;
    border-bottom-color: #6699CC;
}

/*Opties rechts in de header*/
.options
{
    font-size:10px;
    font-weight: normal;
    float: right;
    color: #444444;
    margin-right: 20px;
}

float heb ik gebruikt omdat text-align niet werkt

[Verwijderd]

.options {
position: absolute;
top: 0; right: 0;
}

Zoiets.

[Makkelijk]

Dan gooit hij hem rechtsboven in het scherm, hij moet wel binnen de cel blijven

[Alex)]

Zet de link aanpassen vooraan...

Zo dus:

HTML:

 <tr>
    <td class="header" colspan="2"><span class="options">aanpassen</span>Curriculum Vitae</td>
   </tr>

[ Voor 69% gewijzigd door Alex) op 04-12-2006 15:44 ]

[Verwijderd]

Ja ik zag het. En position relative op die TR haalt ook niets uit. Ik denk dat je beter iets met negatieve margin-top kunt gaan doen. Dit verschilt zo nu en dan per browser, vandaar dat ik er nu 'pas' mee kom.

[Makkelijk]

Alex) schreef op maandag 04 december 2006 @ 15:43:
Zet de link aanpassen vooraan...

Zo dus:

HTML:

 <tr>
    <td class="header" colspan="2"><span class="options">aanpassen</span>Curriculum Vitae</td>
   </tr>

typisch geval van jeeej en neeej

Het werkt, maar in class header staat een text-indent van 100px, en die pakt firefox nu niet meer op de tekst Curriculum Vitae.

Gek genoeg blijft Internet explorer het wel gewoon perfect doen

ps: opnieuw geupload voor het resultaat

[ Voor 3% gewijzigd door Makkelijk op 04-12-2006 15:52 ]

[Alex)]

Waarom een indent van 100px? Je hebt meer aan: padding-left: 100px;

[Makkelijk]

goed punt, topic is bij deze overbodig geworden, thanx!

[BtM909]

Topics zijn niet overbodig, aangezien ze mede-users kunnen helpen in de toekomst Probeer voortaan de juiste CSS elementen te gebruiken voor het juiste doel