hallo,
ich dachte, wenn etwas im html/css oben steht, wird das unten stehende überlagert... scheint aber doch nicht so zu sein, denn ich sehe meine links nur noch zur hälfte - der rest ist verschwunden unter einem testrahmen, den ich als hintergrund benutzen wollte...
ich währe sehr dankbar, wenn jemand meinen fehler findet oder mir sagt, wies vielleicht doch gehen könnte...
die einzige alternative, die mir einfällt, währe den hintergrund als pixelgrafik einzufügen, doch das wollte ich eigendlich nich...
HTML
HTML
<html>
<head>
<title></title>
<link rel="stylesheet" href="krass1.css" type="text/css">
</head>
<body>
<h1>KRASS</h1>
<div>
[url='csskurs_23-09_uebung2.html']Home[/url]
[url='csskurs_23-09_uebung2.html']über uns[/url]
[url='csskurs_23-09_uebung2.html']Willst du mitmachen?[/url]
[url='csskurs_23-09_uebung2.html']Aufführungen[/url]
[url='csskurs_23-09_uebung2.html']Freunde[/url]
</div>
<h2>über uns</h2>
<p class="mitte">
KRASS existiert seit 1997 als Jugendtheatergruppe in Berlin und probt einmal in der Woche im Kreativhaus.
Wir sind eine bunte Gruppe mit wechselnder Besetzung, die sich hauptsächlich trifft,
um Spass am Theaterspielen zu haben.
Aber natürlich soll auch was bei raus kommen, wir wollen ja schließlich irgendwann aufführen.
Und damit das ein Erfolg wird, haben wir Suse - unsere Theaterpädagogin (applaus applaus!!!).
Wir haben bis jetzt immer ein Jahr geprobt und im Sommer dann 4 bis 5 Aufführungen gegeben.
Jetzt wollen wir die Zeit halbieren (damit ihr auch im Winter nicht auf uns verzichten müss ;))
</p>
</body>
</html>
Alles anzeigen
CSS
Code
body {font-family:verdana;
font-size:12px;}
h1 {color:#FFA000;
font-size:50px;
position:absolute;
top:100px;
left:310px;}
h2 {font-size:12px;
position:absolute;
top:215px;
left:185px;}
div {position:absolute;
top:140px;
left:160px;}
a {font-family:verdana;}
a.oben:link {font-size:12pt;
color:#000000;
text-decoration:none;
font-weight:bold;}
a.oben:visited {font-size:12pt;
text-decoration:none;
color:#BBBBBB;}
a.oben:hover {font-size:12pt;
color:#FFFF00;
text-decoration:none;}
.mitte {position:absolute;
width:550px;
top:150px;
left:150px;
border-style:solid;
border-color:#FFA000;
padding:25px;
padding-top:50px;
border-width:10px;
border-top-width:40px;
border-bottom-width:40px;
height:400px;}
Alles anzeigen
hat jemand ne idee?