Hjelp med knapper!

19. februar 2012

Hey! Sitter å lager en liten side for morroskyld men av en eller annen grunn vill ikke buttons bli synlige. (knappene er bilder) De er der men av en eller annen grunn er de bort/usynlige. Jeg har prøvd litt av hvert men den vil virkelig ikke sammarbeide, noen som kan hjelpe?

css:

HTML-kode

#navigationcontainer{
	height:100px;
	width:800px;
}
#navigationcontainer ul{
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
}
#navigationcontainer ul li{
	float:left;
}
#navigationcontainer ul li a{
	display:block;
	width:160px;
	height:59px;
	text-align:center;
	text-decoration:none;
}
#navigationcontainer ul li a#hjem{
	background:#000 url(gfx/images/knapper_03.gif);
}
#navigationcontainer ul li a:hover#hjem{
	background:#000 url(../gfx/home_over_btn.png);
}
#navigationcontainer ul li a#hotellet{
	background:#000 url(gfx/images/knapper_04.jpg);
}
#navigationcontainer ul li a:hover#hotellet{
	background:#000 url(../gfx/products_over_btn.png);

html

HTML-kode

 <div id="navigationcontainer">
            		<ul>        
            			<li><div id="hjem"><a href="index.html"></a></div></li>
          	   		 	<li><div id="hotellet"><a href="aboutme.html"></a></div></li>
                		
	</ul>

Sist endret av nso; 19. februar 2012 kl. 21:31. Grunn: formatering

Lacost33

243 66

19. februar 2012

På alle disse background hashsa, legg til en " ' " på start og slutt, slik det blir sånn:
background:#000 url('gfx/images/knapper_03.gif');

Sjekk også at kilden til bildefila er korrekt.

Sist endret av Lacost33; 19. februar 2012 kl. 21:41.

Little Pixie

Trådstarter

316 191

19. februar 2012

Det fungerte nok heller ikke men vet ikke om det har noe å si om bakgrunnen på siden er et stort bilde?

Erikj

834 314

20. februar 2012

Sitat av Little Pixie

Vis hele sitatet...

css:

HTML-kode

#navigationcontainer #hjem{
	background:#000 url(gfx/images/knapper_03.gif);
}
#navigationcontainer #hjem a:hover{
	background:#000 url(../gfx/home_over_btn.png);
}
#navigationcontainer #hotellet{
	background:#000 url(gfx/images/knapper_04.jpg);
}
#navigationcontainer #hotellet a:hover{
	background:#000 url(../gfx/products_over_btn.png);

Rekkefølgen på refereringen var ikke korrekt.

Little Pixie

Trådstarter

316 191

20. februar 2012

Er fremdeles en usynlig knapp altså :/ ..

curx

672 105

20. februar 2012

Ikke gjør det mer tungvint enn det er...

Kode

#hjem{
	background:#000 url(gfx/images/knapper_03.gif);
}
#hjem:hover{
	background:#000 url(../gfx/home_over_btn.png);
}
#hotellet{
	background:#000 url(gfx/images/knapper_04.jpg);
}
#hotellet:hover{
	background:#000 url(../gfx/products_over_btn.png);
}

Sist endret av curx; 20. februar 2012 kl. 12:39.

Little Pixie

Trådstarter

316 191

20. februar 2012

Takk! De kom ihvertfall fram nå! Men hvordan du klarte det aner jeg ikke

Takk!

curx

672 105

20. februar 2012

Du bygger deg veldig langt innover med

Kode

#navigationcontainer #hotellet a:hover{

Samt at du peker til feil element.

Hauni

8 0

20. februar 2012

I tillegg burde du ikke bruke div id innenfor div id. Prøv heller å bruke div classes, slik at du kan referere.

#førstereferanse .andrereferanse a:hover {

}

Vis hele sitatet...

For eksempel.

Little Pixie

Trådstarter

316 191

20. februar 2012

Ah, ja skjønner

Greit å vite litt smått om slikt. Har ikke gjort mye med classes ettersom jeg ikke har lært meg så mye om det. Men kanskje ingen dum ide, pluss at det vil bli litt bedre å se etter feil senere eventuelt.