Autor |
Nachricht |
Martys
Threadersteller
Dabei seit: 07.04.2005
Ort: Bochum
Alter: 45
Geschlecht:
|
Verfasst Di 29.06.2010 08:02
Titel Verweisziele öffnen sich nicht mit linkem Mausklick im IE7 |
|
|
Hallo zusammen,
habe ein merkwürdiges Verhalten im IE7 mit einer Navigation.
Die Hover-Effekte für den Link funktionieren, auch wird unten in der Statusbar die Link-URL angezeigt.
Beim Linkskick passiert nichs, wenn ich auf den Link einen Rechtsklick mache, läßt sich die neue URL im neuen Tab oder Fenster problemlos öffnen.
LIVE-BEISPIEL
Grobe Struktur:
Code: | <ul id="subnavi">
<li class="links"><a href="link1"><span><img src="bild1" alt="" border="0" /></span></a></li>
<li><a href="link2"><span><img src="bild2" alt="" border="0" /></span></a></li>
<li><a href="link3"><span><img src="bild3" alt="" border="0" /></span></a></li>
usw.
</ul> |
Code: | ul#subnavi {
margin:0;
padding:0;
list-style:none;
height:22px;
clear:both;
}
ul#subnavi li {
float:left;
margin:0 -15px 0 0;
padding:0;
height:22px;
}
ul#subnavi li a {
color:#fff;
font-size:120%;
font-weight:bold;
text-decoration:none;
}
ul#subnavi li a span {
height:19px;
padding:3px 0 0 16px;
margin:0 14px 0 0;
}
ul#subnavi li a:hover span, ul#subnavi li a.aktiv span {
background:url(/gif/bg_subnavi_aktiv.png) no-repeat left top;
}
ul#subnavi li.links a:hover span, ul#subnavi li.links a.aktiv span {
background:url(/gif/bg_subnavi_aktiv_links.png) no-repeat left top;
}
ul#subnavi li a:hover, ul#subnavi li a.aktiv {
background:url(/gif/bg_subnavi_aktiv_rechts.png) no-repeat right top;
} |
Vielleicht hat jemand einen Tipp, ich steh echt auf dem Schlauch.
Danke schon mal,
Martys
|
|
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 29.06.2010 08:17
Titel
|
|
|
Warum möchtest du überhaupt einen Menüpunkt in einem neuen Fenster öffnen?
Säubere erstmal deinen Code, schmeiß die <span> Befehle um die img Tags raus, das border Attribute aus dem img-Tag.
Warum dein Beispiel Fehler haben soll, verstehe ich nicht. ich habe allerdings auch gerade keinen IE zum testen da. Syntaktisch ist soweit vom Link alles in Ordnung.
|
|
|
|
|
Anzeige
|
|
|
Martys
Threadersteller
Dabei seit: 07.04.2005
Ort: Bochum
Alter: 45
Geschlecht:
|
Verfasst Di 29.06.2010 08:26
Titel
|
|
|
Smooth-Graphics hat geschrieben: | Warum möchtest du überhaupt einen Menüpunkt in einem neuen Fenster öffnen?
Säubere erstmal deinen Code, schmeiß die <span> Befehle um die img Tags raus, das border Attribute aus dem img-Tag.
|
Link im neuen Fenster ist nur im Beispiel vorhanden, kommt sonst natürlich raus, spielt hierbei allerdings überhaupt keine Rolle.
Die <span>-Tags sind für die "Sliding Door Navi" und border soll das komische Verhalten verdeutlichen, ohne Border funktioniert es aber auch nicht.
|
|
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 29.06.2010 08:43
Titel
|
|
|
Es besteht kein Problem deiner Art. Der IE7 ist allerdings mit irgendeiner CSS Regel nicht so ganz einverstanden und stellt das Menü daher anders dar.
Das Problem ist nun, dass im IE7 lediglich der Border oben von der Navi als Link noch ausgegeben wird und der Rest nicht anklickbar ist.
Ich schätze es liegt an einem margin und padding, das du vergeben hast...
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Di 29.06.2010 10:56
Titel
|
|
|
Du hast hier ein sehr abgefahrenes Problem mit dem IE, verursacht durch hasLayout. Beschreibung und Lösung gibt es hier: http://www.brunildo.org/test/IEaL.html
Unabhängig davon: Wieso verwendest Du display: inline-block;? Es ist schlecht unterstützt bzw. bugbehaftet, und hier auch völlig unnötig - es gibt absolut nichts, das gegen den Wert block spricht.
Übrigens setzt Du Deine Grafik-Navi falsch um - Deine img sind Deko und gehören daher ins CSS. Eine korrekte Umsetzung habe ich hier beschrieben: http://xhtmlforum.de/40267-faq-h-ufig-gestellte-fragen-und.html#faq15
Zuletzt bearbeitet von heiko_rs am Di 29.06.2010 10:57, insgesamt 1-mal bearbeitet
|
|
|
|
|
Martys
Threadersteller
Dabei seit: 07.04.2005
Ort: Bochum
Alter: 45
Geschlecht:
|
Verfasst Di 29.06.2010 14:14
Titel
|
|
|
Erstmal danke für die informative Antwort
In deiner Beschreibung gehst du von bekannten breiten der grafischen Links aus, die sind bei mir leider nicht bekannt, da die Bilder dynamisch von PHP gerendert werden.
Mache mich jetzt mal an die Korrektur.
Martys
Zuletzt bearbeitet von Martys am Di 29.06.2010 14:25, insgesamt 1-mal bearbeitet
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Di 29.06.2010 16:29
Titel
|
|
|
Martys hat geschrieben: | In deiner Beschreibung gehst du von bekannten breiten der grafischen Links aus, die sind bei mir leider nicht bekannt, da die Bilder dynamisch von PHP gerendert werden. |
Ein klarer Fall für Inspektor getimagesize() (kann auch CSS-Regeln schreiben)
|
|
|
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
Verfasst Di 29.06.2010 16:35
Titel
|
|
|
oder per js nachträglich die attribute hinzufügen.
nachteile von der methode sind ja bekannt.
|
|
|
|
|
|
|
|
Ähnliche Themen |
Neuen Inhalt per Mausklick öffnen und wieder schliessen
[CSS] Problem mit linkem Rand
per Mausklick ins Vollbild
Bildüberblenden per Mausklick mit Switch?
Felder ein-/ausblenden auf Mausklick
hintergrund bei mausklick verschieben?
|
|