Just nu i M3-nätverket
Gå till innehåll
Blossing

Dreamweaver CSS hover knappar!

Rekommendera Poster

Hej!

 

Jag använder mig av Dreamweaver CS3 och jag försöker lära mig hur man göra CSS hover knappar.

 

För att ni ska förstå vad jag menar kan ni kolla på följande sidan.

 

http://blog.nublue.co.uk/css-hover-button/

 

Jag förstår ingenting.

 

Dock har jag redan gjort mina bilder som ni kan se här (Test)

 

http://data.fuskbugg.se/skalman01/-a.jpg

 

http://data.fuskbugg.se/skalman01/hover.jpg

 

Hur ska jag få in det i Dreamweaver, alltså hur lägger jag in det så det ska fungera?

 

Om någon har lust att förklara, så förklara det för steg för steg, för förvänta mig inte att jag förstår allt :D

 

Tråden flyttad från HTML, DHTML & CSS av moderator

 

[inlägget ändrat 2009-07-21 13:55:00 av Cluster]

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

http://data.fuskbugg.se/skalman01/-a.jpg

Blev nog lite fel, va?!

 

 

Så här ser cssen ut

a.lankklass {width:100px;height:20px;background: url(bild.jpg) no-repeat 0% 0%; text-indent:-9999px;}
a.lankklass:hover {background-image: url(bild2.jpg)}

 

 

<a href="länk.html" class="lankklass">länktext</a>

 

Länktexten göms, du måste ändra höjd och bredd i cssen så bilder "får plats"

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Länktexten göms, du måste ändra höjd och bredd i cssen så bilder "får plats"

 

vad menar du med det? Jag får det nästan att fungera, men det blir bara lilla texten som blinkar till.

 

[inlägget ändrat 2009-08-04 11:29:31 av Blossing]

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Jag menar att width och height skall ändras så det stämmer överrens med dina bakgrundsbilder.

 

Vaddå texten som blinkar till?

 

Kan du visa din html och css?

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Hej

 

Jag la in CSS koden i style.css och ändra bara hight till 35, då min bild är 100 x 35.

 

I Dreamweaver.

 

Sen tog jag den andra koden och la den där jag ville ha den som är i en cell. Sen när jag spara och visar den i webbläsaren, så blir det bara en text. Drar jag över musen på den så blinkar endast texten till blå (men inte som en hel bild).

 

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Skapa ett nytt konto på vårt forum. Det är lätt!

Registrera ett nytt konto

Logga in

Redan medlem? Logga in här.

Logga in nu



×
×
  • Skapa nytt...