zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS Menuproblem im IE (Superfish)

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 02.10.2007, 14:38
ven ven ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.10.2006
Beiträge: 79
ven befindet sich auf einem aufstrebenden Ast
Standard CSS Menuproblem im IE (Superfish)

Hallo,

ich nutze die JQuery Libary und ein Addon Superfish um folgendes Menu zu realisieren:
Die Formatierung basiert ganz normal auf CSS.

Dort habe ich nun 3 kleine Problemchen
1. Im IE6 unter "Kontakt" funktioniert der HOVER für die Punkte darunter nicht.
2. Im IE6 erscheit beim HOVER eine ganz wirr blinkende Sanduhr. Gibts eine möglichkeit die zu entfernen? cursor: pointer; klappte leider nicht.
3. Im Safari ist unter "Hören" -> "Seminarangebote" 1px Abstand der dort nicht hin soll.
4. In allen Browsern klappt die korrekte Darstellung der Klasse "current" nur unterer "Hören" -> "Seminarangebote". Klickt man einen anderen Menupunkt an, wird dieser nicht heller hervorgehoben.

Würde mich freuen falls sich das jemand mal angucken kann.

Hier der CSS Code:
Code:
.nav, .nav * {
	margin:0;
	padding:0;
	font-size: 110%;
}
.nav {
	float: left;
	position:relative;
}
.nav ul {
	background:#3E3507; /*IE6 needs this*/
	float: left;
	position:relative;
	/* padding: 15px 5px; */
}
.nav li {
	background: url(menubreak.gif) right top repeat-y;
	/*border-right: 1px solid #e07402;*/
	float: left;
	list-style:none;
	z-index:999;
	margin-right: 10px;
}
.nav li.noborder {
	background: none;
	margin-right: 0;
}
.nav a {
	color: #e07402;
	display:block;
	float: left;
	padding: 0 10px 0 0;
	text-decoration:none;
}
.nav li ul {
	left:0;
	top:-999em;
	position:absolute;
	width: 465px;
}
.nav li ul li a {
	margin-left: 3px;
}
.nav li ul li {
	background: none;
}
.nav li:hover,
.nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {
	background: #fff;
	color: #3E3507;
	background: url(menubreak.gif) right top repeat-y;
}
.nav li.noborder:hover,
.nav li.noborder.sfHover,
.nav li.noborder a:focus, .nav li.noborder a:hover, .nav li.noborder a:active {
	background: none;
}
.nav li li:hover,
.nav li li.sfHover,
.nav li li a:focus, .nav li li a:hover, .nav li li a:active {
	background:#f08413;
	color: #fff;
}
.nav li li li:hover,
.nav li li li.sfHover,
.nav li li li a:focus, .nav li li li a:hover, .nav li li li a:active {
	background:#fa9933;
}
.nav li:hover ul, /* pure CSS hover is removed below */
ul.nav li.sfHover ul {
	top:20px;
}

.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul, /* pure CSS hover is removed below */
ul.nav li li.sfHover ul {
	top:36px;
}
.nav li li:hover li ul,
.nav li li.sfHover li ul {
	top:-999em;
}
.nav li li li:hover ul, /* pure CSS hover is removed below */
ul.nav li li li.sfHover ul {
	top:20px;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul,
.superfish li li li:hover ul {
	top: -999em;
}
.nav li ul {
	background-color: #E27413;
	font-size: 80%;
	padding: 0;
}
.nav li ul li ul {
	background-color: #f08413;
	font-size: 80%;
	padding: 0;
}
.nav li ul li ul a {
	color: #fff;
}

.nav li ul li a {
	color: #fff;
	padding: 10px;
} 
.nav {
	padding-left: 10px;
}
.nav a.aktiv {
	color: #3E3507;
}

/* NEU NEU NEU */
.nav li li a:visited,
.nav li li li a:visited {
	color: #fff;
}
Der HTML Code
Code:
<div id="mainnav">
<ul class="nav">
<li class="current"><a href="index.php?article_id=1"   class="aktiv" title="starten" >starten</a></li>
<li><a href="index.php?article_id=2"   title="erfahren" >erfahren

</a>
<ul  class="sub">
<li><a href="index.php?article_id=11" title="Wir und Ihr Nutzen">Wir und Ihr Nutzen</a></li>
<li><a href="index.php?article_id=12" title="Ihre Dozenten">Ihre Dozenten</a></li>
<li><a href="index.php?article_id=13" title="Das Drumherum">Das Drumherum</a></li>
</ul></li>
<li><a href="index.php?article_id=3"   title="profitieren" >profitieren
</a>
<ul  class="sub">
<li><a href="index.php?article_id=20" title="Sachseminare">Sachseminare</a></li>
<li><a href="index.php?article_id=21" title="Fachseminare">Fachseminare</a></li>
</ul></li>

<li><a href="index.php?article_id=4"   title="lesen" >lesen
</a>
<ul  class="sub">
<li><a href="index.php?article_id=22" title="Unser Blog">Unser Blog</a></li>
<li><a href="index.php?article_id=23" title="Links">Links</a></li>
</ul></li>
<li><a href="index.php?article_id=5"   title="hören" >hören
</a>
<ul  class="sub">
<li><a href="index.php?article_id=14" title="Audio CD">Audio CD</a></li>
<li><a href="index.php?article_id=15" title="Podcast">Podcast</a></li>
<li><a href="index.php?article_id=16" title="Seminarangebote">Seminarangebote
</a>

<ul>
<li><a href="index.php?article_id=17" title="Seminare">Seminare</a></li>
</ul></li>
</ul></li>
<li class="noborder" ><a href="index.php?article_id=6"   title="kontaktieren" >kontaktieren
</a>
<ul  class="sub">
<li><a href="index.php?article_id=24" title="Kontakt">Kontakt</a></li>
<li><a href="index.php?article_id=25" title="Anfahrtsplanung">Anfahrtsplanung</a></li>
</ul></li>
</ul>  
<div class="clear"></div></div>

</div>
__________________
Kinderseiten

Geändert von ven (08.10.2007 um 09:16 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 04.10.2007, 12:13
ven ven ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.10.2006
Beiträge: 79
ven befindet sich auf einem aufstrebenden Ast
Standard

Niemand eine Vermutung?

Grüße,
Dennis
__________________
Kinderseiten
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre 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 aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Redesign für Steiner Cycling Team pkipper Site- und Layoutcheck 11 09.02.2011 12:25
Einbindung von frei erhältlichen Scripten - CSS Problem DonL CSS 1 22.01.2011 16:09
MYspace mehr als nur CSS oder ? Vinceone CSS 0 12.07.2007 02:21
Eric Meyer's CSS Petty Ressourcen 0 21.11.2005 08:18
Mozilla ignoriert externes css DarkWanderer CSS 9 22.09.2005 11:39


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:44 Uhr.