mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 12:07 Benutzername: Passwort: Auto-Login

Thema: Lücke bei Flyout Menü im ie7... -.- vom 05.08.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Lücke bei Flyout Menü im ie7... -.-
Autor Nachricht
denise2302
Threadersteller

Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht: Weiblich
Verfasst Di 05.08.2008 10:26
Titel

Lücke bei Flyout Menü im ie7... -.-

Antworten mit Zitat Zum Seitenanfang

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>
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Di 05.08.2008 10:52
Titel

Antworten mit Zitat Zum Seitenanfang

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?

*zwinker* so, hoffe, du schaust da durch


Zuletzt bearbeitet von pixelpapst303 am Di 05.08.2008 10:53, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
denise2302
Threadersteller

Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht: Weiblich
Verfasst Di 05.08.2008 11:06
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
denise2302
Threadersteller

Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht: Weiblich
Verfasst Di 05.08.2008 12:05
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
 
Ä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?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.