Hover in Linkbuttons

html.de-Forum HTML, XHTML & CSS
1

Hi Community,
ich möchte statt normaler Links Buttons mit Hovereffekt in meine Navi haben,
aber mir wird hier nichts angezeigt.

CSS:

[CODE]
a.news {
background: url(‚images/buttons/news.png‘) no-repeat;

}
a.news:hover {
background: url(‚images/buttons/news1.png‘) no-repeat;

}
a.gb {
background: url(‚images/buttons/gb.png‘) no-repeat;

}
a.gb:hover {
background: url(‚images/buttons/gb1.png‘) no-repeat;

}

[/CODE]home.html:

<a class="news" href="#" title="#"></a> <a class="gb" href="#" title="#"></a>Danke für hilfe im Voraus!

MfG Furien

2

Wenn Du Macromedia Dreamweaver hast versuch mal folgendes:

du hast oben in der Leiste ein kleines Symbol das ausschaut wie ein kleines Bild (unter dem Menüpunkt „Modifizieren“ ist das Icon), rechts daneben ist ein Dropdown Symbol. Da klickste daruf. (Kleines bild zur hilfe: www.webdesign-united.de/wow/pfeil.jpg )
-Dann findest Du „Rollover Bild“
-Originalbild & Mouseover angeben
-Link angeben + OK klicken

Leider gibt Dir Dreamweaver einen riesengroßen JavaScript Code mit auf den Weg^^ Aber besser als kaputt :stuck_out_tongue: Dein Weg ist deutlich besser, wobei ich das sowieso, wie gesagt, anders lösen würde.
Ich hoffe meine Möglichkeit hilft Dir irgendwie.

3

Zwar danke für die Antwort, aber ne ^^ Ich habe Dreamweaver nicht.
Ich mache es auf dem ganz klassischen Weg mit Notepad ++.

4

wenn nichts angezeigt wird, stimmt in der regel der pfad nicht.
ein gerne gemachter fehler ist, wenn die css-datei sich in einem unterverzeichnis befindet, aber der pfad vom root aus angegeben ist.
die pfadangabe muss dann ein verzeichnis zurück springen.
nur so als vermutung.

5

Gib a.news noch eine Breite und Höhe entsprechend der Hintergrundgrafik und weise noch ein „display: block;“ zu.

6

Danke für die Antworten, aber Leider hat nichts geholfen.
Habs jetzt so:

[CODE]a.news {
background: url(‚images/buttons/news.png‘) no-repeat;
display: block;
width: 178px;
height: 21;

}
a.news:hover {
background: url(‚images/buttons/news1.png‘) no-repeat;
display: block;
width: 178px;
height: 21;
}
a.gb {
background: url(‚images/buttons/gb.png‘) no-repeat;
display: block;
width: 178px;
height: 21;
}
a.gb:hover {
background: url(‚images/buttons/gb1.png‘) no-repeat;
display: block;
width: 178px;
height: 21;
}[/CODE]
Und die style.css liegt im Rootverzeichnis!

mfg furien

7

Sorry für Doppelpost schonmal, kanns nicht mehr bearbeiten -
Und ich habe mit meiner Homepage Furien Website
jetzt folgende Fehler:

[ol]
[li]Hintergrund wird nicht angezeigt[/li][li]buttons in der Navi werden nicht angezeigt.[/li][/ol]
Hoffe ihr könnt mir helfen :smiley:

mfg Furien!

8

Beim height-Wert fehlt noch die Einheit, also 21[COLOR=„Red“]px;

9

ohh mann wieder son dummer fehler ^^
Danke prm!
Aber wenn ich hovere, dann ist der button ganz weg.

EDIT Also der war jetzt auch selten dämlich ;D
Ich hab im hover statt bild2 immer bild 1 angegeben -.-
Naja aber das Prob mit dem Hintergrund besteht. Er nimmt
weder Farbe noch Bild… mfg furien