Du befindest Dich im Archiv vom ABAKUS Online Marketing Forum. Hier kannst Du Dich für das Forum mit den aktuellen Beiträgen registrieren.

Klappmenu per CSS

Ajax, Hijax, Microformats, RDF, Markup, HTML, PHP, CSS, MySQL, htaccess, robots.txt, CGI, Java, Javascript usw.
Neues Thema Antworten
Wirths Media
PostRank 9
PostRank 9
Beiträge: 2050
Registriert: 20.09.2004, 20:25

Beitrag von Wirths Media » 05.10.2005, 15:40

Hallo,

Suche nen Klappmenu das nur per CSS geschrieben ist...

Sollte ohne Java bzw. JS funktionieren.

aber das Menu selber ( was auf geht soll links enthalten )

Ist das möglich??

Wo finde ich so etwas??

Hier nen Beispiel ( lässt aber keine Links zu :( )

Code: Alles auswählen

<html>


<head>

<style>

ul#menu &#123;
  	margin&#58;  	  	  	50px 0px 0px 0px;
  	padding&#58;  	  	  	0px;
  	list-style&#58;  	  	  	none;
  	width&#58;  	  	  	200px;
&#125;
ul#menu li a &#123;
  	display&#58;  	  	  	block;
  	background&#58;  	  	  	#F2F2F2;
  	text-align&#58;  	  	  	center;
  	height&#58;  	  	  	25px;
  	line-height&#58;  	  	  	25px;
  	border&#58;  	  	  	1px solid #E5E5E5;
  	margin&#58;  	  	  	-1px 0px 0px 0px;
  	color&#58;  	  	  	#666;
&#125;
ul#menu li a span &#123;
  	display&#58;  	  	  	none;
&#125;
ul#menu li a&#58;hover &#123;
  	background&#58;  	  	  	#E5E5E5;
&#125;
ul#menu li a&#58;hover span &#123;
  	border&#58;  	  	  	1px solid #E5E5E5;
  	display&#58;  	  	  	block;
  	position&#58;  	  	  	absolute;
  	background&#58;  	  	  	#F2F2F2;
  	color&#58;  	  	  	#666;
  	padding&#58;  	  	  	5px;
  	width&#58;  	  	  	188px;
  	top&#58;  	  	  	  	118px;
  	left&#58;  	  	  	  	10%;
&#125;
</style>
<!--&#91;if IE 6&#93;>
<style type="text/css">
ul#menu li a&#58;hover span &#123;
  	top&#58;  	  	  	  	137px;
&#125;
</style>
<!&#91;endif&#93;-->
</style>

</head>








<body>
<ul id="menu">
  <li><a href="#">Link 1 <span>11111111111111</span></a></li>
  <li><a href="#">Link 2 <span>22222222222222</span></a></li>
  <li><a href="#">Link 3 <span>33333333333333</span></a></li>
  <li><a href="#">Link 4 <span>44444444444444</span></a></li>
  <li><a href="#">Link 5 <span>55555555555555</span></a></li>
</ul>


</body>
</html>
MfG

Daniel