Moin. Ich hab mal nach einen neuen Style gesucht. Doch jetzt schon das erste Problem. Hier der Screenshot.
[Blockierte Grafik: http://img18.myimg.de/0bildf43de.jpg]
So, da hab ich dein Kasten. Links ist das Menü. Rechts soll dann alles zur Seite stehen, ist nur grad mit einem <br> gefüllt. So, ich möchte aber, das dieser Kasten ganz oben steht. Links ist der Kasten, wo das Bild Menü steht ein Kasten von CSS. Daruntwer ist dann auch ein Kasten, wo all die Links stehen. Also muss der Kasten dadrüber ja irgendwie den Weg da versperren. Ich kann es zwar mit margin: -30px machen, aber ich hab die Auflösung 1280x1024. Für die die 1024x768 haben, ist das da dann untereuinander geschoben, sprich das Bild oder der Kasten verschwindet halb unter dem Browser. Ich hab zwar float: right angegeben, aber irgendwie klappts trotzdem nicht. Und auf der linken Seite diese Überschrift mit Menü dort hab ich display: block weggelassen, aber es ging irgendwie immer noch nicht. Kann mir da jemand helfen. Hier natürlich noch der Code.
body {margin: 10px;font-family : Verdana, Arial, sans-serif;font-size : 12px;list-style-type: none;}div.over {display: block;height: 30px;width: 20%;color: #ffffff;text-align: center;font-size: 20pt;border-right: 2px solid #29270C;border-left: 2px solid #29270C;border-top: 2px solid #29270C;border-bottom: 0px solid #29270C;background-image: url(overline.jpg);}div.menu {float: left;width: 20%;height: auto;border-right: 2px solid #29270C;border-left: 2px solid #29270C;border-top: 0px solid #29270C;border-bottom: 2px solid #29270C;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;background: #ffffff;background-image: url(verlauf.jpg);}div.link a:link {display: block;border-top: 0px solid #ffffff;border-bottom: 0px solid #ffffff;padding-top: 8px;padding-left: 15px;padding-right: auto;padding-bottom: 8px;color: #0000ff;text-decoration: none;}div.link a:visited {display: block;border-top: 0px solid #ffffff;border-bottom: 0px solid #ffffff;padding-top: 8px;padding-left: 15px;padding-right: auto;padding-bottom: 8px;color: #0000ff;text-decoration: none;}div.link a:hover {color: #FF0000;}div.zu {width: 100px;height: 50px;border-right: 2px solid #29270C;border-left: 0px solid #29270C;border-top: 0px solid #29270C;border-bottom: 2px solid #29270C;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;}div.content {float: right;width: 988px;height: auto;border-right: 2px solid #29270C;border-left: 2px solid #29270C;border-top: 2px solid #29270C;border-bottom: 2px solid #29270C;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;padding-bottom: 20px;background-image: url(verlauf-c.jpg);}
<html><head><title>Elisa</title></head><link rel="stylesheet" href="tyle.css" type="text/css"><body bgcolor="#eaf59a"><a name="hier"></a><!----------- menu -----------><div class="over"><b>Menü</b></div><div class="link"><div class="menu"><a href="#">Home</a><a href="#">rePage</a><a href="#">Gästebuch</a><a href="#">Kontakt</a><a href="#">Impressum</a></div></div><!----------- /menu -----------><div class="link"><div class="content"></div></div></body></html>
Wär nett, wenn mir jemand hilft, wenn er was weiß. Und noch eine kleine Frage: Irgedwie scheint das nicht zu klappen, wenn ich mt CSS ein Bild angebe. Es erscheint, kachelt aber dann. Und das möchte ich verhindern, aber dafür gibt's ja dieses repeat-x.Ich hab immer so geschrieben:
Ist das etwa falsch, wenn ja, kann mir jemand erklären, wie man es richtig macht? Danke schonmal im Vorraus.
Paul13