links links en plaatjes rechts uitlijnen

[Verwijderd]

ik wil graag de links links en de plaatjes recht uitlijnen in een div. Als ik echter het volgende doe,
dan komen de plaatjes wel rechts, maar op een regel onder de links. Hoer kan ik ervoor zorgen dat
ze allebei op dezelfde regel blijven staan? De ene float:left en de andere float:right. Float:left toevoegen geeft zelfde effect en een width meegeven aan de links en plaatjes werkt ook niet.

Ik kan het wel gewoon met 2 div's oplossen, maar wil graag weten of het zo ook kan.

css

Cascading Stylesheet:

#balk{
height: 20px;
background: #890202;
}

#balk a{
text-decoration: none;
color: white;
line-height: 20px;
font-weight: bold;
padding-left: 5px;
}

#balk img{
float:right;
height: 14px;
margin-top: 3px;
margin-right: 10px;
}

html

HTML:

<div id="balk">
  <a href="info.php" target="infoFrame"><?php echo $home; ?></a> 
  <a href="dealers.php" target="infoFrame"><?php echo $dealers; ?></a> 
  <a href="veranderTaal.php?language=nl" target="infoFrame"><img src="images/nl.gif"></a>
  <a href="veranderTaal.php?language=fr" target="infoFrame"><img src="images/fr.gif"></a>
  <a href="veranderTaal.php?language=de" target="infoFrame"><img src="images/de.gif"></a>
  <a href="veranderTaal.php?language=en" target="infoFrame"><img src="images/en.gif"></a>   
 </div>

[Verwijderd]

Allebei de elementen float:left; en position:relative; zou moeten werken

[Verwijderd]

dan zijn ze toch allebei links uitgelijnd achter elkaar?
en niet de ene uiterst links en andere uiterst rechts?

[RM-rf]

je positioneert enkel de IMg nu anders, maar niet het A-element dat je volgens mij wilt positioenren

de beste oplossing zou inho zijn

HTML:

<ul id="balk">
  <li> <a href="">home</a>
  <li> <a href="">dealers</a>
  <li class="taal"> <a href=""><img src="nl.gif"></a>
  <li class="taal"> <a href=""><img src="fr.gif"></a>
  <li class="taal"> <a href=""><img src="de.gif"></a>
  <li class="taal"> <a href=""><img src="en.gif"></a>
</ul>

en CSS

Cascading Stylesheet:

UL#balk{
    height: 20px;
    background: #890202;
    list-style: none;
    margin: 0; padding: 0;
    text-align: right;
}
UL#balk LI {
   display: block;
   list-style: none;
   min-width: 50px; 
   float: left;
}
UL#balk LI.taal {
   float: none;
   display: inline;
}

[Verwijderd]

Of de <img> een align="right" in de html meegeven naast de float:right in de css?


Offtopic:

quote: jorisstoop

Hoer kan ik ervoor zorgen

Kon niet laten te quoten