<li> lista. Sidelengs? og ikke ned?

[Airborne]

hei jeg lurer på om det er mulig og få <li></li> sidelengs og ikke at lista går nedover?

 

som tidligere siden min

Det er navigasjonen jeg vil ha sidelengs

[neb]

display: inline;

 

no more, no less!

[Airborne]

hvor i koden?. fremdeles litt noob.sry

[neb]

du har en css som ser slik ut:

 

#nav {
background-color: #0C0C0A;
margin: auto;
height: 40px;
width: 796px;

 

da kan du lage en kodesnutt for å definere hvordan liste elementer skal se ut i #nav..

det gjør du slik:

 

#nav li {
display: inline;
padding 10px;
}

 

ble du noe klokere?

[Aisutora]

Jeg hadde litt problemer med å få til det på menyen min selv, men jeg fikk det til etterhvert og nå ser css'en for den listen slik ut.

 

Det har forresten ingen verdens ting å si hvor i css'en du putter koden.

 

ul#(listens id) {
list-style:none;
float: left;
width: 100%;
padding-left:8px;
}

ul#(listens id) li{ 
display:inline;
}

ul#(listens id) li a {
 	text-decoration: none;
 	float: left;
}

 

Håper det hjalp.

[Stian_]

var for treig list-style...

Endret 1. februar 2005 av Thurloc

[Arve Systad]

om li inneholder blokkelementer må du sette float:left; for at dei skal havne ved sida av kverandre.

[Airborne]

ja jeg ble litt klokere, men jeg tror ikke det ble helt riktig.

 

stylesheet1

stylesheet2

[Airborne]

Nå kom det ikke noe opp i det hele tatt :/ bortsett fra at alt ble flytta på

Endret 1. februar 2005 av Airborne

[neb]

ser ikke helt pent ut ennå, øk font size, sett padding mellom linkene, lag noen freshe knapper i PS etc. du har mange muligheter

[Airborne]

ja jeg gjør det hehe. men se på den nå den fungerer ikke etter og gjort som arve sa og du sa :/

[neb]

jeg får opp linke jeg.. de er bare litt sammenklemte borte i venstre hjørne

[Airborne]

ja det er det som skjer her og. disse <li> greien er borte.

 

#nav li {
list-style: disc url('images/listtag.gif') inside;
display: inline;
padding: 10px;
float: left;
}

Endret 1. februar 2005 av Airborne

[neb]

prøv å fjern float: left; da. kansje det hjelper..

 

edit: sett inn image etter, list-style.. altså:

 

#nav li {
list-style-image: disc url('images/listtag.gif') inside;
display: inline;
padding: 0px 10px 0px 10px;

Endret 1. februar 2005 av bigben247

[Airborne]

nope, ta en titt i kilden på hjemmesiden min se om det er noe mistenkelig der?

Endret 1. februar 2005 av Airborne

[neb]

nå ser det jo riktig så pent ut! sentrerte er dem og

 

edit: kodene ser riktige ut, siden ser riktig ut.. hva er feilen?

Endret 1. februar 2005 av bigben247

[Airborne]

Bare mangler fremdeles disse liste merkene. skal lage noen pene så fort de fungerer

[neb]

aha..! men trenger du dem?

 

anyways:

 

list-style-image: url('images/listtag.gif');

 

er nok mer riktig

[Airborne]

hehe ok. da glemmer vi dem bare. idiotiske tegn

 

edit: Natta

Endret 1. februar 2005 av Airborne

[neb]

hehe.. ja, ikkesant! kan sikkert hjelpe deg med deg i morgen, men nå må jeg ta kvelden!

 

*duppe av*