problem mit dem code; ich möchte ein hover mit bild

html.de-Forum HTML, XHTML & CSS
1

hi, könnt ihr von meinem code aus erkenne was ich falsch gemacht habe?
ich möchte das wenn ich mit der maus auf das bild news gehe das andere mit dem hover effekt kommt…

[html]a:hover#news
{
background: url(news2.gif)
}



[/html]
elpee

2

Du hast leider nur einen kleinen Teil deines Quellcodes gezeigt. Um dein Problem zu lösen setze doch die Bilder als Hintergrundbilder ein. Z.B. so:

CSS:

[code]
a {
display: block;
width: 100px;
height: 100px;
background-image: url(bild.gif);
}

a:hover { background-image: url(bild2.gif); }[/code]HTML:

<a href="link.html">&nbsp;</a>
3

so habe ich ws schon die ganze zeit versucht. aber es wird immer nur so viel angezeigt wie ich zwischen die a tags schreibe, in deinem beispeil jetz das  .
aber ich möschte ja nichts schreiben, sondern einfach nur ein bild haben dass sich bei hover verändert!

elpee
Ps ich poste mal den gesamten code:
[HTML]

cheyenne Designs - Projects - graphics animations videoclips










Lucids Myspace Seite

Mein aktuelles Projekt ist die
Unterhaltung und Gestaltung der
Myspace Seite des
ambitionierten Rappers Lucid.  mehr



Wallpaper für sge4ever.de

Bei diesem schon beendeten Projekt,
habe ich für die Eintracht Frankfurt
Fan- Homepage einige Wallpapers
erstellt,
die hier vorstellen möchte.  mehr

[/HTML]

und dann nochmal die style.css

[HTML]

body
{
background-color:#808080;padding:0px; margin:0px;color:white;font-family:verdana;
}
.footer
{
background-color:#808080;
margin-top:40%;
}
.header
{
background-color:#808080; margin:0px;
}

div#content
{
background-color:#808080; margin-left:25%;position:absolute;overflow:auto;width:50%;height:52%;margin-top:2%
}

a
{
color:#ffa500; font-weight:bold;
}

[/HTML]

4

… ist nun eben mal Inline-Element. Deshalb siehst Du eben nur soviel vom Hintergrund, wie im Elemnt steht. z.B. eben [I] 

[/I]gib dem … ein display:block; und die benötigte Höhe bzw. Breite. Dann dürfte es klappen.:wink:

5

hab ich doch schon oft versucht wie sinst was…
aber ich werde es noch oft weiter probieren

elpeee

6

Nur für Dich auf einem Tablett aus Silber:
[html]

Hover a{ display:block; width:50px; height:50px; border:1px solid black; } a:hover{ background-image:url(http://www.sender-kreuzberg.de/LOGO/testbild.gif); } [/html]
7

es klappt…
danke übrigens für das silberbesteck!!!
es ist zwar alles falsch ausgerichtet, aber das wird!
DANKE

elpee