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

Anzeige von ABAKUS

von Anzeige von ABAKUS »


Hochwertiger Linkaufbau bei ABAKUS:
  • Google-konformer Linkaufbau
  • nachhaltiges Ranking
  • Linkbuilding Angebote zu fairen Preisen
  • internationale Backlinks
Wir bieten Beratung und Umsetzung.
Jetzt anfragen: 0511 / 300325-0


Wirths Media
PostRank 9
PostRank 9
Beiträge: 2050
Registriert: 20.09.2004, 20:25

Beitrag von Wirths Media » 05.10.2005, 15:53

calusa-xx hat geschrieben: Sollte ohne Java bzw. JS funktionieren.
Ist alles leider mit JS