Hjelp til html/css, bildeeffekter (?)

[Bebbey]

Trenger litt hjelp med html/css. Tenkte å lage en side med en meny bestående av 4 "kvadrater", 4 små bilder. Hver kvadrat inneholder et ikon, for eksempel en av menyknappene skal gå til en download-side, tenkte da en menyknapp/bilde med bildet av en pil pekende nedover. Tenkte at når man har musa over knappen vises det en tekst, ved siden av bildet eller under eller no, hvor det da står "download". Kanskje bildet blir større eller får en slags ramme rundt seg når man holder musa over bildet. Og da til det mest vesentlige, når man trykker på bildet kommer man til den nye siden.

 

Så, her kommer spørsmålene:

 

Hvordan legger/kobler man en link til et bilde?

Hvordan får man en tekst vise seg når man holder musa over bildet? I Visual basic ville det vel vært noe sånn if mousehover=picture, then textbox=visible

eller noe sånt (dritlenge siden jeg prøvde meg på programmering i visual basic men dere skjønner poenget ).

Vet at man kan skrive noe sånt som:

 

#all img:hover{

background-image:url(right_arrow.png);

}

 

Sånn at bakgrunnsbildet endrer seg, men at for eksempel hele bildet endrer seg også (da at et nytt bilde, som kanskje er større for å få den effekten at når musa holdes over så blir bildet større).

 

 

 

Okei, håper dere kan hjelpe meg med noe av dette. Spør hvis det er noe dere lurer på ang det jeg lurer på

[Kris]

Hvordan legger/kobler man en link til et bilde?

 

<a href="lastpage.htm">
<img border="0" src="http://www.w3schools.com/html/buttonnext.gif" width="65" height="38">
</a>

[TroubleDouble]

Hvordan legger/kobler man en link til et bilde?

 

<a href="lastpage.htm">
<img border="0" src="http://www.w3schools.com/html/buttonnext.gif" width="65" height="38">
</a>

 

Legg inn en title attributt i a taggen din så får du tekst ved siden av og. Hvis dette ikke er godt nok, må du inn med noe smart css og kanskje noe javascript.