nicht angemeldet
wow, das waren schnelle Antworten O_o
Herzlichen Dank erstmal.
Der Grund dafür, dass ich das machen will, ist, dass ich meine Seite zentriert ausrichten möchte (sodass links und rechts Ränder sind). Und dazu kenne ich nur eine Möglichkeit, nämlich die Tabelle mit Hintergrundbild.
( Ich könnte auch einfach das Bild zentriert ausrichten, könnte man meinen, aber ich muss einige Bilder mit 'position:relative' positionieren und ich kenne keine andere Möglichkeit, als eine Tabelle als Hintergrundbild zu nehmen und daran relativ meine Bilder zu positioniern. Absolute würde ja, meiner Meinung nach, nicht gehen, weil das bei verschiedenen Auflösungen nicht zentriert werde)
Das ganze ist sehr umständlich erklärt. Meine Webseite könnte ich jetzt schon online stellen, damit ihr seht was ich versuche zu erklären. Wenn ihr jetzt schon versteht was ich meine, dann würde ich mich gerne über eine andere Möglichkeit das zu realisieren, informieren lassen. Meine Kenntnisse sind nämlich sehr begrenzt.
Hier mein Quelltext der Seite:
<html>
<head>
<title>wayfarer | Webpage with portfoil and other stuff</title>
<link rel="stylesheet" type="text/css" href="script.css">
</head>
<body bgcolor="#FFFFFF">
<center>
<map name="areamap">
<area shape="rect" coords="450,0,640,35" href="index.htm">
</map>
<table background="background_lowquality.jpg" usemap="#areamap" style="width:640px; height:600px">
<tr>
<td valign="top" style="width:465px">
<div class="normal" style="position:relative; top:150px; left:150px">
TEXT TEXT TEXT
</td>
<td valgin="top">
<a href="about_me.htm" onMouseOver="images1.src='about_me_active.jpg'" onMouseOut="images1.src='about_me.jpg'">
<img src="about_me.jpg" name="images1" border="0" alt="about me" style="position:relative; top:-120px; left:0px">
</a><br>
<a href="portfolie.htm" onMouseOver="images2.src='portfolie_active.jpg'" onMouseOut="images2.src='portfolie.jpg'">
<img src="portfolie.jpg" name="images2" border="0" alt="my portfolie" style="position:relative; top:-105px; left:0px">
</a><br>
<a href="others.htm" onMouseOver="images3.src='others_active.jpg'" onMouseOut="images3.src='others.jpg'">
<img src="others.jpg" name="images3" border="0" alt="other stuff" style="position:relative; top:-90px; left:0px">
</a><br>
</td>
</tr>
</table>
</body>
</html>