TheBrownie
Neues Mitglied
Hallo,
Ich möchte meine seite so fixieren
dass oben ein Menü ist,
links eine menüleiste ist mit vollen hintergrund und rechts der rest mit der seite und den text
aber wenn ich was versuche dann ist bei der menüleiste links fehlt hintergrund und der text rechts ist zu klein
hier hab ich nochmal den code:
Bitte helft mir ich weiß nicht mehr weiter.
Liebe grüße,
TheBrownie
Ich möchte meine seite so fixieren
dass oben ein Menü ist,
links eine menüleiste ist mit vollen hintergrund und rechts der rest mit der seite und den text
aber wenn ich was versuche dann ist bei der menüleiste links fehlt hintergrund und der text rechts ist zu klein
hier hab ich nochmal den code:
HTML:
<html>
<head>
<title>Weltvonminecraft</title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="viewport" content="width=320, initial-scale=1, user-scalable=no" />
</head>
<body>
<style>
/* Stylesheet für die Übungsseiten aus dem Buch "Little Boxes, Teil 1" */
/* Gestalte das HTML-Element mit dem Namen body */
body {
background-color: #8c8c8c; /* Hintergrundfarbe */
color: white; /* Schriftfarbe */
}
body {
background-color: white;
color: black;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small; /* Schriftgröße */
}
#menübereich {
background-color: gray;
padding: 5px 20px 5px 20px;
}
#navibereich {
background-color: gray;
padding: 5px 20px 5px 20px;
}
#footbereich {
background-color: gray;
padding: 5px 20px 5px 20px;
}
#menübereich ul { margin-bottom: 0; }
#menübereich li {
display: inline; /* li nebeneinander anzeigen */
list-style-type: none; /* ohne Aufzählungspunkte */
margin: 0 10px 0 0;
}
}
#navibereich ul { margin-bottom: 0; }
#navibereich li {
list-style-type: none; /* ohne Aufzählungspunkte */
margin: 0 10px 0 0;
}
}
#seitenmenu {
background-color: brown;
padding: 5px 20px 5px 20px;
}
#seitenmenu ul { margin-bottom: 0; }
#seitenmenu li {
display: unline; /* li nebeneinander anzeigen */
list-style-type: none; /* ohne Aufzählungspunkte */
margin: 0 10px 0 0;
}
#menübereich a { text-decoration: none; }
#menübereich a { color: white; }
#seitenmenu a { color: white; }
#navibereich a { text-decoration: none; }
#navibereich a { color: white; }
#footbereich a { color: white; }
div#textbereich {
Background-color: #808000;
color: white;
}
</style>
</head>
<body>
<style>
<link href="bildschirm.css" rel="stylesheet" type="text/css" media="screen" />
</style>
<div id="menübereich">
<ul>
<li id="menu01"><a href="index.html">Home</a></li>
<li id="menu02"><a href="menui.html">Info</a></li>
<li id="menu03"><a href="impressum.html">Impressum</a></li>
</ul>
</div>
<table align="left">
<div id="seitenmenu">
<ul>
<li id="menu01"><a href="index.html">Home</a></li>
<li id="menu02"><a href="menui.html">Info</a></li>
<li id="menu03"><a href="impressum.html">Impressum</a></li>
</ul>
</table>
</div>
<table>
<p style="padding:25px;border:1px solid red;">Bitte gehen sie mit einem Mobile Phone auf <a href="http://weltvonminecraft.de/mobile/">Mobile Seite</a> <b>Danke.</b><p>
<h1>Info</h1>
<p>Die Info Seite ist in drei Teile unterteilt <br><b>Die Erste: </b>Seite fehlt!<br><b>Die Zweite: </b>Seite fehlt!<br><b>Die Dritte: </b>Seite fehlt!</p>
</div>
<div id="footbereich">
<center>© by Jonas Müller</center>
</div>
</table>
</body>
</html>Liebe grüße,
TheBrownie
