Hjälp Med Css Knappar

[laynus]

Hej jag håller på med min sida och vill ha knappar som byter bild när man håller på dom.

För det ska bli länkar.

kan nån hjälpa mej?

[Fality]

**** {

background-image:url(bild);

}

 

**** a:hover {

background-image:url(ny bild);

}

[laynus]

Okej och sen hur gör jag dom länkade då?

[Vixxec]

Jag skulle ha gjort hela j*vla layouten för dig.

 

Men sen så började du bara dampa. O.o

Redigerat 22 November 2008 av Vixxec

[Njugen]

Hej jag håller på med min sida och vill ha knappar som byter bild när man håller på dom.

För det ska bli länkar.

kan nån hjälpa mej?

 

 

Okej och sen hur gör jag dom länkade då?

Så här ska det se ut i ditt CSS-dokument, width och height ska justeras till bildens storlek och // och det beskrivning som finns bakom den ska tas bort:

 

.valfrittnamn:link {                
background-image:url(bild);
display: block;
width: 100px;
height: 50px;
}

.valfrittnamn:visited {                
background-image:url(ny bild);
display: block;
width: 100px;
height: 50px;
}

.valfrittnamn:hover {                 
background-image:url(ny bild);
display: block;
width: 100px;
height: 50px;
}

 

Och så här formar du din länkknapp:

<a href="index.html" class="valfrittnamn"></a>

Redigerat 22 November 2008 av Hitsugaya

[laynus]

Vad menar du med valfritt namn?

[Gäst Glassgubben]

Där i valfritt namn kan du skriva t.e.x next eller nästa :P

[Njugen]

Vad menar du med valfritt namn?

.valfrittnamn:link i ditt CSS-dokument kopplar ihop den med class="valfrittnamn" i <a>-elementet i din HTML-dokument. valfrittnamn i CSS-dokumentet kan bytas ut mot ett annat namn, uttryck eller bokstav förutsatt att du lägger detsamma under class="" i <a>-elementet i din HTML-dokument.

 

T.ex.

 

.test:link

<a href="#" class="test">test</a>

 

.hitsugayaaeger:link

<a href="#" class="hitsugayaaeger">test</a>

 

osv.

Redigerat 23 November 2008 av Hitsugaya

[Fality]

.valfrittnamn:link i ditt CSS-dokument kopplar ihop den med class="valfrittnamn" i <a>-elementet i din HTML-dokument. valfrittnamn i CSS-dokumentet kan bytas ut mot ett annat namn, uttryck eller bokstav förutsatt att du lägger detsamma under class="" i <a>-elementet i din HTML-dokument.

 

En variabel med andra ord.

 

 

@TS:

 

Om du anger .hitsugayaaeger i CSS dokumentet blir det

 

class="hitsugayaaeger"

 

Om du anger #hitsugayaaeger i CSS dokumentet blir det

 

id="hitsugayaaeger"

 

 

.valfrittnamn a:link, a:visited, a:active {                
     
     background-image:url(bild);
     display: block;
     width: 100px;
     height: 50px;

}

 

Borde inte detta funka lika bra?

[PunkArne]

.valfrittnamn:link i ditt CSS-dokument kopplar ihop den med class="valfrittnamn" i <a>-elementet i din HTML-dokument. valfrittnamn i CSS-dokumentet kan bytas ut mot ett annat namn, uttryck eller bokstav förutsatt att du lägger detsamma under class="" i <a>-elementet i din HTML-dokument.

 

En variabel med andra ord.

 

 

@TS:

 

Om du anger .hitsugayaaeger i CSS dokumentet blir det

 

class="hitsugayaaeger"

 

Om du anger #hitsugayaaeger i CSS dokumentet blir det

 

id="hitsugayaaeger"

 

 

.valfrittnamn a:link, a:visited, a:active {                
     
     background-image:url(bild);
     display: block;
     width: 100px;
     height: 50px;

}

 

Borde inte detta funka lika bra?

 

Varför inte en konstant?

 

Låt en konstig variant för H vara konstantterm för hitsugaya, ta sedan copyright på det!

Einsteins formel E = mc(i kvadrat) är full av konstanter. Man måste inte vara så dynamisk hela tiden.

Redigerat 25 November 2008 av PunkArne