Hallo an Alle,
wie es schon im Betreff steht habe ich ein klitzekleines Problem.
Ich wollte mir eine Homepage zusammenstellen und dank eines Tutoriales bin ich auch bis zum Ende gekommen. Leider bekomme ich trotz Tutorial es nicht hin, dass mein Text neben dem Menü beginnt. Er beginnt immer unter dem letzten Menüpunkt und das sieht leider nicht wirklich schön aus.
Ich habe auch schon eine Menge versucht (zB Float), aber irgendwie funktioniert es nicht wie gewollt.
Wäre echt nett, wenn mir jemand helfen kann.
Vielen Dank im voraus,
Ryikos
Hier die Index.html:
Hier die style.css:
wie es schon im Betreff steht habe ich ein klitzekleines Problem.
Ich wollte mir eine Homepage zusammenstellen und dank eines Tutoriales bin ich auch bis zum Ende gekommen. Leider bekomme ich trotz Tutorial es nicht hin, dass mein Text neben dem Menü beginnt. Er beginnt immer unter dem letzten Menüpunkt und das sieht leider nicht wirklich schön aus.
Ich habe auch schon eine Menge versucht (zB Float), aber irgendwie funktioniert es nicht wie gewollt.
Wäre echt nett, wenn mir jemand helfen kann.
Vielen Dank im voraus,
Ryikos
Hier die Index.html:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Homepage</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css"
href="style.css">
</head>
<body>
<div id="header">
<h1>Homepage</h1>
</div><!--Ende header-->
<div id="navi">
<ul>
<li><h3>Menue</h3></li>
<li> <a href="index.html">Startseite</a></li>
<li> <a href="seite1.html">Seite1</a></li>
<li> <a href="seite2.html">Seite2</a></li>
<li> <a href="seite3.html">Seite3</a></li>
<li> <a href="seite4.html">Seite4</a></li>
<li> <a href="seite5.html">Seite5</a></li>
<li> <a href="seite6.html">Seite6</a></li>
</dic><!--Ende navi-->
<div id="content">
<h2>Überschrift</h2>
<p>
Hier steht dann der gewünschte Text. Dieser soll aber neben dem Menü beginnen und nicht erst nach dem letzten Menüeintrag!
</div><!--Ende content-->
</body>
</html>Hier die style.css:
Code:
body
{
background-color: #E0EEEE;
font-family: Verdana, Arial, sans-serif;
font-size: 100.01%;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
h1
{
color: #FF7F00;
text-align: center;
text-decoration: underline;
}
h2
{
color: #006400;
margin: 0;
}
h3
{
color: #FFB90F;
text-align: center;
background: #000080;
padding: 10px 0;
margin: 0;
}
#header
{
border-top: 3px solid #990000;
border-right: 3px solid #990000;
border-bottom: 3px double #003300;
border-left: 3px double #003300;
background: #FFCC00 url(kachel.jpg) repeat left;
margin: 15px 15px 20px;
}
#content
{
width: 950px;
margin: 0 15px 0 215px;
padding: 15px;
text-align: justify;
font-size: 0.9em;
line-hight: 1.5em;
}
#navi
{
float: left;
display: inline;
width: 180px;
font-size: 0.9em;
margin-left: 15px;
}
#navi ul
{
margin: 0;
padding: 0;
list-style-type: none;
}
#navi a
{
display: block;
padding: 5px;
width: 170px; /*--Wichtig für den IE6--*/
text-decoration: none;
backgraound-color: #FFCC00;
border-bottom: 2px solid #eee;
font-weight: bold;
}
#navi a:link
{
color: #0000CD;
}
#navi a:visited
{
color: #F00;
background-color: #C1CDCD;
}
#navi a:hover
{
color: #FFCC00;
background-color: #0000CD;
}
