S
Strabas
Guest
Hallo,
ich bin noch ein totaler Anfänger versuche gerade die Index.html für die versch. Unterbereiche einer Homepage zu schreiben. Diese soll Hauptsächlich aus 4 Bildern bestehen, die in der Mitte der Seite wie ein Komplettes Bild angezeigt werden sollen. Diese 4 Bilder verweisen auf die jeweiligen Unterbereiche und verändern sich bei Rollover.
Nun möchte ich jedoch, dass zusätzlich zur Veränderung des Bildes bei mouse Rollover auch noch ein text auf der Freien Seite des jeweiligen Bildes angezeigt wird.
Auch fügen sich die 4 Bilder in der Mitte nicht Nahtlos aneinander, sondern es bleiben kleine Lücken - alle versuche diese bisher zu vermeiden schlugen fehl. *edit* [fixed] durch eine total banale Änderung im Code... Welche mir zwar alles andere als logisch erscheint aber nun ja...
Wie ich das mit dem Text hinbekommen könnte, weiß ich jedoch nicht.
Ich hänge einmal den bisherigen Code an, da ich wie gesagt noch ziemlicher Anfänger bin, wäre es super, wenn ihn mir jmd. anpassen könnte. Oder eben eine genaue Erklärung was ich wie und wo zu schreiben habe um das gewünschte Ergebnis zu erzielen. Zusätzlich hänge ich noch 2 Gifs an, falls etwas nicht klar sein sollte.
ich bin noch ein totaler Anfänger versuche gerade die Index.html für die versch. Unterbereiche einer Homepage zu schreiben. Diese soll Hauptsächlich aus 4 Bildern bestehen, die in der Mitte der Seite wie ein Komplettes Bild angezeigt werden sollen. Diese 4 Bilder verweisen auf die jeweiligen Unterbereiche und verändern sich bei Rollover.
Nun möchte ich jedoch, dass zusätzlich zur Veränderung des Bildes bei mouse Rollover auch noch ein text auf der Freien Seite des jeweiligen Bildes angezeigt wird.
Auch fügen sich die 4 Bilder in der Mitte nicht Nahtlos aneinander, sondern es bleiben kleine Lücken - alle versuche diese bisher zu vermeiden schlugen fehl. *edit* [fixed] durch eine total banale Änderung im Code... Welche mir zwar alles andere als logisch erscheint aber nun ja...
Wie ich das mit dem Text hinbekommen könnte, weiß ich jedoch nicht. Ich hänge einmal den bisherigen Code an, da ich wie gesagt noch ziemlicher Anfänger bin, wäre es super, wenn ihn mir jmd. anpassen könnte. Oder eben eine genaue Erklärung was ich wie und wo zu schreiben habe um das gewünschte Ergebnis zu erzielen. Zusätzlich hänge ich noch 2 Gifs an, falls etwas nicht klar sein sollte.
Code:
<HTML>
<HEAD>
<TITLE>DB4 Frenns Page</TITLE>
<META NAME="author" CONTENT="Ich">
<META NAME="keywords" CONTENT="Frenn, SC, Starcraft, WC2, WC, Warcraft, Warcraft 2">
<SCRIPT><!--
if (document.images){
frenn1on = new Image();
frenn1on.src = "http://www.html.de/images/frenn0.gif";
frenn1off = new Image();
frenn1off.src = "http://www.html.de/images/frenn1.gif";
programm1on = new Image();
programm1on.src = "http://www.html.de/images/programm0.gif";
programm1off = new Image();
programm1off.src = "http://www.html.de/images/programm1.gif";
starcraft1on = new Image();
starcraft1on.src = "http://www.html.de/images/starcraft0.gif";
starcraft1off = new Image();
starcraft1off.src = "http://www.html.de/images/starcraft1.gif";
warcraft1on = new Image();
warcraft1on.src = "http://www.html.de/images/warcraft0.gif";
warcraft1off = new Image();
warcraft1off.src = "http://www.html.de/images/warcraft1.gif";
}
function turnOn(imageName) {
if (document.images) {
document[imageName].src = eval(imageName + "on.src");
}
}
function turnOff(imageName) {
if (document.images) {
document[imageName].src = eval(imageName + "off.src");
}
}
//--></SCRIPT>
</HEAD>
<BODY TEXT="#0000CC" BGCOLOR="#000000" LINK="#000033" ALINK="#FF0000" VLINK="#666699">
<H1 ALIGN="center">Frenns Page</H1>
<P ALIGN="CENTER"><A HREF="sites/selfportrait.htm" ONMOUSEOVER="turnOn('frenn1')" ONMOUSEOUT="turnOff('frenn1')"><IMG SRC="http://www.html.de/images/frenn1.gif" BORDER="0" WIDTH="351" HEIGHT="320" NAME=FRENN1></A>
<A HREF="sites/programs.htm" ONMOUSEOVER="turnOn('programm1')" ONMOUSEOUT="turnOff('programm1')"><IMG SRC="http://www.html.de/images/programm1.gif" BORDER="0" WIDTH="351" HEIGHT="320" NAME=PROGRAMM1></A><BR>
<A HREF="sites/starcraft.htm" ONMOUSEOVER="turnOn('starcraft1')" ONMOUSEOUT="turnOff('starcraft1')"><IMG SRC="http://www.html.de/images/starcraft1.gif" BORDER="0" WIDTH="351" HEIGHT="320" NAME=STARCRAFT1></A>
<A HREF="sites/warcraft2.htm" ONMOUSEOVER="turnOn('warcraft1')" ONMOUSEOUT="turnOff('warcraft1')"><IMG SRC="http://www.html.de/images/warcraft1.gif" BORDER="0" WIDTH="351" HEIGHT="320" NAME=WARCRAFT1></A></P>
</BODY>
</HTML>
Zuletzt bearbeitet von einem Moderator:
