Bertel Lund Hansen wrote in dk.edb.internet.webdesign.html:
>
> Du laver en klasse som du kun bruger ved ét billede. Du kan også
> få a:hover til kun at virke ved ét eneste link. Først et
> eksempel på det sidste:
>
> CSS
> ..stor_hover a:hover { font-size: 200%; }
>
> HTML
> <a class='stor_hover' href='blablabla'>Peg her og klik bagefter!</a>
>
>
> Eksempel med et billede der skifter ved hover:
>
> CSS
> ..zakarias {
> width: 356px;
> height: 356px;
> margin: 20px;
> padding: 0;
> background: url(Zakarias.jpg) no-repeat;
> display: block;
> }
> ..zakarias:hover { background: url(Zakarias1.jpg) no-repeat; }
>
> HTML
> <div>
> <p><a class='zakarias' href='
'>http://lundhansen.dk/zakarias/zakarias.php'>
> <p class='zakariastekst'><a href='
Gro'>http://lundhansen.dk/zakarias/zakarias.php'>Gro og Uffes barn, Zakarias (født 11/3-2004)</a><br>
> Han hedder dog Lund Isaksen til efternavn.
> </p>
> </div>
>
> Eksemplet kan ses på denne hjemmeside:
>
>
http://www.lundhansen.dk/
>
> ved Zakarias.
>
Hey...
Det jeg har skrevet i html-delen er:
HTML:
<a class="forside" href="#"><img src="knapper/forside_0.gif"></a>
og i CSS:
..forside:hover {
background: url(forside_1.gif) no-repeat;
}
Nu er problemet bare at der ikke rigtig sker noget når jeg flytter musen over..
-Jonathan
--
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