B
bakara
Guest
Habe eine 1024*768 grosse grafik mit imagemap und rollover versehen. soll später lediglich die startseite darstellen.
nun habe ich das problem, dass ich sie nicht horizental mittig bekomme.
möchte das sie immer (egal welche auflösung der browser hat´) auf horizentaler ebene mittig dargestellt wird.
muss dazu sagen, dass ich in sachen photoshop und html absoluter anfänger bin.
wäre also schön, wenn mir das jemand ganz genau erklären könnte.
habe lange genug gegoogelt.
hier mein quelltext:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Startbild</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (Startbild.psd) -->
<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].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
test_01_Imagemap_01_over = newImage("Bilder/test_01-Imagemap_01_over.gif");
preloadFlag = true;
}
}
// -->
</script><!-- End Preload Script -->
</head>
<body leftmargin="0" topmargin="0" onload="preloadImages();" style="color: rgb(0, 0, 0); background-color: rgb(0, 0, 0);" alink="#000099" link="#000099" marginheight="0" marginwidth="0" vlink="#990099">
<!-- ImageReady Slices (Startbild.psd) -->
<table id="Tabelle_01" border="0" cellpadding="0" cellspacing="0" height="768" width="1024">
<tbody>
<tr>
<td style="text-align: center;" bgcolor="#000000" valign="middle"> <img name="test_01" src="Bilder/test_01.gif" alt="" usemap="#test_01_Map" border="0" height="768" width="1024"></td>
</tr>
</tbody>
</table>
<map name="test_01_Map">
<area shape="rect" alt="" coords="376,264,648,403" href="/nck/nck.html" onmouseover="changeImages('test_01', 'Bilder/test_01-Imagemap_01_over.gif'); return true;" onmouseout="changeImages('test_01', 'Bilder/test_01.gif'); return true;" onmousedown="changeImages('test_01', 'Bilder/test_01-Imagemap_01_over.gif'); return true;" onmouseup="changeImages('test_01', 'Bilder/test_01-Imagemap_01_over.gif'); return true;">
</map>
<!-- End ImageReady Slices -->
</body>
</html>
nun habe ich das problem, dass ich sie nicht horizental mittig bekomme.
möchte das sie immer (egal welche auflösung der browser hat´) auf horizentaler ebene mittig dargestellt wird.
muss dazu sagen, dass ich in sachen photoshop und html absoluter anfänger bin.
wäre also schön, wenn mir das jemand ganz genau erklären könnte.
habe lange genug gegoogelt.
hier mein quelltext:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Startbild</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (Startbild.psd) -->
<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].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
test_01_Imagemap_01_over = newImage("Bilder/test_01-Imagemap_01_over.gif");
preloadFlag = true;
}
}
// -->
</script><!-- End Preload Script -->
</head>
<body leftmargin="0" topmargin="0" onload="preloadImages();" style="color: rgb(0, 0, 0); background-color: rgb(0, 0, 0);" alink="#000099" link="#000099" marginheight="0" marginwidth="0" vlink="#990099">
<!-- ImageReady Slices (Startbild.psd) -->
<table id="Tabelle_01" border="0" cellpadding="0" cellspacing="0" height="768" width="1024">
<tbody>
<tr>
<td style="text-align: center;" bgcolor="#000000" valign="middle"> <img name="test_01" src="Bilder/test_01.gif" alt="" usemap="#test_01_Map" border="0" height="768" width="1024"></td>
</tr>
</tbody>
</table>
<map name="test_01_Map">
<area shape="rect" alt="" coords="376,264,648,403" href="/nck/nck.html" onmouseover="changeImages('test_01', 'Bilder/test_01-Imagemap_01_over.gif'); return true;" onmouseout="changeImages('test_01', 'Bilder/test_01.gif'); return true;" onmousedown="changeImages('test_01', 'Bilder/test_01-Imagemap_01_over.gif'); return true;" onmouseup="changeImages('test_01', 'Bilder/test_01-Imagemap_01_over.gif'); return true;">
</map>
<!-- End ImageReady Slices -->
</body>
</html>