Hallo
erstmal die Quellcodes:
style.css:
CSS
#menu { width: 100%; background: #444; float: left; } #menu ul { list-style: none; margin: 0; padding: 0; width: 175px; float: left; } #menu a, #menu h2 { font: bold 11px/16px arial, helvetica, sans-serif; display: block; border-width: 1px; border-style: solid; border-color: #888 #111 #111 #888; margin: 0; padding: 2px 3px; } #menu h2 { color: #333; background: #777; text-transform: uppercase; } #menu a { color: #333; background: #888; text-decoration: none; } #menu a:hover { color: #333; background: #aaa; } #menu li {position: relative;} #menu ul ul { position: absolute; z-index: 500; } #menu ul ul ul { position: absolute; top: 0; left: 100%; } div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul {display: none;} div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;}
entwurf.html:
HTML
<div id="menu">
<ul>
<li><div align="center">Angebote
<ul>
<li><a href="ddd.html">ddd</a></li>
<li><a href="ddd.html">ddd</a></li>
</ul>
</li>
</ul>
<ul>
<li><div align="center">Aktuelles Programm</li>
</ul>
<ul>
<li><div align="center">News</li>
</ul>
<ul>
<li><div align="center">Information</li>
</ul>
</div>
Alles anzeigen
Gibt es die Möglichkeit, die Punkte: Angebote, Aktuelles Programm, News und Informationen farblich voneinander abzuheben? Im CSS Script...
Thx