Navigation

[TimBeam]

Hallo zusammen!

Ich bin ein absoluter html-neuling und das is auch wie wahrscheinlich bei den meisten meine erste programmiersprache, also entschuldigt bitte, wenn die Frage jetzt total bescheuert is, aber ich konnte das einfach nirgendwo finden und hab erst heute angefangen, mir des beizubringen.

Also hier meine Frage: wie macht man eine Navigation, bei der sich die grafik ändert, wenn man mit der maus drüber fährt (am besten den quellcode für ein beispiel). Wäre echt voll nett! Oder geht das garnich mit html?

Hoffe, ihr habt verstanden, was ich mein^^

vlg, Tim

 

[gruenspan]

Zum ersten sei gesagt, HTML ist keine Programmiersprache sondern eine sogenannte MarkupLanguage.

Und zu deinem Problem findest die Lösung HIER

 

[TimBeam]

ups^^

ja wie gesagt, bin absolut neu auf dem gebiet...

Danke für den Link!

 

[Dark D.]

Oder mit CSS:

A:LINK {
display: block;
background-image: URL(bildnormal.jpg);
}
A:HOVER {
background-image: URL(bildbeimdrüberfahren.jpg);
}

 

[BcF]

Da fehlt was:

A:LINK {
  display: block;
  background-image: URL(bildnormal.jpg);
  [COLOR=Green][B]height:XXpx; /*Höhe des Bildes*/
  width:XXpx; /*Breite des Bildes*/[/B][/COLOR]
}
A:HOVER {
  background-image: URL(bildbeimdrüberfahren.jpg);
}

Sonst sieht man nix ;)

Und immer schön ein festes Leerzeichen (   ) ins A-Tag schreiben.

 

[Dark D.]

Ich neige mein Haupt

 

[Onkel_Busch]

Viele Wege führen nach Rom.

<div style="position: absolute; left: 2; top: 120; width: 130; height: 25">
<a onMouseOver="home_de.src='../../../3buttons/home_2_de.gif';"
onMouseOut="home_de.src='../../../3buttons/home_1_de.png';"
target="_parent" href="../../../index.html">
<img name="home_de" width="130" height="25" src="../../../3buttons/home_1_de.png" border="0"></a></div>

Die ../../../3buttons/home_1_de.png';" sind die Unterverzeichnisse, wo sich die Buttons befinden. Wenn du alles in einem verzeichnis stehen hast brauchst du ../../../ nicht.

 

[ingoS]

Die allereleganteste Lösung findest du unten in meiner Signatur - da wird alles auf einmal geladen.
Es hätte allerdings wirklich nicht allzu schwer sein sollen, so etwas zu finden.:roll:

Ich verschiebe mal ganz entschlussfreudig nach CSS und nicht nach JavaScript, weil die meisten Antworten CSS-Lösungen bieten.

Moved: CSS - Allein mit HTML nicht möglich (ingoS)