|
|||
Mehrere Bodys DRINGEND!!
Hallo.
Also ich habe eine wichtige Frage. Ich möchte mir eine Homepage erstellen. Soweit klappt das auch gut. Ich habe nun meine Navigation fertig, wozu ich allerdings "body" benötigt habe (mit css) damit die Navigation die ganze länge des Browsers bedeckt. Nun möchte ich allerdings ein Fenster erstellen, wo der eigentliche Inhalt reinkommt. Dazu benötige ich noch 1x "body". Ich habe es schon mit <body class="..."> versucht, doch dann klappt es auch nicht. Immer wenn ich dieses mache, geht meine Navigation von oben weg, und geht mit in den Inhaltsbereich, was ich nicht möchte. (Siehe Bilder). Was kann ich machen, damit die Navigation oben bleibt, und ich normal den Inhaltsbereich habe? Bitte um eure Hilfe! -Dankeschön Mein Code ist der: <div class="menu"> <style type="text/css"> body{ margin:0px; padding:0px; background-image:url('troll.jpg'); font-family:Verdana,Arial,Helvetica,sans-serif; color: #FFFFFF; } </style> <a href="lalalaa"><img style="text-align:center;height:55px; width:300px;" src="sosoo.jpg"></a> <ul> <li><a style="position:relative; top:-60px; left:450px;background-image:url("öüö.jpg" background-repeat:no-repeat; padding-left:45px; background-position: 0px -2px;" href="sisi">Bilder</a></li> <li><a style="position:relative; top:-105px; left:580px;background-image:url("logovideo.jpg" background-repeat:no-repeat; padding-left:45px; background-position: 0px -2px;" href="sisi">Videos</a></li> <li><a style="position:relative; top:-150px; left:710px;background-image:url("chat-icon.png" background-repeat:no-repeat; padding-left:45px; background-position: 0px -2px;" href="sisi">Chat</a></li> <li><a style="position:relative; top:-195px; left:830px;background-image:url("fd.png" background-repeat:no-repeat; padding-left:45px; background-position: 0px 1px;" href="sisi">Spiele</a></li> <div class="vs"> <li><a style="font-size:12px;text-align:center;position:relative; top:-250px;float:right;border:1px black solid; width:135px;height:20px;line-height:20px;border-top-left-radius:5px;border-bottom-left-radius:5px;" href="lala">Bild / Video Upload</a></li> </div> </ul> <style type="text/css"> .menu{ font-family:arial; width:100%; border:1px steelblue solid; background:steelblue; font-size:16px; height:55px; line-height:6px; position:fixed; } .menu ul li a,.menu ul li a:visited{ font-weight:bold;display:inline-block;text-decoration:none;color:#000;width:55px;height:43px; color:#fff;border:1px solid steelblue;background:steelblue;line-height:32px;font-size:16px;overflow:hidden; } .menu ul{ list-style:none; } .menu ul li{ } .menu a:hover { text-decoration:underline; } .vs a:hover{ background:dodgerblue; text-decoration:none; font-size:15px; font-weight:bold; } </style> </div> <body class="bd"> <style type="text/css"> .bd{ width:942px; border: 6px whitesmoke solid; ; margin:50px auto; height:900px; text-align:center; background-color:white; } </style> </body> Geändert von RoyMalinak (01.12.2012 um 12:11 Uhr) |
Sponsored Links |
|
||||
es dürfen nicht mehrere body im html verwendet werden. Nimm dafür ein div.
Ev. ist es ratsam, wenn du dich erstmal mit den Basics vertraut machst: Little Boxes |
Sponsored Links |
|
|||
Zitat:
Hallo, danke für deine Antwort. Mit Div habe ich es auch schon ausprobiert! |
Stichwörter |
hilfe |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Brauche dringend Hilfe zu einem CSS Grundgerüst! | Boof | CSS | 9 | 23.04.2010 18:33 |
Navi menü nicht am platz - dringend | aKkrus | CSS | 1 | 02.11.2009 12:50 |
Tabelle in DIV umwandeln - Dringend Hilfe gesucht! | gnrmarcel | CSS | 2 | 12.11.2006 14:00 |
Bräuchte dringend Hilfe! | tobiasbeisel | CSS | 1 | 08.03.2006 09:00 |
Dringend: ReDesign meines Shops... Brauche Euer Feedback | brakai295 | Site- und Layoutcheck | 18 | 10.10.2004 15:41 |