Hallo Shepard,
für den Quelltext hatte ich gedacht, dass da die Links am besten wären, weil sonst das Posting zu lang wird. Aber ich versuche es einmal.
Bitte den Link Beispiel 5 folgen und dann einfach den Quelltext anzeigen lassen.
Ich habe den Quelltext bisher so abgeändert:
<body>
<div id="container">
<div id="name">Der Name</div>
<div id="head"><img src="logo.jpg" style="" width="85" height="100" border="0" alt="logo"></div>
der div Container wird später im html, nachdem auch noch das Menü darin steht, geschlossen.
Hier nun das CSS, das diese divs betrifft:
body{
color:black;
background:#D8E4F2;
margin:0;
padding:0;
font:13px verdana, sans-serif;
}
#name{
background: transparent;
text-align: center;
width: 100%
z-index: 2;
position: absolute;
font: bold 20px verdana, sans-serif;
margin: 21px 125px 15px 340px;
}
#container{
background:#ff0000;
padding:0;
margin:0 20px 0 20px;
}
#head{
color: black;
height: 100px;
background: #699cde;
background-image: url(hint1.jpg);
background-position: left;
background-repeat: no-repeat;
text-align: right;
}
zum z-index:
Also der es ist doch so, dass der div name über dem div head liegen muss und ich dachte das ginge mit den z-index. Alle anderen Versuche, schoben dann nämlich den div name unter den div head.
Zu der Schriftgröße
Ich weiß, dass man heute em nehmen sollte, aber daran habe ich noch gar nicht gearbeitet, das ist noch vom Original übernommen. Ich wollte erst mal die divs in die richtige Lage bekommen, dann hätte ich mich an das Menü und die Schriftgröße gemacht. Die Sachen fallen mir leichter, es ist nur das eine div name, von dem ich nicht weiß, wie ich das lösen kann.
Gruß Ulrike S.