Kandu.dk - Menu i ul og li


/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg

Glemt dit kodeord?

Brugernavn*

Kodeord *

Husk mig

Brugerservice

Kom godt i gang

Bliv medlem

Seneste indlæg

Find en bruger

Stil et spørgsmål

Skriv et tip

Fortæl en ven

Pointsystemet

Kontakt Kandu.dk

Emnevisning

Kategorier

Alfabetisk

Karriere

Interesser

Teknologi

Reklame

Top 10 brugere

HTML

#	Navn	Point
1	molokyle	11184
2	Klaudi	5506
3	bentjuul	3377
4	severino	2040
5	smorch	1950
6	strarup	1525
7	natmaden	1396
8	scootergr..	1320
9	e.c	1150
10	miritdk	1110

Menu i ul og li
Fra : Thrane

Dato : 14-07-07 16:56

Hejsa

Jeg har bakset med denne menu, men det vil bare ikke som jeg vil... :(
http://www.lycan.dk/eb.asp

Hvordan får teksten til at står i midten af det orange?
Og så vil der heller ikke komme mouseover på baggrunden i FF...

Håber der er nogle der kan hjælpe...

Pft.

--
Thrane

zigma.dk (15-07-2007)

Kommentar
Fra : zigma.dk

Dato : 15-07-07 14:38

Hey Thrane,

For at midterstille teksten i højden, kan du angive en linie-højde for
dit li-element. Det vil være oplagt, at anvende samme linie-højde, som
din font-size.

F.eks.
font-size: 14px;
line-height: 14px;

Det gør linien, altså skriften i li-elementet, 14 pixels højt, og teksten
vil derfor vises midt i det orange område.

Mvh.
Kasper Leth

Thrane wrote in dk.edb.internet.webdesign.html:
> Hejsa
>
> Jeg har bakset med denne menu, men det vil bare ikke som jeg vil... :(
> http://www.lycan.dk/eb.asp
>
> Hvordan får teksten til at står i midten af det orange?
> Og så vil der heller ikke komme mouseover på baggrunden i FF...
>
> Håber der er nogle der kan hjælpe...
>
> Pft.
>
> --
> Thrane
>

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Rune Jensen (15-07-2007)

Kommentar
Fra : Rune Jensen

Dato : 15-07-07 19:32

"Thrane" skrev i en meddelelse...

> Hvordan får teksten til at står i midten af det orange?
> Og så vil der heller ikke komme mouseover på baggrunden i FF...
>
> Håber der er nogle der kan hjælpe...
>
> Pft.
>
> --
> Thrane

Rune Jensen (15-07-2007)

Kommentar
Fra : Rune Jensen

Dato : 15-07-07 20:23

"Thrane" skrev i en meddelelse...

> Hvordan får teksten til at står i midten af det orange?

text-align: center

> Og så vil der heller ikke komme mouseover på baggrunden i FF...

<style type="text/css">

#menu{
margin: 0;
padding: 0;
display: inline;
}

#menu ul{
margin: 0;
padding: 0;
}

#menu a{
display: block;
width: 10em;
text-align: center;
}

#menu a:hover{
background-color: #900;
color: #fff;
}

#menu li{
background-color: #ffffe0;
display: inline;
width: 10em;
}

#menu li ul li{
background-color: #e0e0ff;
display: inline;
width: 10em;
text-indent: 1em;
}

</style>

</head>

<body>

<ul id="menu">
<li><a href="#">link1, hovedmenu</a></li>
<li><a href="#">link2, hovedmenu</a></li>
<li>
<ul>
<li><a href="#">link1, undermenu</a></li>
<li><a href="#">link2, undermenu</a></li>
</ul>
</li>
<li><a href="#">link3, hovedmenu</a></li>
</ul>

MVH
Rune Jensen

Rune Jensen (15-07-2007)

Kommentar
Fra : Rune Jensen

Dato : 15-07-07 20:38

"Rune Jensen" skrev i en meddelelse...

> <style type="text/css">
[KLIP]

Og den CSS bør så retteligen hedde følgende for at virke i FF;

#menu{
background-color: #e0e0ff;
margin: 0;
padding: 0;
width: 10em;
}

#menu ul{
background-color: #ffffe0;
margin: 0;
padding: 0;
width: 10em;
}

#menu a{
display: block;
width: 10em;
text-align: center;
}

#menu a:hover{
background-color: #900;
color: #fff;
}

#menu li{
display: inline;
width: 10em;
}

#menu li ul li{
display: inline;
width: 10em;
text-indent: 1em;
}

MVH
Rune Jensen

Thrane (15-07-2007)

Kommentar
Fra : Thrane

Dato : 15-07-07 23:03

"Rune Jensen" <runeofdenmark@hotmail.com> wrote in message
news:469a76d7$0$4159$456a7185@news.cirque.dk...
> "Rune Jensen" skrev i en meddelelse...
>

> [KLIP]> MVH
> Rune Jensen

Jeg takker mange gange!

--
Thrane

Rune Jensen (16-07-2007)

Kommentar
Fra : Rune Jensen

Dato : 16-07-07 05:54

"Thrane" skrev i en meddelelse...

> Jeg takker mange gange!

Selvtak Blink

Du kan også tage et kig på f.eks. http://css.maxdesign.com.au/listamatic/ -
Der er også lidt inspiration.

MVH
Rune Jensen

Søg

Reklame

Statistik

Spørgsmål :	177558
Tips :	31968
Nyheder :	719565
Indlæg :	6408926
Brugere :	218888

Månedens bedste

Årets bedste

Sidste års bedste