Kom ihåg mig?
Home Menu

Menu


<li>-meny med olika bakgrunder

Ämnesverktyg Visningsalternativ
Oläst 2008-12-04, 21:10 #1
indian indian är inte uppkopplad
Nykomling
 
Reg.datum: Mar 2008
Inlägg: 7
indian indian är inte uppkopplad
Nykomling
 
Reg.datum: Mar 2008
Inlägg: 7
Hej!
Jag försöker skapa en horisontell meny med id´s för varje knapp.
Jag vill kunna ge varje specifikt id en egen bakgrundsbild men får inte till det.
För att bakgrunden(som består av länktext+gradient) ska visas måste det finnas tecken inom[*]-taggarna,
dvs listan lyssnar inte på min css med bredd och höjd.
Hur går jag tillväga för att lösa detta?

Tacksam för en hjälpande hand.

Kod:
<ul class="meny1">
	<li id="ettan"></li>
	<li id="tvaan"></li>
	<li id="trean"></li>
	<li id="fyran"></li>
</ul>
Kod:
.meny1 li#ettan {
	background: url(../gfx/bild1.jpg) no-repeat top center;
	width: 215px;
	height: 41px;
}

.meny1 li#tvaan{
	background: url(../gfx/bild2.jpg) no-repeat top center;
	width: 215px;
	height: 41px;
}
indian är inte uppkopplad   Svara med citatSvara med citat
Oläst 2008-12-04, 21:29 #2
Syke Syke är inte uppkopplad
Medlem
 
Reg.datum: Mar 2008
Inlägg: 297
Syke Syke är inte uppkopplad
Medlem
 
Reg.datum: Mar 2008
Inlägg: 297
Sätt varje li till:
display: inline; (denna är för att undvika en IE bug som kan dyka upp)
float: left;
Syke är inte uppkopplad   Svara med citatSvara med citat
Oläst 2008-12-05, 00:11 #3
indian indian är inte uppkopplad
Nykomling
 
Reg.datum: Mar 2008
Inlägg: 7
indian indian är inte uppkopplad
Nykomling
 
Reg.datum: Mar 2008
Inlägg: 7
Stort tack, Syke!
indian är inte uppkopplad   Svara med citatSvara med citat
Oläst 2008-12-05, 00:13 #4
DjFaDDe DjFaDDe är inte uppkopplad
Medlem
 
Reg.datum: Mar 2007
Inlägg: 62
DjFaDDe DjFaDDe är inte uppkopplad
Medlem
 
Reg.datum: Mar 2007
Inlägg: 62
Får du sen problem med hight i några webbläsare så brukar line-height göra susen.
DjFaDDe är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 14:44.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017