k, dann hab ich mal n kleines prob noch mit einem eigentlich umfließenden Text... da es sich hierbei um eine Aufzählung handeln soll, musste ich es jetzt folgendermaßen lösen:
HTML-Code:
/* CSS Document */
body {
background-color: #336666;
color: rgb(255,255,255);
font-family: Courier New, Courier, Arial, Verdana;
font-size: 14px;
text-align:center;
margin: 0px;
padding: 0px;
}
h1 {
font-family: Courier New, Courier, Arial, Verdana;
font-size:16px;
color:rgb(102,102,153);
}
.titel {
font-family: Courier New, Courier, Arial, Verdana;
font-size:14px;
font-weight:bold;
}
ol {list-style-type:decimal;}
div {
background-color: #99CCCC;
color: rgb(0,0,102);
border: 0px;
padding: 0px;
margin:0px auto;
text-align:left;
}
#haupt {
float:left;
width:660px;
}
#zutaten {
background-color: #336666;
color: rgb(0,255,153);
border: 2px dashed #99CCCC;
font-weight: bold;
margin: 0px;
height: 147px;
float:right;
width: 400px;
}
div[id="zutaten"]:before{content:"Zutaten:";}
#menucontainer {
background-color: #003333;
color: rgb(255,255,255);
border: 0px;
margin: 0px;
float: left;
width: 100px;
height: 600px;
}
.menutitle{
font-weight:bold;
text-align:center;
margin:2px;
}
.menucontainer {
border:1px solid #000;
background-color:rgb(255,204,204);
width:106px;
margin:10px;
}
a.menu:link, a.menu:visited
{
color:#003333;
background-color:rgb(0,255,153);
text-decoration:none;
}
a.menu:active, a.menu:hover
{
color:#336666;
background-color:#99CCCC;
}
a.menu {
display:block;
padding:3px;
border-top:1px solid #000;
background-color:rgb(255,204,204);
text-align:center;
font-weight:bold;
color:#000000;
text-decoration:none;
}
HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250" >
<meta name="generator" content="PSPad editor, www.pspad.com" >
<link rel="stylesheet" type="text/css" href="style.css" >
<title> Z. Vamp's Online-Kochbuch</title>
</head>
<body>
<div style="float:center;width:760px;height:600px" >
<div id="menucontainer" >
<p class="menutitle" > MENU 1</p>
<a class="menu" href="#" > Hyperlink 1</a>
<a class="menu" href="#" > Hyperlink 2</a>
<a class="menu" href="#" > Hyperlink 3</a>
<a class="menu" href="#" > Hyperlink 4</a>
<a class="menu" href="#" > Hyperlink 5</a>
<p class="menutitle" > MENU 2</p>
<a class="menu" href="#" > Hyperlink 1</a>
<a class="menu" href="#" > Hyperlink 2</a>
<a class="menu" href="#" > Hyperlink 3</a>
<a class="menu" href="#" > Hyperlink 4</a>
<a class="menu" href="#" > Hyperlink 5</a>
<p class="menutitle" > MENU 3</p>
<a class="menu" href="#" > Hyperlink 1</a>
<a class="menu" href="#" > Hyperlink 2</a>
<a class="menu" href="#" > Hyperlink 3</a>
<a class="menu" href="#" > Hyperlink 4</a>
<a class="menu" href="#" > Hyperlink 5</a>
</div>
<div id="zutaten" > <ul>
<li> 200 g fettarmer Erdbeer-Quark</li>
<li> 1 Banane</li>
<li> fettarme Milch ( 1,5 % )</li>
<!--<li> </li> --></ul>
</div> <div id="haupt" >
<h1> Erbeer-Bananen-Milchshake</h1>
<p class="titel" > Zubereitung:</p>
<ol>
<li> Schälen Sie die Banane. Und geben Sie sie anschließend in den Mixer.</li>
<li> Leeren Sie darüber den Erdbeer-Quark aus.</li>
<li> Darüber kommt jetzt noch die Milch. Wie viel kommt ganz auf die Füllmöglichkeiten des Mixers, bzw. den Hunger der jeweiligen Person an.</li>
</ol> </div> </div>
Testtext
</body>
</html> Ich möchte das jetzt aber so haben, dass der Text links von den Zutaten steht... wie mach ich das bloß, ohne dass die Aufzählungszeichen im Menü auftauchen?
Berechtigungen
Zitieren