nicht angemeldet
Eigenschaft "float" bei CSS
Könnt ihr mir sagen, wie ich es erreichen kann, das der Text "Dieser Text muss in die naechste Zeile" in die nächste Zeile geschrieben wird. Der Umbruch soll mit Hilfe von CSS erfolgen.
<html>
<head>
<style type="text/css">
.test ul li
{
background: yellow;
list-style: none;
float: left;
width: 8.6em;
}
.test ul li ul
{
display: none;
}
.test ul li:hover ul
{
display: block;
}
.test ul a:hover
{
background-color: red;
}
</style>
</head>
<body>
<div class="test">
<ul>
<li>
<a href="#Beispiel">Seite 1</a>
<ul>
<li><a href="#Beispiel">Seite 1a</a></li>
<li><a href="#Beispiel">Seite 1b</a></li>
</ul>
</li>
<li>
<a href="#Beispiel">Seite 2</a>
<ul>
<li><a href="#Beispiel">Seite 2a</a></li>
<li><a href="#Beispiel">Seite 2b</a></li>
</ul>
</li>
</ul>
</div>
Dieser Text muss in die naechste Zeile
</body>
</html>
-
Yerf!
Könnt ihr mir sagen, wie ich es erreichen kann, das der Text "Dieser Text muss in die naechste Zeile" in die nächste Zeile geschrieben wird.
Verpack den Text z.B. in einen Absatz (<p>). In HTML-Strict wäre das sowieso Pflicht.
Der Umbruch soll mit Hilfe von CSS erfolgen.
Gib dem Absatz ein clear:left;
Gruß,
Harlequin
--
<!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]-->