Gå til innhold

Foto

pekefølsomme knapper i CSS


4 svar i denne tråden

#1 Mads-b

Mads-b

    Bruker

  • Medlemmer
  • 2 079 innlegg
  •   2. november 2003

Skrevet 29. september 2004 - 13:43

Søkte litt rundt på forumet, og gant en modell av Polecat. Men den virker jo ikke??? Lest igjennom 4 tråder av folk med samme problemet, men fant ikke råd. Fremdeles ganske ny på CSS:

div#navigation {
background-image:url(pics/bar.jpg);
background-repeat:repeat-x;
width:600px;
height:30px;
margin-left:10px;
}

div#navigation ul {
 list-style: none;
 position: absolute;
 height: 30px;
 overflow: hidden;
 width: 600px;
}


div#navigation li a {
 display: block;
 overflow: hidden;
 padding: 30px 0 0 0;
 height: 0 !important;
 height: 30px;
 background-repeat: no-repeat;
}

div#navigation ul li {
display: inline;
float: left;
}



div#navigation li a:hover {
background-position: 0 -30px;
}

#hoved {
background-image:url("pics/hoved.jpg");
width: 94px;
 }
 
 #downloads {
 background-image:url("pics/downloads.jpg");
 width: 100px;
 }
 
 #linker {
 background-image:url("pics/linker.jpg");
 width: 62px;
 }
 
 #meg {
 background-image:url("pics/meg.jpg");
 width: 77px;
 }
 
 #tilbakemelding {
 background-image:url("pics/tilbakemelding.jpg");
 width: 134px;
 }
 
 #prosjekt {
 background-image:url("pics/prosjekter.jpg");
 width: 97px;
 }
 
 
 #spill {
 background-image:url("pics/spill.jpg");
 width: 47px;
 }

Og HTML:

<div id="navigation">
<ul>
<li><a class="hoved" href="hoved.htm">Hovedside</a></li>
<li><a class="linker" href="linker.htm">Linker</a></li>
<li><a class="prosjekt" href="prosjekt.htm">Prosjekter</a></li>
<li><a class="tilbakemelding" href="tilbakemelding.htm">Tilbakemelding</a></li>
<li><a class="meg" href="meg.htm">Om meg</a></li>
<li><a class="spill" href="spill.htm">Spill</a></li>
</ul>
</div id="navigation">

Knappene vises ikke i det hele tatt! Hva er galt?
  • 0

Last.fm
Programmers don't byte. They just nibble a bit.
Jeg driter i hvem faren din er. Kom deg vekk fra vannet, for her skal jeg fiske!


#2 _Paulsen_

_Paulsen_

    Bruker

  • Medlemmer
  • 1 903 innlegg
  •   27. april 2004

Skrevet 29. september 2004 - 14:05

Du er sikker på at pathen til bildene er helt korrekte? Dette kan ødelegge, hvis den ikke er helt korrekt.

Dette innlegget har blitt redigert av OShea22: 29. september 2004 - 14:05

  • 0

#3 huf

huf

    Bruker

  • Medlemmer
  • 3 878 innlegg
  •   27. mai 2002

Skrevet 29. september 2004 - 14:17

Har du husket å linke til css dokumentet ditt da?
  • 0

«Enormous amounts of material, enormous amounts of material.»


#4 Mads-b

Mads-b

    Bruker

  • Medlemmer
  • 2 079 innlegg
  •   2. november 2003

Skrevet 29. september 2004 - 15:40

Linkene er greie.. Alt annet i CSS dokumentet fungerer bra. Når jeg klikker der knappene skal være, ser jeg en stiplet boks, der bildet skulle være. Jær prøvde å se om de var under bakgrunnen også, ved å fjerne den, men eneste spor er fremdeles de grå boksene som oppstår rundt bilder som blir klikket.

EDIT: har det noe å si at bildene er PNG?

Dette innlegget har blitt redigert av MBaardsgaard: 29. september 2004 - 15:42

  • 0

Last.fm
Programmers don't byte. They just nibble a bit.
Jeg driter i hvem faren din er. Kom deg vekk fra vannet, for her skal jeg fiske!


#5 Mads-b

Mads-b

    Bruker

  • Medlemmer
  • 2 079 innlegg
  •   2. november 2003

Skrevet 29. september 2004 - 15:47

auda.... pinlige fakta... Legg merke til at det er "class" i index.htm, mens i CSS dokumentet begynner alt med "#" istedenfor "." jaja, funker nå.
  • 0

Last.fm
Programmers don't byte. They just nibble a bit.
Jeg driter i hvem faren din er. Kom deg vekk fra vannet, for her skal jeg fiske!



0 bruker(e) leser denne tråden

0 medlemmer, 0 gjester, 0 skjulte brukere