Hi,
mich würde mal interessieren, ob content überhaupt irgendwie mit dem IE funktionsfähig ist.
Momentan funktioniert es bei mir nämlich schlicht und ergreifend überhaupt nicht.
mfg niji
Druckbare Version
Hi,
mich würde mal interessieren, ob content überhaupt irgendwie mit dem IE funktionsfähig ist.
Momentan funktioniert es bei mir nämlich schlicht und ergreifend überhaupt nicht.
mfg niji
dieses element unterstüzt der ie gar nicht. zumindest in der v6 und abwärts.
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;
}
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?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>
mfg niji
oem.... gib dem rechten ne right:'zahl'px;
und dem linken halt mit left. dann müsten die sich auch so ausrichten.
glaub ich ^^