Hey. Mir hat man hier bereits bei einem anderen Problem sehr gut geholfen und da ich jetzt ein weiteres Problem habe, habe ich mich jetzt registriert und hoffe, dass ich mit eurer Hilfe abermals einen Schritt weiterkomme.
Ich habe auf meiner Homepage bereits eingestellt, dass sich die Hintergrundgrafik an die Bildschirmauflösung des Users anpasst. Allerdings kriege ich das selbe nicht mit einer Grafik hin, die ich an einer bestimmten Stelle platzieren möchte.
Die Idee ist, dass man mit einem Klick auf die Tür auf eine weiterführende Seite meiner Homepage gelangt. Ich habe es schon mit einer image map versucht, was aber logischerweise nicht geklappt hat. Also habe ich einfach eine transparente Grafik erstellt und sie mithilfe einer Tabelle genau auf die Tür gelegt.
Das Problem ist, dass sich die Grafik bei einer anderen Bildschirmauflösung verschiebt. Das ist natürlich doof, und nicht im Sinne des Erfinders. Ich habe dann im Internet etwas gesucht und gelesen, dass man mithilfe von HTML eine feste Position einstellen kann, sodass die Grafik bei jeder Bildschirmauflösung genau auf der Tür bleibt.
Habe dann versucht, mich da einzulesen .. allerdings hab ich so gut wie nichts verstanden. Ich hoffe, dass einige User hier bereits diese Technik angewendet haben und mir diesbezüglich etwas unter die Arme greifen könnten.
Zum besseren Verständnis gibts hier dann noch den Quellcode von der Seite und von der CSS:
Homepage
<html>
</script>
<link rel="stylesheet" type="text/css" href="index.css" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" >
<title>Neue Seite 1</title>
</head>
<body >
<div align="center">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<table border="0" width="50" height="31%">
<tr>
<td align="center" valign="bottom" width="50" height="50%">
<img border="0" src="doorink.png" width="50" height="61%" align="bottom"></td>
</tr>
</table>
</div>
</body>
</html>
Alles anzeigen
CSS
/* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-8/too702.cur), progress !important;} /* End http://www.cursors-4u.com */
html {
background: url(heavenbig.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
Liebe Grüße
midnight