mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: So 04.12.2016 23:27 Benutzername: Passwort: Auto-Login

Thema: CSS-drop-down-menu OHNE javascript vom 02.04.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS-drop-down-menu OHNE javascript
Seite: 1, 2  Weiter
Autor Nachricht
helloWWW
Threadersteller

Dabei seit: 02.04.2006
Ort: Horb
Alter: 26
Geschlecht: Männlich
Verfasst So 02.04.2006 12:06
Titel

CSS-drop-down-menu OHNE javascript

Antworten mit Zitat Zum Seitenanfang

Hallo zusammen,
ich sitze seit längerem daran, mit CSS ein drop-down-menu in diesem Stil zu machen. Da gibts auch ne Anleitung, aber die versteh ich nicht.
Dann hab ich viele mit javascripten gesehen. Doch das muss doch auch irgendwie ohne gehen, oder?
Kann mir da jemand helfen?

Danke schonmal
Fabian


Zuletzt bearbeitet von helloWWW am So 02.04.2006 12:07, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
ulmer_hocker
Account gelöscht


Ort: -

Verfasst So 02.04.2006 12:19
Titel

Antworten mit Zitat Zum Seitenanfang

http://de.selfhtml.org/css/layouts/navigationsleisten.htm#modern
 
Anzeige
Anzeige
helloWWW
Threadersteller

Dabei seit: 02.04.2006
Ort: Horb
Alter: 26
Geschlecht: Männlich
Verfasst So 02.04.2006 12:51
Titel

Antworten mit Zitat Zum Seitenanfang

auf self html bin ich gar nicht kommen ... warum auch einfach wenns auch schwierig geht *zwinker*
dank dir!
  View user's profile Private Nachricht senden
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 02.04.2006 13:24
Titel

Antworten mit Zitat Zum Seitenanfang

selfhtml hat geschrieben:
Beachten Sie:
Testen Sie eine solche Navigationsleiste in möglichst vielen Browsern, da die hier verwendete Methode einige Browser überfordern könnte!
Um ein dynamisches Einblenden der Unternavigation auch im Internet Explorer 5 und 6 und anderen Browsern ohne ausreichende CSS-Implementierung zu ermöglichen, bleibt Ihnen derzeit nur eine Realisierung über Kapitel JavaScript. Es ist jedoch sinnvoll, dies mit der hier gezeigten Möglichkeit zu kombinieren.
  View user's profile Private Nachricht senden
Jess

Dabei seit: 19.01.2004
Ort: -
Alter: 34
Geschlecht: Weiblich
Verfasst So 02.04.2006 15:32
Titel

Antworten mit Zitat Zum Seitenanfang

Siehe auch hier:

http://www.alistapart.com/articles/dropdowns

sehr guter Artikel.

Ganz ohne javascript streikt der IE...
  View user's profile Private Nachricht senden
suppenhuhn

Dabei seit: 02.04.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst So 02.04.2006 21:05
Titel

Antworten mit Zitat Zum Seitenanfang

hallo ich habe grade mal das menu (http://www.alistapart.com/articles/dropdowns) ausprobiert, leider funktioniert es nicht wenn es in eine tabelle eingebunden wird. woran kann das liegen?

bin schon den ganzen nachmittag am verzweifeln...


<head>

<title>Unbenanntes Dokument</title>

<link href="1.css" rel="stylesheet" type="text/css">
<script language="javascript" src="1.js"></script>

</head>

<body>


<table width="396" height="500" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="200" bgcolor="#333333"><ul id="nav1">
<li>eins
<ul id="nav1">
<li><a href="">zwei</a></li>
<li><a href="">drei</a></li>
<li><a href="">vier</a></li>
</ul id="nav">
</li>
</ul id="nav">
</td>
<td width="196" bgcolor="#999999"><ul id="nav1"><li>fünf
<ul id="nav1">
<li><a href="">sechs</a></li>
<li><a href="">sieben</a></li>
<li><a href="">acht</a></li>
</ul id="nav1">
</li>
</ul id="nav1">
</td>
</tr>
<tr>
<td bgcolor="#CCCCCC">neun
</td>
<td>&nbsp;</td>
</tr>
</table>
<p>&nbsp;</p>
</body>
</html>

1.js

startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav1");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;


liebe grüße
suppenhuhn
  View user's profile Private Nachricht senden
ulmer_hocker
Account gelöscht


Ort: -

Verfasst So 02.04.2006 21:43
Titel

Antworten mit Zitat Zum Seitenanfang

@suppenhuhn: was soll die Tabelle?!?

@topic

Ich persönlich benutze zum umschiffen der IE-Probs grundsätzlich die .htc „whatever:hover“ : http://www.xs4all.nl/~peterned/csshover.html
 
suppenhuhn

Dabei seit: 02.04.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst So 02.04.2006 22:05
Titel

Antworten mit Zitat Zum Seitenanfang

danke für den tipp!
würde aber trotzdem gerne wissen aus welchem grund die sache aus der tabelle raus nur einmal angesprochen wird. kenne mich mit java script gar nicht aus.
  View user's profile Private Nachricht senden
 
Ähnliche Themen [JavaScript] Drop Down Menu
joomla: css drop down menu problem
Spezielles Drop Down Menu (Jquery oder Css)
CSS Drop Down Menu bzw. DIV-Tag Position Problem
CSS Drop-Down Menü mit Javascript
suche Drop-Down Menu
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.