Autor |
Nachricht |
denise2302
Threadersteller
Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht:
|
Verfasst Di 05.08.2008 10:26
Titel Lücke bei Flyout Menü im ie7... -.- |
|
|
Huhu!
Ich habe ein Menü von cssplay.co.uk auf einer Seite verwendet. Klappt alles super, bis auf eine Lücke im ie7:
weiß nich wo die herkommt, hab schon alles durchgeguckt.. vll kann mir jemand helfen... Also bei Bestellung ist ein Teil, wo sich ein Menü aufklappt.. Also das geht dort dann nach rechts auf...
LG Denise
css:
Code: |
/* ____________Menü____________ */
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
.menu { z-index:1000; font-size: 9pt; padding: 0; margin: 0;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul { padding:0; margin:0; list-style-type:none; width:142px; }
/* hack for IE5.5 */
* html .menu ul {margin-left: 0px; ma\rgin-left: 0px;}
/* position relative so that you can position the sub levels */
.menu li { position:relative; background: url(images/buttons.jpg) top left; height: 27px; }
.menu li.sub { position:relative; background: url(images/buttons.jpg) top left; height: 27px; }
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; }
/* style the links */
.menu a, .menu a:visited { display:block; text-decoration:none; height:27px; width:142px; color:#ffffff; text-indent: 24px; line-height: 27px; }
.menu2 a, .menu2 a:visited { display:block; text-decoration:none; color:#ffffff; width: 170px; text-indent:5px; background: #ebc8a6; line-height: 27px; margin: 0; }
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background: url(images/buttons.jpg) top left; width:142px; w\idth:142px; text-decoration: none;}
* html .menu2 a, * html .menu2 a:visited {background: #ebc8a6; width:180px; w\idth:180px; text-decoration: none;}
/* style the link hover */
* html .menu a:hover { background: url(images/buttons.jpg) right bottom; text-decoration: none;}
* html .menu2 a:hover { background: #e19952; text-decoration: none;}
.menu :hover > a { background: url(images/buttons.jpg) right bottom; }
.menu2 :hover > a { background: #e19952; }
.submenu { border: 1px solid #d97819; width: 160px; list-style-type: none; }
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul { visibility:hidden; position:absolute; top:0; left:142px; width: 170px;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul { visibility:visible; }
|
html:
Code: |
<div class="menu">
<ul>
<li><a href="index.php">Startseite</a></li>
<li><a href="beratung.php">Beratung</a></li>
<li><a href="beispiele.php">Beispiele</a></li>
<li><a href="musterzusendung.php">Musterzusendung</a></li>
<li><a href="#">Bestellung<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li class="menu2"><div class="menu2"><a href="taschenk.php">Taschenkalender</a></div></li>
<li class="menu2"><div class="menu2"><a href="terminv.php">Terminvereinbarungen</a></div></li>
</li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="kontakt.php">Kontakt</a></li>
<li><a href="agb.php">AGB</a></li>
<li><a href="impressum.php">Impressum</a></li>
</ul></div>
|
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Di 05.08.2008 10:52
Titel
|
|
|
guck dir mal die stelle bei bestellung an:
Code: |
<li><a href="#">Bestellung<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li class="menu2"><div class="menu2"><a href="taschenk.php">Taschenkalender</a></div></li>
<li class="menu2"><div class="menu2"><a href="terminv.php">Terminvereinbarungen</a></div></li>
</li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
|
beim nav-punkt terminvereinbarung ist definitiv ein </li> zu viel drin. (dein ie-7 conditional comment kommt mir auch nicht ganz sauber vor... was soll das (hier) fettgedruckte? <!--[if IE 7]><!--></a><!--<![endif]-->
und wenn an der stelle eine ie7-weiche sein soll, wo geht denn das <a> von "bestellung" wieder zu, wenn man nicht mit ie6 oder ie7 unterwegs ist?
so, hoffe, du schaust da durch
Zuletzt bearbeitet von pixelpapst303 am Di 05.08.2008 10:53, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
denise2302
Threadersteller
Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht:
|
Verfasst Di 05.08.2008 11:06
Titel
|
|
|
Dankeschön! jetzt funktioniert es, hab es jetzt so geschrieben:
Code: |
<div class="menu">
<ul>
<li><a href="index.php">Startseite</a></li>
<li><a href="beratung.php">Beratung</a></li>
<li><a href="beispiele.php">Beispiele</a></li>
<li><a href="muster.php">Musterzusendung</a></li>
<li><a href="#">Bestellung<!--[if IE 7]></a><!--[endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li class="menu2"><div class="menu2"><a href="taschenk.php">Taschenkalender</a></div></li>
<li class="menu2"><div class="menu2"><a href="terminv.php">Terminvereinbarungen</a></div></li>
</ul>
<!--[if lte IE 6]></td></tr></table><![endif]--></a>
</li>
<li><a href="kontakt.php">Kontakt</a></li>
<li><a href="agb.php">AGB</a></li>
<li><a href="impressum.php">Impressum</a></li>
</ul></div
|
LG Denise
|
|
|
|
|
denise2302
Threadersteller
Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht:
|
Verfasst Di 05.08.2008 12:05
Titel
|
|
|
mhmm... das problem ist doch noch nicht weg.. es ist immernoch die lücke an der stelle...Hab das jetz so geschrieben, was ist daran falsch?
Code: |
<div class="menu">
<ul>
<li><a href="index.php">Startseite</a></li>
<li><a href="beratung.php">Beratung</a></li>
<li><a href="beispiele.php">Beispiele</a></li>
<li><a href="muster.php">Musterzusendung</a></li>
<li><a href="#">Bestellung<!--[if IE 7]></a><![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li class="menu2"><div class="menu2"><a href="taschenk.php">Taschenkalender</a></div></li>
<li class="menu2"><div class="menu2"><a href="terminv.php">Terminvereinbarungen</a></div></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="kontakt.php">Kontakt</a></li>
<li><a href="agb.php">AGB</a></li>
<li><a href="impressum.php">Impressum</a></li>
</ul></div>
|
Weil so müsste es ja eigentlich jetz richtig sein, oder?
edit: Habs jetzt... es liegt an den CC für ie7... das a-tag gehört da nicht hin, da brauch man gar keine, das hat den fehler verursacht.... hmmm komisch.... Naja zumindest klappt es jetzt!
lg denise
Zuletzt bearbeitet von denise2302 am Di 05.08.2008 12:14, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
problem mit flyout menü in ie6
CSS und IE - Problem mit Flyout-Menü
Thema Adobe Muse, Flyout Menü
[solved] aktiv-Status im Flyout-Menü
Hoover Flyout?
Flyout Menu - Table?
|
|