---

Hej Med jer.
Sidder og roder lidt med en ny hjemmeside
og har forvildet mig ud i at bruge css for første gang.
Og nu vil jeg så høre om det er muligt at lave knapper
med css og onmouseover med billeder. lige nu viker det som det
skal men med en masse JavaScript og det fylder så meget i html
filen. vil gerne have det over i et stylesheets.


http://wwwhome1.stofanet.dk/sbw virker med JavaScript

Høber i kan hjælpe.

--
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

---

Søren Brunslev skrev:
> Hej Med jer.
> Sidder og roder lidt med en ny hjemmeside
> og har forvildet mig ud i at bruge css for første gang.
> Og nu vil jeg så høre om det er muligt at lave knapper
> med css og onmouseover med billeder. lige nu viker det som det
> skal men med en masse JavaScript og det fylder så meget i html
> filen. vil gerne have det over i et stylesheets.
>

Det er bestemt muligt. Må jeg foreslå
dig at starte med det grundlæggende om
CSS-formatering af links (menuer):

http://webdesign101.dk/www/cssmenu/

og derefter gå videre til CSS-grafiske
menuer:

http://webdesign101.dk/showcase/rollover/rollover_2.php
http://webdesign101.dk/showcase/rollover/rollover_3.php

Et særligt interesant eksempel finder du her:

http://webdesign101.dk/showcase/rollover/

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

---

Simpelt:

a.menu:link {
background-image: url("billed1.gif");
display:block;
width: [billedets bredde]
height: ??px;
}

a.menu:hover {
background-image: url("billed2.gif");
display:block;
width: [billedets bredde]
height: ??px;
}

Grunden til, at jeg har valgt display:block er at sikre, at hele
baggrundsbilledet kommer med ved at gøre linket til et blok-element på linie
med <p>, <h1> osv..

Læs uddybende på de links, som Jørgen har smidt.

---

Søren Brunslev skrev:

> Og nu vil jeg så høre om det er muligt at lave
> knapper med css

Prøv at se på http://html-faq.dk/1012.asp

--
Allan Vebel
http://html-faq.dk