zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Mehrere Bodys DRINGEND!!

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 01.12.2012, 12:09
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.12.2012
Beiträge: 2
RoyMalinak befindet sich auf einem aufstrebenden Ast
Standard 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(&quot;öüö.jpg&quot; 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(&quot;logovideo.jpg&quot; 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(&quot;chat-icon.png&quot; 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(&quot;fd.png&quot; 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&ensp;/&ensp;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>
Angehängte Grafiken
Dateityp: jpg Normal.JPG (75,8 KB, 16x aufgerufen)
Dateityp: jpg mitcode.JPG (80,0 KB, 7x aufgerufen)

Geändert von RoyMalinak (01.12.2012 um 12:11 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 01.12.2012, 12:40
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.138
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 01.12.2012, 12:49
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.12.2012
Beiträge: 2
RoyMalinak befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Manfred62 Beitrag anzeigen
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

Hallo, danke für deine Antwort. Mit Div habe ich es auch schon ausprobiert!
Mit Zitat antworten
  #4 (permalink)  
Alt 01.12.2012, 13:51
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 10.12.2006
Beiträge: 888
threadi sorgt für eine eindrucksvolle Atmosphärethreadi sorgt für eine eindrucksvolle Atmosphäre
Standard

Probiert? Und was kam dabei raus? Vor allem vom Quellcode her?
Mit Zitat antworten
Antwort

Stichwörter
hilfe

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:13 Uhr.