Vannrett liste i loddrett liste

[Pnilsen]

Hei!

 

Som menylinje (loddrett) har jeg noen punkter, som "om", "kontakt" osv. Så nederst vil jeg ha en liste med ikon fra face, insta og twitter. De vil jeg ha på en vannrett linje, ikke loddrett slik som de andre.

 

Hvordan fikser jeg det?

[Gjest Slettet+1523]

nav ul li {
  display: block;
}

nav ul li ul li {
  display: inline;
}

Sånn, for eksempel?

[Pnilsen]

Mulig jeg setter inn feil, men fikk det ikke helt til å stemme. Er det bare å sette inn en liste i en liste, så vil listen i listen bli horisontal?

[Gjest Slettet+1523]

Ikke ut av esken, nei. Sett en liste i en liste og gjør slik at alle listeelementene i den innerste listen får display: inline; så skal de listeelementene vises på horisonal rekke slik du etterspør. Dette gjøres da i CSS som vist ovenfor.

[Kaptein Snus]

Sånn f.eks

 

http://jsfiddle.net/m7T2t/