Hintergrundgrafiken : hover

icecrush

Hallo,
ich hab als Menü 4 Grafiken, die sich beim bewegen der Maus über die Grafik verändern sollen. Hover-Effekt halt.
In HTML hab ich es wie folgt:

Zitat

<div id="menu">
<a href="http://www.google.de/" id="news"><img src="url" alt="News" /> </a>
<a href="http://www.google.de/"><img src=url" alt="News1" /> </a>
<a href="http://www.google.de/"><img src="url" alt="News2" /> </a>
<a href="http://www.google.de/"><img src="url" alt="News3" /></a>
</div>

Grafiken werden alle angezeigt, wie es auch sollte, nur beim bewegen über das Feld verändert sich nichts. In CSS sieht es so aus:

Zitat

#news a:hover img {
background-color: url('images/news_hover.jpg');
}

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

alchymyth

genau nachlesen

http://www.w3schools.com/css/css_background.asp

gibt's vielleicht auch irgendwo auf deutsch...

ausserdem, wenn du ein bild oben drauf hast, ist der hintergrund nicht zu sehen; logisch ?

:hover geht nur mit hintergrundbildern wenn nichts darueber gepappt wird;

icecrush

Tut mir leid, aber ich bin komplett neu in der Thematik.
D.h. doch jetzt, dass ich gar keins von den backgrounds benutzen kann oder lieg ich da jetzt falsch ? :oops:

alchymyth

ich wuerde nur hintergrundbilder verwenden, und kein bild im vordergrund.
das ist einfacher fuer links und :hover.
das meiste kann im css datei eingestellt werden - hoehe, breite, border, padding, margin, :hover, :visited, endlos.

Zitat

genau nachlesen

war nicht negativ gemeint; ist aber bei computerkram so, dass es meistens genau gemacht werden muss, oder sonst nicht funktioniert. und lesen gehoert zur grundausbildung, wenn es um neue sachen geht. information gibt's ja alles online.
ausserdem ist hier ein wordpress forum, das vordergruendig mit den wordpress eigenen funktionen und eigenheiten weiterhelfen soll; da sollten einfache html und css kenntnisse vorausgesetzt werden koennen(auch wenn es um die modifizierung eines wordpress themes geht.)

im endeffekt gibts es keine fehler, sondern nur umwege zum erfolg.

Zitat

"Results! Why man, I have gotten a lot of results. I know several thousand things that won't work." thomas edison

koslowski

Zitat von alchymyth

http://www.w3schools.com/css/css_background.asp
gibt's vielleicht auch irgendwo auf deutsch...

jep, zu grafischen Navis gibts was auf deutsch. ;-)

icecrush

Ich hab es jetzt mal eben geändert, aber irgendwie läuft es noch nicht :-o

HTML:

Zitat

<div id="menu">
<a href="http://www.google.de/" id="news">News</a>
</div>

Zitat

CSS:
#news a{
width: 183px;
height: 33px;
background-image: url(images/news.jpg') 0 0 no-repeat;
}

Es wird einfach keine Grafik angezeigt. Die Grafik ist definitiv in dem Ordner. Hab auch shcon unterschiedliche Pfade benutzt. Läuft aber nie :|

spickzettel

Code

#news a

gibt's ja auch nicht, es muss nur

Code

#news

heißen.

koslowski

Zitat von icecrush

Ich hab es jetzt mal eben geändert, aber irgendwie läuft es noch nicht :-o
Es wird einfach keine Grafik angezeigt. Die Grafik ist definitiv in dem Ordner. Hab auch shcon unterschiedliche Pfade benutzt. Läuft aber nie :|

alchymyth hat dir einen Link gegeben, damit du dich a weng in Hg-Grafiken einarbeiten kannst, von mir hast du einen bekommen wie man so ein grafisches Menü erstellt.

Warum setzt du das nicht einfach um?? Stattdessen stümperst du einfach weiter vor dich hin. :roll:

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Hintergrundgrafiken : hover

Jetzt mitmachen!