Hallo,
hab mal wieder Fragen. Ich habe die HP mit align="center" zentriert, nun ist sie schön mittig, doch oben "klebt" die Seite noch ganz am Rand. Wie krieg ich die HP von diesem Rand weg?
Weiter habe ich ja beim Inhalt ein Hintergrundbild. Leider klappt da was nicht mit dem Codieren, den da steht nur wie man eine Farbe eingibt. Doch da ich ein HG-Bild habe funktioniert dies nicht wirklich. Wie füge ich also ein HG-Bild ein?
Zur letzten Frage, hab ja nun ein aufklappbares Menü gemacht. Ich hoffe das hab ich richtig angestellt, den nun hat jedes Untermenü einen eigenen Inhalt bekommen (zB. Bilder/inhalt-portrait_over.gif) :fragen: .
Ich kanns im Moment nicht in der Vorschau anschauen, da mir ja der Inhalt fehlt. Doch ich hoffe, dass das Menü nun bleibt, wenn man mit der Maus darüber fährt und ich das alles bis jetzt einigermassen richtig angestellt hab.
HTML-Code:
<html>
<head>
<title>21</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
inhalt_portrait_over = newImage("Bilder/inhalt-portrait_over.gif");
inhalt_galerie__over = newImage("Bilder/inhalt-galerie-_over.gif");
inhalt_sonstiges___over = newImage("Bilder/inhalt-sonstiges--_over.gif");
inhalt_www___over = newImage("Bilder/inhalt-www--_over.gif");
inhalt_gaeste_over = newImage("Bilder/inhalt-gaeste_over.gif");
preloadFlag = true;
}
}
// -->
</script>
</head>
<body bgcolor="#DDE2D3" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();">
<table width="800" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td colspan="18">
<img src="Bilder/index_01.gif" alt="" width="800" height="61"></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="61" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="5">
<img src="Bilder/index_02.gif" width="77" height="25" alt=""></td>
<td rowspan="5">
<a href="info.html" target="inhalt"><img src="Bilder/info-.gif" width="45" height="25" border="0" alt=""></td>
<td colspan="5">
<img src="Bilder/index_04.gif" width="302" height="3" alt=""></td>
<td rowspan="5">
<a href="#"
onmouseover="changeImages('inhalt', 'Bilder/inhalt-sonstiges--_over.gif'); return true;"
onmouseout="changeImages('inhalt', 'Bilder/inhalt.gif'); return true;">
<a href="sonstiges.html" target="Bilder/sonstiges.gif"><img src="Bilder/sonstiges--.gif" width="70" height="25" border="0" alt=""></a></td>
<td colspan="9" rowspan="2">
<img src="Bilder/index_06.gif" width="306" height="5" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="3" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="2">
<img src="Bilder/index_07.gif" width="178" height="3" alt=""></td>
<td rowspan="4">
<a href="#"
onmouseover="changeImages('inhalt', 'Bilder/inhalt-galerie-_over.gif'); return true;"
onmouseout="changeImages('inhalt', 'Bilder/inhalt.gif'); return true;">
<a href="galerie.html" target="inhalt"><img src="Bilder/galerie-.gif" width="58" height="22" border="0" alt=""></a></td>
<td rowspan="4">
<img src="Bilder/index_09.gif" width="66" height="22" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="Bilder/index_10.gif" width="62" height="20" alt=""></td>
<td colspan="2" rowspan="3">
<a href="#"
onmouseover="changeImages('inhalt', 'Bilder/inhalt-www--_over.gif'); return true;"
onmouseout="changeImages('inhalt', 'Bilder/inhalt.gif'); return true;">
<a href="www.html" target="inhalt"><img src="Bilder/www--.gif" width="48" height="20" border="0" alt=""></a></td>
<td colspan="2" rowspan="3">
<img src="Bilder/index_12.gif" width="70" height="20" alt=""></td>
<td colspan="2" rowspan="3">
<a href="#"
onmouseover="changeImages('inhalt', 'Bilder/inhalt-gaeste_over.gif'); return true;"
onmouseout="changeImages('inhalt', 'Bilder/inhalt.gif'); return true;">
<a href="gaeste.html" target="inhalt"><img src="Bilder/gaeste.gif" width="44" height="20" border="0" alt=""></a></td>
<td colspan="2" rowspan="3">
<img src="Bilder/index_14.gif" width="82" height="20" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="Bilder/index_15.gif" width="53" height="19" alt=""></td>
<td>
<a href="#"
onmouseover="changeImages('inhalt', 'Bilder/inhalt-portrait_over.gif'); return true;"
onmouseout="changeImages('inhalt', 'Bilder/inhalt.gif'); return true;">
<a href="portrait.html" target="inhalt"><img src="Bilder/portrait.gif" width="63" height="18" border="0" alt=""></a></td>
<td rowspan="2">
<img src="Bilder/index_17.gif" width="62" height="19" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td>
<img src="Bilder/index_18.gif" width="63" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="Bilder/index_19.gif" width="25" height="514" alt=""></td>
<td colspan="16" background="Bilder/inhalt.gif" width="749" height="498">
<iframe src="home.html" frameborder="0" name="Inhalt" scrolling="auto" width="749" und height="498"></iframe>
</td>
<td rowspan="2">
<img src="Bilder/index_21.gif" width="26" height="514" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="498" alt=""></td>
</tr>
<tr>
<td colspan="10">
<img src="Bilder/index_22.gif" width="569" height="16" alt=""></td>
<td colspan="2">
<a href="home.html" target="Bilder/inhalt.gif"><img src="Bilder/home.gif" width="42" height="16" border="0" alt=""></td>
<td colspan="2">
<a href="impressum.html" target="inhalt"><img src="Bilder/impressum.gif" width="75" height="16" border="0" alt=""></td>
<td colspan="2">
<a href="kontakt.html" target="inhalt"><img src="Bilder/kontakt.gif" width="63" height="16" border="0" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="16" alt=""></td>
</tr>
<tr>
<td>
<img src="Bilder/spacer.gif" width="25" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="52" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="45" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="53" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="63" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="62" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="58" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="66" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="70" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="62" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="38" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="32" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="38" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="37" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="7" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="56" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="26" height="1" alt=""></td>
<td></td>
</tr>
</table>
</body>
</html>
|
