/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Baggrundsbillede list item i unordered lis~
Fra : Fister


Dato : 11-12-07 20:50

Hejsa

Hvordan kan jeg sætte et baggrundsbillede på et list item i unordered list?
Jeg havde forestillet mig noget á la nedenstående, men det virker ikke da
background-image (tilsyneladende) ikke er understøttet af li-elementet. Skal
jeg smide en div ind i li-elementet eller er der en bedre løsning? Baggrundsbilledet
er kun 1 pixel bredt hvorfor jeg 'repeater' det.

CSS:

li.selected {
background-image: url(selected_background.gif);
background-repeat: repeat-x;
}

HTML:

<ul>
<li>menu item 1</li>
<li class="selected">menu item 2</li>
<li>menu item 3</li>
</ul>



 
 
Martin (11-12-2007)
Kommentar
Fra : Martin


Dato : 11-12-07 21:07

Fister wrote:
> Hejsa
>
> Hvordan kan jeg sætte et baggrundsbillede på et list item i unordered
> list? Jeg havde forestillet mig noget á la nedenstående, men det virker
> ikke da background-image (tilsyneladende) ikke er understøttet af
> li-elementet. Skal jeg smide en div ind i li-elementet eller er der en
> bedre løsning? Baggrundsbilledet er kun 1 pixel bredt hvorfor jeg
> 'repeater' det.
>
> CSS:
>
> li.selected {
> background-image: url(selected_background.gif);
> background-repeat: repeat-x;
> }

Prøv at indsætte en højde på din li.
En anden ting er at prøve at sætte en
background-position: center left;
så får man teksten i midten af baggrundsbilledet

>
> HTML:
>
> <ul>
> <li>menu item 1</li>
> <li class="selected">menu item 2</li>
> <li>menu item 3</li>
> </ul>
>
>

Fister (11-12-2007)
Kommentar
Fra : Fister


Dato : 11-12-07 21:42

Hello Martin,

> Prøv at indsætte en højde på din li.
> En anden ting er at prøve at sætte en
> background-position: center left;
> så får man teksten i midten af baggrundsbilledet
>> HTML:

Super! Det virkede. Mange tak.



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste