nicht angemeldet
Verweis-sensitive Tabellenhintergrundgrafik?
ich möchte die Hintergrundgrafik von einer Tabelle als Image-map benutzen. Da ich denke, dass man normalerweise bei einer Verweis-sensitiven Grafik noch "usemap" einsetzen muss, ich aber nicht weiß, wie ich es bei einem Tabellen hintergrund einbringen soll, komme ich nicht weiter.
Ich hoffe der Quelltext macht die umständliche Erklärung deutlicher:
<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">
-
Hallo Wayfarer,
Sorry, aber das geht nicht, ein Hintergrundbild, eine Hintergrundfarbe koennen nichts auuser lieb aussehen.
Dieter
-
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>-
Hallo,
vielleicht solltest Du mal einen Blick in http://aktuell.de.selfhtml.org/tippstricks/css/ausrichtung/index.htm werfen, das wuerde Dir, was das Positionieren anbetrifft, sicher helfen.
Dein Seitentitel sollte wahrscheinlich sein webpage with portfolio, nicht portfoil.
Dieter
-
dieses Forum ist klasse. Ich muss mich wiedermal für die Antworten bedanken.
Ich habe grade den Link überflogen und werde meine Seite bald ändern. Allerdings hab ich noch eine Frage / Bestätigung dazu:
Ich muss also die Seitenränder (margin-right, margin-left) auf auto stellen und dann die Bilder untereinander anordnen. Dann kann ich bei den Bildern mit "postion:relative" die Bilder da anordnen wo sie hinsollen, ggf. einfach überlagern?
-
Hallo Wayfarer,
dieses Forum ist klasse.
nett, das Du das so siehst. Am besten liest Du Dir auch mal die FAQ durch, ansonsten kannst Du hier naemlich auch genausogut mal anecken...
Was Deine Nachfrage anbetrifft, weiss ich leider die Antwort nicht. Du kannst aber im Archiv suchen, beim Stichwort relativ kommst Du schon auf 100 Ergebnisse
http://selfsuche.teamone.de/cgi-bin/hack.cgi?suchausdruck=relativ&case=on&feld=alle&index_1=on&index_2=on&index_3=on&index_4=on&hits=100Dieter
-
Hallo,
Du kannst aber im Archiv suchen, beim Stichwort relativ kommst Du schon auf 100 Ergebnisse
http://selfsuche.teamone.de/cgi-bin/hack.cgi?suchausdruck=relativ&case=on&feld=alle&index_1=on&index_2=on&index_3=on&index_4=on&hits=100Das ist relativ viel.
Gruß,
MI ;-)
--
XFrames Working Draft (Deutsche Übersetzung) : http://jendryschik.de/TR/xframes/
Die Wissensgesellschaft : http://jendryschik.de/michael/inf/wissensgesellschaft/
Einführung in XHTML, CSS und Webdesign: http://jendryschik.de/wsdev/einfuehrung/
Feste Positionierung, richtig angewandt : http://jendryschik.de/wsdev/css/fixed/
sh:( fo:) rl:( br:& br:] ' n4:& | n4:? ' ie:| va:) de:] zu:) fl:{ ss:| ls:& js:|
-
-
-
-
hi,
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.
dann bist du nicht ausreichend informiert, was die möglichkeiten der zentrierung _ohne_ tabellen angeht.
es gibt noch weitere ...
gruss,
wahsaga
-
-
-
hi,
ich möchte die Hintergrundgrafik von einer Tabelle als Image-map benutzen.
das geht afaik nicht bei hintergrundgrafiken.
aber warum kannst du die grafik nicht ganz normal einsetzen?
gruss,
wahsaga