HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<title>Design über CSS pur - Beispiel</title>
<style type="text/css">
<!--
* {
margin:0;
padding:0;
}
#uberschrift {
background-color: black;
}
#inhalt h1, h2, h3, p, ul {
padding-bottom:.7em;
}
#inhalt ul {
padding-left:2em;
}
#kopfbereich {
position:left;
color:black;
text-align:right;
font-size:2em;
padding:0.4em 0.4em 0 0;
height:185px;
img-algin:left
}
#steuerung {
background-color: yellow;
}
#schatten {
background:url(file:///C:/Dokumente%20und%20Einstellungen/.HOME/Desktop/HTML/schattenwurf-grau-v.png) repeat-x;
height:12px;
}
#inhalt {
padding-left:2em;
background-color: white;
}
#steuerung {
background-color:#ceb98e;
}
html, body {
font: 100% Arial, Helvetica, sans-serif;
}
-->
</style>
</head>
<body>
<div id="uberschrift">
<center><font color="red"><h1>KV-96 Halle</h1></font></center>
</div>
<div id="kopfbereich"> <img src="file:///C:/Dokumente%20und%20Einstellungen/.HOME/Desktop/HTML/kanuverein.jpg">
</div>
<div id="steuerung">
Steuerung
</div>
<div id="schatten">
</div>
<div id="inhalt">
</div>
</body>
</html>
Alles anzeigen
vermutlich ist der code schon total zerstört durch meine versuche das bild in die mitte zu bekommmen !
kann mir wer bitte jemand einen vertigen und sofort nutzbaren code daraus machen
abmesungen meines bildes :362x204
ich möchte das bild nur einmal in der mitter haben
alles beruht dieser seite
die seite ist schon älter die neue ist hier zu finden