Hallo Leute,
Ich habe im DWCS3 folgenden css Code stehen für mein "Menü". Damit es auch ein richtiges Menü wird möchte ich gerne beispielsweise unter dem Menüpunkt "Products" ein paar Felder zur Auswahl einblenden lassen. Wichtig dabei ist das die Unterpunkte alle NEBENEINANDER liegen sollen und nicht untereinander. Also alle in einer Reihe unter dem Menüpunkt "Products".
Hat da irgendwer einen Tipp?? ich habe mich zwar auch schon am SPRY-Menü versucht, muss allerdings eingestehen das ich mich da ziemlich verheddert habe mit der config. Ich wäre auch dankbar wenn jemand wüsste wie ich mein Vorhaben mit dem Spry-Menü-Horizontal realisieren könnte?!. Das eben die Unterpunkte alle in einer einzigen Reihe unter dem Haupt-Menüpunkt stehen und nicht untereinander.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
<head>
<title>Mini-Tab Preview</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
.container {
width: 750px;
float: right;
margin-top: 0px;
margin-right: 0;
margin-bottom: 0px;
margin-left: 0;
}
/* square */
#navSquare {
margin: 0;
padding: 0 0 20px 0px;
border-bottom: 3px solid #282800;
}
#navSquare li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#navSquare a:link, #navSquare a:visited {
float: right;
font-size: 10px;
line-height: 14px;
font-weight: bold;
padding: 0 0px 0px 40px;
text-decoration: none;
color: #708491;
}
#navSquare a:link.active, #navSquare a:visited.active, #navSquare a:hover {
color: #282800;
}
-->
</style>
<style type="text/css">
<!--
/* code for presentation purpose (CSS preview) */
body {
font-family: verdana, sans-serif;
font-size: 11px;
}
h4 {
font-size: 100%;
color: #999;
margin: 0;
}
-->
</style>
</head>
<body>
<table width="800" border="0" align="center">
<tr>
<td width="800" align="right"><p> </p>
<p> </p></td>
</tr>
<tr>
<td width="800" align="right"><div class="container">
<ul id="navSquare">
<!-- CSS Tabs -->
<li><a class="active" href="Home.html">Home</a></li>
<li><a href="Products.html">Products</a></li>
<li><a href="Services.html">Services</a></li>
<li><a href="Support.html">Support</a></li>
<li><a href="Order.html">Order</a></li>
<li><a href="News.html">News</a></li>
<li><a href="About.html">About</a></li>
</ul>
</div></td>
</tr>
</table>
</body>
</html>
danke schonmal für alle Antworten!!
mfg R.
