Hallo liebes Forum,
ich erstelle mit einem Freund eine kleine, schlichte Portfoliowebsite namens stuffr.org .
Da ich noch nicht viel Ahnung von CSS hab weil ich eigentlich mehr mit Java und C programmiere, stellt sich mir die Frage:
Wie kann ich die beiden Bilder so wie ich sie festgelegt habe auf jedem anderen Bildschirm, egal welcher Größe und Auflösung (mittig) anzeigen lassen?
Hier mal der Code:
Code:
<html>
<head>
<title>
stuffr
</title>
<script
language="JavaScript">
buttonfelixsw= new Image();
buttonfelixsw.src = "felixsw.png"
buttonfelixf= new Image();
buttonfelixf.src = "felixf.png"
buttoncedricsw= new Image();
buttoncedricsw.src = "cedricsw.png"
buttoncedricf= new Image();
buttoncedricf.src = "cedricf.png"
</script>
<style type="text/css">
body { margin: 0; padding: 0; height: 900px;}
div {border: 0px solid #888;}
#felix { position: absolute; top: 400px; left: 600px; width: 120px; height: 70px; z-index: 1; }
#cedric { position: absolute; top: 400px; left: 1100px; width: 200px; height: 200px; z-index: 2; }
#stuffr-logobanner { position: fixed; top: 0px; left: 0px; width: 2000px; height: 70px; }
#stuffr-logo { position: fixed; top: 10px; left: 10px; width: 2000px; height: 70px; }
</style>
</head>
<body>
<div id= "cedric">
<a href="/cedric/"
onmouseover="cedrichead.src='cedricf.png';"
onmouseout="cedrichead.src='cedricsw.png';">
<img src="cedricsw.jpg"
border="0" width="200"height="200"
name="cedrichead">
>
</a>
</div>
<div id= "felix">
<a href="/felix/"
onmouseover="felixhead.src='felixf.png';"
onmouseout="felixhead.src='felixsw.png';">
<img src="felixsw.jpg"
border="0" width="200"height="200"
name="felixhead">
</a>
</div>
<div id="stuffr-logobanner">
<div id= "stuffr-logo">
<img src="logo.png">
</div>
</div>
</body>
</html>
Vielen Dank!