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

Anzeige von ABAKUS

von Anzeige von ABAKUS »

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

Jetzt anfragen: 0511 / 300325-0.


robo
PostRank 8
PostRank 8
Beiträge: 837
Registriert: 23.12.2003, 19:41
Wohnort: Schwangau

Beitrag von robo » 05.10.2005, 16:04

Da ist ein kleines JavaScriptchen dabei, um beim IE irgendeinen Bug zu umschiffen. Das Menü selbst kommt ohne JS aus.

cu, Robo :)

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

Beitrag von Wirths Media » 05.10.2005, 16:13

ohne JS funktioniert es leider nicht...

robo
PostRank 8
PostRank 8
Beiträge: 837
Registriert: 23.12.2003, 19:41
Wohnort: Schwangau

Beitrag von robo » 05.10.2005, 16:18

Ohne IE und ohne JS schon ...

cu, Robo :)

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

Beitrag von Wirths Media » 05.10.2005, 16:20

Ja will es aber auch im IE haben...

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

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

Beitrag von Wirths Media » 05.10.2005, 16:29

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...

robo
PostRank 8
PostRank 8
Beiträge: 837
Registriert: 23.12.2003, 19:41
Wohnort: Schwangau

Beitrag von robo » 05.10.2005, 16:31

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 :)

Indigo
PostRank 7
PostRank 7
Beiträge: 647
Registriert: 03.01.2005, 12:48

Beitrag von Indigo » 05.10.2005, 16:39

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...

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

Beitrag von Wirths Media » 05.10.2005, 16:42

Ja ich denke auch dass ich das Menu nehmen werde...

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

Antworten