• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

onemousover-out effekt einfügen

T

tkprom

Neues Mitglied
hallo liebe leute hier im forum!
ich bin ein laie und möchte für uns daheim eine startseite für den IE8 bauen, alles funktioniert
aber... ich schaff es nicht :-( den bildern einen onmouseover effekt hinzuzufügen, das bild, das vergrößert dargestellt wird sollte die anderen nicht verschieben

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Top Seiten</title>
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(8, 8, 8);"
alink="#000099" link="#000099" vlink="#990099">
<a href="http://www.google.at"><img
style="border: 2px solid ; width: 198px; height: 124px;"
alt="Google" src="pics/Google.jpg" align="middle"
hspace="10" vspace="10"></a><a
href="Google Maps
style="border: 2px solid ; width: 198px; height: 124px;"
alt="Google Maps" src="pics/Google%20Maps.jpg"
align="middle" hspace="10" vspace="10"></a><a
href="Web Sudoku - Milliarden Kostenlose Online-Sudokus
style="border: 2px solid ; width: 198px; height: 124px;"
alt="Sudoku" src="pics/Sudoku.jpg" align="middle"
hspace="10" vspace="10"></a><a
href="http://de.wikipedia.org/wiki/Wikipedia:Hauptseite"><img
style="border: 2px solid ; width: 198px; height: 124px;"
alt="Wikipedia" src="pics/Wikipedia.jpg" align="middle"
hspace="10" vspace="10"></a><a
href="http://www.herold.at/telefonbuch/"><img
style="border: 2px solid ; width: 198px; height: 124px;"
alt="Herold" src="pics/Herold.jpg" align="middle"
hspace="10" vspace="10">
</body>
</html>


bitte um eure hilfe!!!!
danke im voraus und liebe grüße aus niederösterreich
 
hollo nochmals,
onmouseover, hab mich vertipselt:-(
ich hab schon einiges drüber gelesen, kenn mich aber nicht aus, wie ich das einbauen soll:-(
einen weiteren schritt hab ich aber trotzdem schon geschafft:-)

die links sehen jetzt so aus:

<a
href="Web Sudoku - Milliarden Kostenlose Online-Sudokus
alt="Sudoku" src="file:pics/Sudokuk.jpg"
onmouseover="this.src='file:pics/Sudoku.jpg';"
onmouseout="this.src='file:pics/Sudokuk.jpg';"
align="middle" hspace="10" vspace="10"></a>

die würd ich jetzt gerne noch "fixieren", beim drüberfahren mit der maus hüpfen die bilder wie verrückt:-(
so würd ich mir das vorstellen: die kleinen bilder bleiben auf ihrem platz, die vergrößerungen verschieben sie nicht sondern überdecken sie

bitte nochmals um hilfe!

danke, traude
 
Es wäre gut, wenn Du Quellcode den Du im Forum zeigst in Code-Tags setzt. Dann ist er auch lesbarer.

Außerdem wäre evtl. ein Link zur betreffenden Seite interessant. Dann könnte man mit dem darin enthaltenen CSS und den Bildern auch sehen was Du eigentlich meinst.

Weiterhin ist das eigentlich ein JavaScript-Thema, weshalb ich dein Topic von HTML dorthin verschoben habe.

In deinem jetzigen Quellcode erkenne ich außerdem noch mehrere Probleme:
a) Die Adresse "file:pics/Sudokuk.jpg" kann eigentlich gar nicht funktionieren. Wenn Du eine Datei per file:// verlinken willst, dann gilt das im lokalen System desjenigen der die Seite aufruft - was in Webseiten falsch wäre. Wenn Du eine Datei verlinken willst, wäre nur "pics/Sudokuk.jpg" korrekt.
b) Die Dateinamen solltest Du außerdem ohne Sonderzeichen schreiben. Sowas wie "Google%20Maps.jpg" ist daher ungünstig. Lass das Leerzeichen (selbst kodiert) weg. Außerdem solltest Du nur Kleinbuchstaben für Dateinamen verwenden - damit wäre es einheitlich.
c) Dein HTML-Code enthält heute nicht mehr übliche, teilweise auch verbotene Attribute. Beispiele: hspace, align, vspace. Du solltest diese Angaben durch entsprechende CSS-Eigenschaften ersetzen.
 
hallo threadi,
vielen dank für deine antwort!!!
zu dieser seite kann ich keinen link setzen, die gibts nur auf unserem pc...
die technik mit dieser seite funktioniert, auch wenn sie nicht mehr der aktuellen form entspricht - den code dafür hab ich in meiner verzweiflung irgendwoher gegoogelt..
aber wir haben schon selbst eine lösung gefunden: wir haben das bild, das beim onmouseover erscheinen soll einfach gleich groß gemacht und im photoshop bearbeitet, so dass es wie gezoomt aussieht, jetzt wechseln gleichgroße bilder einander ab, die seite hüpft nicht mehr und es erscheint doch eine "vergrößerung" - klingt vielleicht laienhaft, aber es funktioniert:-)

nochmals vielen dank und einen schönen abend!
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben