Seite 1 von 1

Klappmenu per CSS

Verfasst: 05.10.2005, 15:40
von Wirths Media
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

Verfasst:
von

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

Klappmenu per CSS

Verfasst: 05.10.2005, 15:44
von robo

Re: Klappmenu per CSS

Verfasst: 05.10.2005, 15:53
von Wirths Media
calusa-xx hat geschrieben: Sollte ohne Java bzw. JS funktionieren.
Ist alles leider mit JS

Verfasst:
von
SEO Consulting bei ABAKUS Internet Marketing
Erfahrung seit 2002
  • persönliche Betreuung
  • individuelle Beratung
  • kompetente Umsetzung

Jetzt anfragen: 0511 / 300325-0.


Klappmenu per CSS

Verfasst: 05.10.2005, 16:04
von robo
Da ist ein kleines JavaScriptchen dabei, um beim IE irgendeinen Bug zu umschiffen. Das Menü selbst kommt ohne JS aus.

cu, Robo :)

Klappmenu per CSS

Verfasst: 05.10.2005, 16:13
von Wirths Media
ohne JS funktioniert es leider nicht...

Klappmenu per CSS

Verfasst: 05.10.2005, 16:18
von robo
Ohne IE und ohne JS schon ...

cu, Robo :)

Klappmenu per CSS

Verfasst: 05.10.2005, 16:20
von Wirths Media
Ja will es aber auch im IE haben...

Werde wohl auf JS zurück gehen... :( sch... IE

Klappmenu per CSS

Verfasst: 05.10.2005, 16:29
von Wirths Media
Hab da was gefunden.... :D

geht ohne JS auch im IE

https://www.cssplay.co.uk/menus/dropdownfun.html

Vielleicht gibt es ja noch andere die suchen...

Klappmenu per CSS

Verfasst: 05.10.2005, 16:31
von robo
Mir ist nichts bekannt, was im IE gänzlich ohne JS auskommt. Vielleicht weiss jemand anders was? Das Suckerfish-Menü hat gegenüber reinen JS-Menüs den Vorteil, dass es von Suchmaschinen ganz normal gespidert werden kann.

cu, Robo :)

Klappmenu per CSS

Verfasst: 05.10.2005, 16:39
von Indigo
Hab mir das auf cssplay mal angeshen.

Klappt wirklich auch im IE und sieht gut aus.

Na, vielleicht kann ich das bei mir mal einsetzen...

Klappmenu per CSS

Verfasst: 05.10.2005, 16:42
von Wirths Media
Ja ich denke auch dass ich das Menu nehmen werde...

Dann ist ma nicht immer darauf angewiesen, dass Java aktiviert ist beim User.