Hallo,
ich habe mich schon durch etlich Foren gewühlt, einige Leute kontaktiert, jedoch konnte mir keiner so richtig helfen. Ruderverein hier soll das Logo, welche jetzt horizontal zentriert und nur zur Hälfte sichtbar im Browserfenster hängt, als Wasserzeichen benutzt werden. Ich will es erstmal horizontal und vertikal in der Mitte positionieren, jedoch sind bisher alle Versuche gescheitert. Hier mal mein Code:
<head xmlns="http://www.w3.org/1999/xhtml">
<title>Ruderverein</title>
<meta/>
<style type="text/css">
body{font-family: "Times New Roman", Arial, "Sans-Serif";
background:#e8effd url("/images/wappen2.jpg") no-repeat center;}
p{margin-left:70px;
margin-right:70px;
margin-top:50px;}
#wap{margin-left:10px;
margin-top: 10px;
margin-right:10px;
display:block;
float:left;
position:fixed}
#wap2{margin-left:10px;
margin-right:10px;
margin-top:10px;
align:right;
display:block;
float:right;}
h1{text-align:center;
top:10pt;
left:180pt;
position:absolute;}
.navbar{background:#e8effd;
font-weight: bold;
color:black;
display: block;
float:left;
padding: 0 10px 0 10px;
border-width: 0 0 2px 2px;
border-style:none none groove groove;
border-color:black;
width: 80px;
margin-top: 140px;
margin-left: 10px;
position:fixed;}
a{color:black; text-decoration:none; font-weight: normal;}
a:hover{text-decoration:underline;
font-weight:bold;}
a:visited{color:black;}
</style>
</head>
<body>
<img src="http://www.html.de/images/wappen2.jpg" id="wap"/>
<h1>Ruderverein des Goethe-Gymnasiums Kassel</h1>
<div class="navbar">
Navigation:<br>
<a href="http://www.google.de">1.Link</a><br>
<a href="http://www.youtube.com">2.Link</a><br>
<a href="http://www.goethegymnasium-kassel.de/">Goethe</a><br>
</div>
</body>
</html>
Wundert euch nicht, dass ist erst einmal eine Testseite für meinen Verein. Ich bin gerade erst dabei, HTML und CSS zu erlernen und ich wollte diese Sache eigentlich ohne eine Tabelle realisieren.
MfG Headder