php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 11.10.2008, 07:41  
Erfahrener Benutzer
 
Registriert seit: 19.03.2006
Beiträge: 413
Kein Genie zeigte ein beschämendes Verhalten in der Vergangenheit
Kein Genie eine Nachricht über ICQ schicken Kein Genie eine Nachricht über Skype™ schicken
Standard Problem mit Drop Down Menu

Hallo.

Ich habe ein DropDown Menu, das im FF läuft aber der IE6 zeigt gar nichts an.
Hier mal mein Menu:

Code:
		<ul id="navigation">
			<li><div><a href="index.php">Home</a></div></li>
      <li><div><a href="">Festival</div></a>
		    <ul>
			    <li><a href="index.php?action=festival">Festival</a></li>
			    <li><a href="index.php?action=bands">Bands</a></li>
          <li><a href="index.php?action=tickets">Tickets</a></li>
    		</ul>
      </li>
      <li><div><a href="">Interactive</div></a>
		    <ul>
			    <li><a href="index.php?action=gallery">Gallery</a></li>
			    <li><a href="index.php?action=guestbook">G&auml;stebuch</a></li>
    		</ul>
      </li>
      <li><div><a href="index.php?action=imprint">Impressum</div></a></li>
		</ul>
Hier mal der passende CSS Teil

Code:
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#navigation a {
	color: #BFDCFE;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 1px 0px #2B4462;
}

#navigation a {
	text-decoration: none;
}

#navigation li li a {
	display: block;
	font-weight: normal;
	padding: 0.2em 10px;
}

#navigation li li a:hover {

	color: #fff;
  font-weight:bold;
  }

li {
	float: left;
	position: relative;
	width: 10em;
	text-align: right;
}

li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;

	font-weight: normal;
	padding: 0.5em 0 1em 0;
}

li>ul {
	top: auto;
	left: auto;
}

li li {
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
}

li:hover ul, li.over ul {
	display: block;
  color:#ffffff;
  background: #3776bd url('../images/header_background.gif') repeat-x bottom;
  border:1px solid #acacac;
}
Und hier das kleine bisschen JS was dazu gehört:

Code:
startList = function() {
	if (document.all&&document.getElementById) {
		navRoot = document.getElementById("nav");
		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;
Kein Genie ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 04.11.2008, 12:09  
Neuer Benutzer
 
Registriert seit: 05.10.2008
Beiträge: 20
JudGer befindet sich auf einem aufstrebenden Ast
Standard

Ich hoffe, dass ich die Funktion jetzt beim Überschauen richtig interpretiert habe. Für ein einfaches Mouseover würde ich kein Javascript verwenden.

Dafür gibt es sogenannte Pseudo-Klassen in CSS.
Beispiele

Das klappt mittlerweile browserübergreifend problemlos.

LG

€dit: OK, hab nicht richtig gelesen, sry
JudGer ist offline   Mit Zitat antworten
Alt 04.11.2008, 21:55  
moderatives Dielektrikum
 
Benutzerbild von nikosch
 
Registriert seit: 21.05.2008
Beiträge: 34.256
PHP-Kenntnisse:
Fortgeschritten
nikosch kann auf vieles stolz seinnikosch kann auf vieles stolz seinnikosch kann auf vieles stolz seinnikosch kann auf vieles stolz seinnikosch kann auf vieles stolz seinnikosch kann auf vieles stolz seinnikosch kann auf vieles stolz seinnikosch kann auf vieles stolz seinnikosch kann auf vieles stolz seinnikosch kann auf vieles stolz sein
Standard

Warum ist denn das oben so grottig formatiert. Da sieht man ja ger nicht durch.
__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--
nikosch ist offline   Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
horizontales Menü Fritz73 Scriptbörse 9 26.05.2008 22:26
Formular + Drop down Schneckenkind PHP Tipps 2005-2 1 29.06.2005 08:35
2 verschachtelte while Schleifen. Großes Performanceproblem Datenbanken 3 30.05.2005 12:52
PHP Menu mit 2 untermenus PHP Tipps 2005 3 23.05.2005 00:04
Problem mit Menü nullplan PHP Tipps 2005 1 24.03.2005 22:11
problem mit Menü feld und datenbank auslese 4x4styling Datenbanken 3 11.02.2005 11:17
Menü auf php-Seite PHP Tipps 2005 20 01.02.2005 20:24
[Erledigt] Mehrere Fragen zum drop down menu HTML, Usability und Barrierefreiheit 2 29.11.2004 23:59
[Erledigt] Mehrere Fragen zum drop down menu PHP Tipps 2004-2 1 28.11.2004 19:24
Drop Down im Formular mit Email-Adressen PHP Tipps 2004 2 06.09.2004 19:06
[Erledigt] abfrage mit drop down und ausgabe Datenbanken 5 05.08.2004 08:48
Problem mit drop-down menu HTML, Usability und Barrierefreiheit 3 04.08.2004 19:56
[Erledigt] bei einem CMS Farbe per Drop Down Menü wählen?? 18inch PHP Tipps 2004 2 29.07.2004 16:34
Drop Down Menü PHP Tipps 2004 17 27.07.2004 21:19
[Erledigt] PopDown Menü fast fertig!! HTML, Usability und Barrierefreiheit 3 27.07.2004 00:11

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
dropdown menü funktioniert nicht, top down menü, php interaktive dropdown felder, php interaktives menü, http://www.php.de/html-usability-und-barrierefreiheit/48059-problem-mit-drop-down-menu.html, pull down menü geht nicht, drop downmenu html, probleme mit dropdown menü, problem dropdown menü, drop down menü funktioniert nicht, dropdown menue funktioniert nicht, drop down navigationsmenu php, dropdown navigation aus datenbank mit li, drop down list problems, html dropdown farbe firefox problem, top-down menu, \drop down menu\ does not work, dropdown menu doesnt work, top down menü android, html dropdown box problem

Alle Zeitangaben in WEZ +1. Es ist jetzt 21:19 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum