✔ CSS Menue Bild wird falsch eingeblendet

Status
Nicht offen für weitere Antworten.
N

Necro_nomicon

Erfahrenes Mitglied
Hallo!
Beim Menue, wenn man z.B. ueber Forum faehrt, dann wird
ein Menuepunkt (Athleten) ploetzlich kurz eingeblendet.
Beim IE7 passt es bei mir, soll nur beim IE6 auftreten. FF passt es auch.

Woran kann sowas liegen?


HTML:
HTML: 
<td valign="top" class="td7">

				<ul id="nav1">

				

                            <li><a href="index.html" id="home" title="home"><span>home</span></a></li>

                            <li id="current"><a href="verband.html" id="verband" title="Verband"><span>Verband</span></a></li>

                            <li><a href="ergebnisse.php" id="ergebnis" title="Ergebnis Datenbank"><span>Ergebnis-Datenbank</span></a></li>

                            <li><a href="news.html" id="news" title="News"><span>News</span></a></li>

                            <li><a href="galerie.html" id="galerie" title="Bildergalerie" target="_blank"><span>Bildergalerie</span></a></li>

                            <li><a href="forum.php" id="forum" title="Forum" target="_blank"><span>Forum</span></a></li>

							<li><a href="links.html" id="links" title="Links"><span>Links</span></a></li>

							<li><a href="athleteninfo.html" id="infos" title="Infos"><span>Infos f&uuml;r Athleten</span></a></li>

                            <li><a href="kontakt.html" id="kontakt" title="Kontakt"><span>Kontakt</span></a></li>

                            <li><a href="impressum.html" id="impressum" title="Impressum"><span>Impressum</span></a></li>

							<li><a href="http://www.2wsoft.at" id="soft" title="2wsoft" target="_blank"><span>Design by 2wSoft</span></a></li>

							</ul></td>

CSS:
HTML: 
.td7 {

	width:249px;

	}
ul {

margin: 0;

padding: 0;

list-style: none;

}



#nav1 a {

text-decoration: none;

text-align: center;

display: block; /* verleiht dem Inline-Element "Block-Level-Charakteristika" */

margin: 0 0 0 0;

font: bold 8pt Verdana, sans-serif;

color: #000;

width:219px;

}
ul#nav1 li a#home:link, li.verband:link, li.infos:link, li.ergebnis:link, li.news:link, 

li.galerie:link, li.forum:link, li.links:link, li.kontakt:link, li.impressum:link, li.soft:link {

	background-repeat:no-repeat;

	padding: 0px;

	margin:0px;

	}

ul#nav1 li a#home:link, ul#nav1 li a#home:visited, ul#nav1 li a#home:active {

	background-image:url(img/home.jpg);

	height:66px;

	line-height:66px;

	}

ul#nav1 li a#verband:link, ul#nav1 li a#verband:visited, ul#nav1 li a#verband:active {

	background-image: url(img/verband.jpg);

	height:36px;

	}
ul#nav1 li a#home:hover, ul#nav1 li#current a#home {

	background-image:url(img/home_a.jpg);

	height:66px;

	}

ul#nav1 li a#verband:hover, ul#nav1 li#current a#verband {

	background-image: url(img/verband_a.jpg);

	height:36px;

	}
a span {

	display:none;

	}
 
Zuletzt bearbeitet:
Hi,

das lässt sich anhand der gezeigten Code-Snippets nicht nachvollziehen, da die :hover-Pseudoklassen der "involvierten" Menüpunkte im Stylesheet überhaupt nicht aufgeführt sind.

mfg Maik
 
Hier nochmals das komplette Menue:
Wie gesagt, es blitzt ein Bild immer wieder auf, wenn man drueber faehrt.

HTML: 
/* MENUE MENUE MENUE */



ul {

margin: 0;

padding: 0;

list-style: none;

}



#nav1 a {

text-decoration: none;

text-align: center;

display: block; /* verleiht dem Inline-Element "Block-Level-Charakteristika" */

margin: 0 0 0 0;

font: bold 8pt Verdana, sans-serif;

color: #000;

width:219px;

}







	









/*** current fuer forum, galerie und 2wsoft nicht relevant da externes Fenster ***/

ul#nav1 li a#home:link, li.verband:link, li.infos:link, li.ergebnis:link, li.news:link, 

li.galerie:link, li.forum:link, li.links:link, li.kontakt:link, li.impressum:link, li.soft:link {

	background-repeat:no-repeat;

	padding: 0px;

	margin:0px;

	}

ul#nav1 li a#home:link, ul#nav1 li a#home:visited, ul#nav1 li a#home:active {

	background-image:url(img/home.jpg);

	height:66px;

	line-height:66px;

	}

ul#nav1 li a#verband:link, ul#nav1 li a#verband:visited, ul#nav1 li a#verband:active {

	background-image: url(img/verband.jpg);

	height:36px;

	}

ul#nav1 li a#ergebnis:link, ul#nav1 li a#ergebnis:visited, ul#nav1 li a#ergebnis:active {

	background-image: url(img/ergebnisse.jpg);

	height:45px;

	line-height:45px;

	}

ul#nav1 li a#news:link, ul#nav1 li a#news:visited, ul#nav1 li a#news:active {

	background-image: url(img/news.jpg);

	height:36px;

	}

ul#nav1 li a#galerie:link, ul#nav1 li a#galerie:visited, ul#nav1 li a#galerie:active {

	background-image: url(img/galerie.jpg);

	height:36px;

	}

ul#nav1 li a#forum:link, ul#nav1 li a#forum:visited, ul#nav1 li a#forum:active {

	background-image: url(img/forum.jpg);

	height:36px;

	}

ul#nav1 li a#links:link, ul#nav1 li a#links:visited, ul#nav1 li a#links:active {

	background-image: url(img/links.jpg);

	height:36px;

	}

ul#nav1 li a#infos:link, ul#nav1 li a#infos:visited, ul#nav1 li a#infos:active {

	background-image: url(img/infos.jpg);

	height:98px;

	line-height:98px;

	}

ul#nav1 li a#kontakt:link, ul#nav1 li a#kontakt:visited, ul#nav1 li a#kontakt:active {

	background-image: url(img/kontakt.jpg);

	height:46px;

	}

ul#nav1 li a#impressum:link, ul#nav1 li a#impressum:visited, ul#nav1 li a#impressum:active {

	background-image: url(img/impressum.jpg);

	height:46px;

	}

ul#nav1 li a#soft:link, ul#nav1 li a#soft:visited, ul#nav1 li a#soft:active, ul#nav1 li#current a#soft {

	background-image: url(img/2wsoft.jpg);

	height:24px;

	}





ul#nav1 li a#home:hover, ul#nav1 li#current a#home {

	background-image:url(img/home_a.jpg);

	height:66px;

	}

ul#nav1 li a#verband:hover, ul#nav1 li#current a#verband {

	background-image: url(img/verband_a.jpg);

	height:36px;

	}

ul#nav1 li a#ergebnis:hover, ul#nav1 li#current a#ergebnis {

	background-image: url(img/ergebnisse_a.jpg);

	height:45px;

	}

ul#nav1 li a#news:hover, ul#nav1 li#current a#news {

	background-image: url(img/news_a.jpg);

	height:36px;

	}

ul#nav1 li a#galerie:hover, ul#nav1 li#current a#galerie {

	background-image: url(img/galerie_a.jpg);

	height:36px;

	}

ul#nav1 li a#forum:hover, ul#nav1 li#current a#forum {

	background-image: url(img/forum_a.jpg);

	height:36px;

	}

ul#nav1 li a#links:hover, ul#nav1 li#current a#links {

	background-image: url(img/links_a.jpg);

	height:36px;

	}

ul#nav1 li a#infos:hover, ul#nav1 li#current a#infos {

	background-image: url(img/infos_a.jpg);

	height:98px;

	}

ul#nav1 li a#kontakt:hover, ul#nav1 li#current a#kontakt {

	background-image: url(img/kontakt_a.jpg);

	height:46px;

	}

ul#nav1 li a#impressum:hover, ul#nav1 li#current a#impressum {

	background-image: url(img/impressum_a.jpg);

	height:46px;

	}

ul#nav1 li a#soft:hover {

	background-image: url(img/2wsoft_a.jpg);

	height:24px;

	}
 
Hm...das ist ja das spannende. Bei mir auch nicht, aber bei jemanden, der es angesehen hat.

Siehe link video wie das aussieht:
http://www.2wsoft.at/test3/.

PS: Habe die aktuellen Files gerade nochmal raufgeladen.

edit: und im FF wenn man auf einen Link klickt macht er so einen strichlierten Rahmen um das Bild wie bei Steuerelementen? *wonders*
 
Zuletzt bearbeitet:
http://www.2wsoft.at/test3/VIDEO_002.mp4 hat gesagt.:
Die Seite wurde nicht gefunden
Die von Ihnen gesuchte Seite wurde eventuell entfernt, ihr Name wurde geändert, oder die Seite ist vorübergehend nicht verfügbar.
Zum Vergrößern anklicken....
Ist aber nicht tragisch, da ich mir vor meinem geistigen Auge sehr gut vorstellen kann, wie das aussieht. :)

Da bei mir (und dir) der "vermeintliche" Fehler aber nicht auftritt, kann ich logischerweise auch nicht sagen, wie er sich beheben lässt.

mfg Maik
 
Necro_nomicon hat gesagt.:
edit: und im FF wenn man auf einen Link klickt macht er so einen strichlierten Rahmen um das Bild wie bei Steuerelementen? *wonders*
Zum Vergrößern anklicken....
Daran ist überhaupt nichts verwunderlich, da der gestrichelte Rahmen den Fokus des aktuell angeklickten Links darstellt, und ein wichtiger Bestandteil beim Durchsteppen der Links mit der Tab-Taste ist.

Wenn du dem mündigen Seitenbesucher diese Möglichkeit entziehen, und so seine mögliche Wiederkehr auf die Seite verhindern möchtest:

Code: 
a { 
outline:none; /* funktioniert nur in den Gecko-Browsern */
}
Ansonsten:

Code: 
<a href="#" onfocus="this.blur()">...</a>
mfg Maik
 
Oh Danke!

Ja, das moechte ich :--)

Hat das etwas damit zu tun, dass ich nicht nur hover, sondern auch active angegeben habe?
Wie heisst das Phaenomen? Damit ich googeln und nachlesen kann darueber.
 
Zuletzt bearbeitet:
Hier nocheinmal das Video:

http://www.2wsoft.at/test3/
Dann kommt die Verzeichnisliste....da kann man mit rechsklick dann das .avi runterladen.

Das funktioniert auch, habs getestet.

Wie gesagt, bei mir geht es, aber in der Firma aus, wo es getestet wurde auf mehreren Rechnern geht es nicht.

Vielleicht irgendein Patch der dann fuer IE runtergeladen wurde?
edit: angeblich nicht

An dem Menue selbst ist ja nichts anders als sonst bei den Menues, allerdings ist beim Firefox auch so, dass wenn man beim ersten Mal drueberfaehrt der Hintergrund (grau) kurz aufblitzt.
+++edit+++
nur beim ersten Mal, wenn man drueber faehrt, dann nicht mehr.

Ich teste gerade ob es vielleicht am "a span {display:none;} " liegt.
edit: tut es nicht
 
Zuletzt bearbeitet:
Du kannst das Video noch so oft wie du willst hochladen, ich für meinen Teil hab zu dem Thema alles gesagt.

mfg Maik
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück