a:hover - kruze frage dazu

nabend,

Zitat

#navigation a:link {

}
#navigation a:visited {

}
#navigation a:focus {

}
#navigation a:hover {

}
#navigation a:active {

}

Alles anzeigen

so, ich hab in der index.html einen link in einer grafik, ein button quasi, nichts besonderes. jetzt will ich mit hover in der css, sobald man drüber fährt mit der maus, eine andere grafik an ort und stelle anzeigen. wie bei einem link also, nur dass sich nicht die schrift(-farbe, größe etc.) ändert, sondern eine grafik.

1 frage dazu: muss ich bei #navigation a:hover | jetzt noch ein img dahinsetzen, sprich:
#navigation a:hover img{
???
2 frage: was muss jetzt in die geschweifte klammer um die grafik zu verändern?
image: url(bild); funktioniert wohl nicht!? was also tun?

hat sich in der zwischenzeit eigentlich schon erledtigt... so lange konnte ich dann nicht warten und hab einfach alles ausprobiert was nur möglich war, passt schon!
allerdings was anderes, wollt nicht extra ein neues thema eröffnen:
was ist der unterschied zwischen . und # in der css
#navi {}
.navi {}

?
und wie binde ich . in die html-dat ein?
bei # ist es ja "id="navi" aber beim . hat das nicht geklappt !

ahaaa die antwort kam genau zur richtigen zeit
Dankeschön !

ah ok cool...
ich habe grad mal was damit gemacht:

td.head {


  background-image:url('div_top.jpg');
  background-position: center;
  background-repeat:no-repeat;
  text-align: center;
  width:586px;
  height:45px;
}

also ich hab geschrieben background-position: center ... demzufolge müsste die div_top schön in der mitte der div sitzen, hier der html-code:

<div id="main">
<table>
<tr>
<td class="head">


hallo
</td>
</tr>
</table>
</div>

und #main will ich euch auch nicht vorenthalten:

#main {
  width: 951px;
  height: 90%;
  border: 2px;
  border-style: ridge;
}

ich möchte, dass div_top in der mitte (center^^) von <div id="main"> ist.
aber sie ist linksbündig
http://mregon.mr.funpic.de/HTML/otherstyle/

wie mach ich den background centriert? kann übrigens sein, dass ich dazu später noch mehr fragen hab

jo die tabellen hab ich auch grad mal rausgeschmissen...

<div class="head">
hallo</div>

Aber schau die mal die .head an... text align bringt mir da auch nichts, ich will ja den background in der mitte haben ! nur das ist er nicht

negativ, passiert nichts.
wie kann denn das angehen, muss ich irgendwie margin oder padding machen? so mit 50% oder so?