Hey,
weet iemand hoe je <LI> naast elkaar kan plaatsen ipv onder elkaar?
Op deze site http://tinyurl.com/y87ucau staat rechts in de menu de taalkeuze. Onder FR staat ook NL, maar deze zouden naast elkaar moeten komen te staan in het groene menu-gedeelte.

Hoe kan ik dit best oplossen?

Alvast bedankt!

Mvg,
Stijn

Met float, mocht je er nog niet uitkomen stuur me dan gerust een PB.

display:inline;

Geef een float left mee via je CSS, bijvoorbeeld:

ul.navigation li {
float: left;
}

float:left zou het moeten oplossen voor je.

hmm.. float: left; doet het niet :(
Aanvullend bericht:
In dit stuk zou het volgens mij moeten gebeuren:

Code:

#jflanguageselection ul.jflanguageselection li
{    background-image: none;
    padding-left: 0px;
    padding-right: 0px;
        float: left;
    margin: 1px 1px 1px 1px;
    white-space: nowrap;
    border: none;
    font-size: 1em;}

@Stijn,

Heb het net voor je bekeken.
Moet zeggen dat de css wel hier en daar beter kan, maar dit was je fout:

Code:

#jflanguageselection heeft geen width meegekregen, daardoor gaan de li's onderelkaar, 
omdat de div waarin ze zitten niet breed genoeg is.

Hoop je zo genoeg te hebben geinformeerd, veel succes.


Huso.

als dit allemaal niet werkt kan je ook display: block proberen...

@Harmen,

Dat zal helemaal geen nut hebben, mijn oplossing is de juiste.
Wat je nou ook met display doet, veel zal het niet uitmaken als de div te klein is.

zou ook wel kunnen, ik heb altijd in mijn css van li menu wel display: block staan... anders gaat er iets fout..
Maar dat kan natuurlijk ook aan mij liggen:)

display: block; zonder breedte zorgt ervoor dat je li de breedte inherit, niet?
display: inline; doet het omgekeerde, dus dat is volgens mij de juiste oplossing.

Natuurlijk maakt de display wel verschil, maar niet veel in dit geval.
Jij hebt ws wel genoeg ruimte in de div waar je li's in staan.

Is in dit geval niet zo.

Daarbij even handig om te vermelden, ik los de fouten live op, dus ze werken zowiezo.
Een oplossing die ik post is dus ook echt een oplossing, anders zou het waardeloos zijn he;-)

Edit:

Lukas, dat klopt inderdaad ook, maar display:inline; gebruiken kan ook, als je div ook daadwerkelijk breed genoeg is. display block maakt van de li's elementen die als het ware een blok worden, dus ook inderdaad doen wat je zegt.

Het kan allebei, maar toch vind ik het netjes om wel een breedte aan een div mee te geven.

Ok, hartelijk dank!
Nu moet ik even weg, ik zal het later op de avond proberen!

Stijn

Is het inmiddels al gelukt? Probeer anders list-style: none;.

met deze code lukt het wel

li
{
display: inline;
}