Benni: onmouseover - Bilder vergrößern, ABER...

Beitrag lesen

HI!!

Vielen Dank erst mal für Deine Geduld!

Ich hab das mit den Bildern nun hinbekommen!

Wenn ich in dem <img...> Zeug unte style eine Größe angebe, dann wird das Bild beim laden der Seite in dieser Größe angezeigt.
Probieren geht mit spielen!
Allerdings funktionieren in deinem script keine %-Angaben bei den Größenangaben. ich muss also alles in px angeben. Das ist etwas blöd. Aber mann kann net alles haben!

Du solltest dir überlegen etwas neueres zuzulegen. Das Buch ist von 1999 und ist deswegen warscheinlich ziemlich veraltet.

Gibts da was neues!? Werd mich gleichmal danach umsehen!

Wo ist von 3 verschiedenen onmouseover die Rede? In deinem Buch?

Ja, genau! In dem Buch!

Auch. Du kannst CSS auf verschiedene Weise einbinden. Siehe: http://de.selfhtml.org/css/formate/einbinden.htm.

JETZT VERSTEH ICH GAR NIX MEHR!

Doch. Siehe http://de.selfhtml.org/css/formate/einbinden.htm#innerhalb_element.

GAME OVER!

Auf jeder der Seiten steht unten zurück home und weiter.
Kann ich diese Zeile auf jeder Seite an derselben Position anzeigen lassen?

Ja. Zum Beispiel mit position. Allerdings wird das daran scheitern, dass deine Seiten warscheinlich unterschiedlich lang sind. Also wäre es am sinnvollsten, ganz am Ende der Seite ein <div> oder <p> einzufügen. In dieses schreibst du dann deinen Home-Link.

Wenn ich das wieder verstehen würde...
Ja, klar, je nach Inhalt, sind die Seiten unterschiedlich lang, Jedoch passen sie genau in ein maximal-Fenster bei ner Bildschirmgröße von 1024/768.
D.h. ganz unten oder eine zeile vor Ende, sollte dann eben zurück und weiter stehen.

Ich häng hier mal den Code der jetzigen Seite dran, mit deinem script integriert.
Vielleicht findest du noch ein paar Fehler.

<!-- design & layout by  Benni-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Kameraden- und Soldatenverein Lützelburg</title>
<meta name="description"     content="Homepage des Kameraden- und Soldatenverein Lützelburg">
<meta name="keywords"        content="">
<meta name="author"         content="">
<meta name="DC.Publisher"   content="">
<meta name="DC.Date"        content="2002-09-01T012:00+01:00">
<!-- Zeitstempel: 17.06.2004, 00:37 Uhr, +1 Std. zu Greenwich -->
<meta name="DC.Language"    content="de"> <!-- de = deutschsprachig -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="styles.css">

<script type="text/javascript">
function machGross(){
 var ID = document.getElementById("bild"); // auf das Bild zugreifen
 ID.style.width = "1358px";  //hier legst du die Breite des Bildes fest, wenn es groß dargestellt werden soll.
 ID.style.height = "791px"; //und hier die Höhe
}
function machKlein(){
 var ID = document.getElementById("bild");
 ID.style.width = "679px";  //hier legst du die Breite des Bildes fest, wenn es klein angezeigt werden soll
 ID.style.height = "396px"; //und hier die Höhe
}

</script>
</head>

<a name="top"></a> <!--Sprungmarke top-->

<body style="background-image:url(images/hintergrund.jpg)" text="#ffffff" link="#ffffcc" vlink="#ffffcc" alink="#ffffcc">

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="80">
<div align="center">
<b><h3>Kameraden- und Soldatenverein Lützelburg</b></h3>
</div>
</tr>
</table>

<div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="" width="" valign="center">
<div align="center">
In bedrängter Lage während des Feldzuges an den Pyramiden hat Napoleon I. einem Freund anvertraut:<br>
„Wenn ich jemals zurückkomme, will ich eine Schlacht führen auf der schwäbisch bayerischen Hochebene<br>
und Revanche nehmen für Höchstädt“. Wir haben die historischen Orte planmäßig besucht
</td>
</tr>
</table>
<p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="" width="" valign="center">
<div align="center">
<p>
 <img src="images\napoleon.jpg" id="bild" style="width:679px; height:396px" alt=""
onmouseover="machGross()"
onmouseout="machKlein()">
</p>
</div>
</td>
</tr>
</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20" width="25%">
</td>
<td height="20" width="50%">
</td>
<td height="20" width="25%">
</tr>
</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="" width="25%" valign="bottom">
<div align="center">
<a href="exkursion.htm" style="font-weight:bold">Zurück</a>
</td>
<td height="" width="50%" valign="bottom">
<div align="center">
<a href="index.htm" style="font-weight:bold">Inhaltsverzeichnis</a>
</td>
<td height="" width="25%" valign="bottom">
<div align="center">
<a href="blenheim.htm" style="font-weight:bold">Weiter</a>
</td>
</tr>
</table>

</body>
</html>

Vielen lieben Dank!

MfG

Benni