✔ Bild soll immer in der Mitte bleiben CS3

Status
Nicht offen für weitere Antworten.
S

Sasse1979

Grünschnabel
Hi, ich bau grad mit Dreamweaver CS3 rum. ich komm nicht drauf wie ich es schaffe die Grafik immer genau in der Mitte zu lassen, egal bei welcher Bildschirmauflösung oder obs jetzt ein Widescreen ist... kann mir da jemand helfen wie ich das mit dem css machen muss?
http://puenktchen.spacequadrat.de/ ist die seite
und das der html....
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head>




<title>Melanie R&uuml;bli</title>
</head><body topmargin="0" leftmargin="0" alink="#000000" bgcolor="#ffffff" text="#000000" vlink="#990033" link="#000000" marginheight="0" marginwidth="0">
<table nof="LY" border="0" cellpadding="0" cellspacing="0" width="974">
<tbody><tr align="left" valign="top">
<td width="296" height="188"><img src="index-Dateien/clearpixel.gif" border="0" width="296" height="1"></td>
<td></td>
<td></td>
</tr>
<tr align="left" valign="top">
<td height="248"></td>
<td align="center" valign="middle" width="339"><img src="titel1.jpg" alt="" name="Bild2" width="339" height="248" border="0" id="Bild"></td>
<td align="center" valign="middle" width="339">&nbsp;</td>
</tr>
<tr align="left" valign="top">
<td height="248"></td>
<td align="center" valign="middle">&nbsp;</td>
<td align="center" valign="middle">&nbsp;</td>
</tr>
</tbody></table>
</body></html>
Zum Vergrößern anklicken....

Danke im vorraus

LG
Sasse
 
HTML: 
<img src="" style="left:50%; top:50%; width: w px; height: h px; margin-left: -w/2 px; margin-top: -h/2 px;">

ist jetzt auf eine leere Seite ohne Tabellen etc bezogen.

w=Breite h=Höhe des Bildes
 
So, hab das jetzt so gelöst :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>R&uuml;bli</title>
<style type="text/css">
<!--
body {
background-image: url(titel1.jpg);
background-position: center center;
background-repeat: no-repeat;
cursor: hand;
margin-left: 50%;
margin-top: 50%;
margin-right: 50%;
margin-bottom: 50%;
}
-->
</style></head>

<body>

</body>
</html>
Zum Vergrößern anklicken....

mein Problem jetzt natürlich das das ganze auch auf die nächste seite verweisen sollte, hab da was gehört von Javascript, das wenn ich auf die Seite klick, meine nächste aufgeht, ungefähr ala:

<div id="mitte" style="cursor: hand;" onclick="parent.location.href='http://www.w3c.org'">&</div>
Zum Vergrößern anklicken....

nur t das mal wieder net und ich nix Ahnung
Danke im Vorraus
LG
 
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head>

<title>Melanie R&uuml;bli</title>
</head><body topmargin="0" leftmargin="0" alink="#000000" bgcolor="#ffffff" text="#000000" vlink="#990033" link="#000000" marginheight="0" marginwidth="0">
<div style="position: absolute; left: 50%; top: 50%; width: 339px; height: 248px; margin-left: -169.5px; margin-top: -124px;">
<a href="#">
<img src="titel1.jpg" alt="" name="Bild2" width="339" height="248" border="0" id="Bild">
</a>
</div>
</body></html>

so war meins gemeint...
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück