mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 08.10.2008 07:42 Benutzername: Passwort: Auto-Login

Thema: dem ie6 hover "beibringen" vom 11.02.2008

Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> dem ie6 hover "beibringen"
Autor Nachricht
denise2302
Threadersteller

Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 18
Geschlecht: Weiblich
Verfasst Mo 11.02.2008 15:45
Titel

dem ie6 hover "beibringen"

Antworten mit Zitat Zum Seitenanfang

huhu!
hab mal wieder eine Frage, ich möchte in einer Homepage ein Menü von cssplay verwenden (http://www.cssplay.co.uk/menus/cascade.html), geht auch super in ff und ie7, bloß der ie6 spackt wieder rum, wegen dem hover... allerdings gibt es da so eine datei die dem ie6 beibringen soll das hover tag auch auf andere außer auf das a-tag zu verwenden... bei einer anderen seite die ich gemacht habe, hat das auch geklappt... bloß jetz nicht... das ist diese datei: http://denise2302.de.funpic.de/anderes/csshover.htc

das is mein menü:

Code:

<div id="pmenu" align="center">
           <ul id="pmenu">
            <li><a href="index.php">Willkommen</a></li>
            <li><a href="#nogo">Unternehmen</a>
                   <ul>
                       <li id="p2menu"><a href="unt_wir.php">Wir über uns</a></li>
                        <li id="p2menu"><a href="#">Qualitätsverbund</a></li>
                    </ul></li>
            <li><a href="#nogo">Leistungen</a>
               <ul>
                  <li id="p2menu"><a href="leist_unterhalt.php">Unterhaltsreinigung</a></li>
                  <li id="p2menu"><a href="leist_fassade.php">Fassadenreinigung</a></li>
                  <li id="p2menu"><a href="leist_glas.php">Glasreinigung</a></li>
                        <li id="p2menu"><a href="leist_teppichb.php">Teppichbodenreinigung</a></li>
                        <li id="p2menu"><a href="#nogo">Baureinigung</a></li>
                        <li id="p2menu"><a href="#nogo">Brand- u. Wasserschaden</a></li>
                        <li id="p2menu"><a href="#nogo">Marmorkristallisation</a></li>
                        <li id="p2menu"><a href="#nogo">Parkettarbeiten</a></li>
                        <li id="p2menu"><a href="#nogo">Graffitientfernung</a></li>
                        <li id="p2menu"><a href="#nogo">Schädlingsbekämpfung</a></li>
                        <li id="p2menu"><a href="#nogo">Sonderdienste</a></li>
                        <li id="p2menu"><a href="#nogo">Transporte</a></li>
                        <li id="p2menu"><a href="#nogo">Verleih Hebebühne</a></li>
                    </li></ul>
                 <li><a href="#nogo">Referenzen</a>
                    <ul>
                       <li id="p2menu"><a href="#nogo">Grundreinigung</a></li>
                        <li id="p2menu"><a href="#nogo">Baureinigung</a></li>
                        <li id="p2menu"><a href="#nogo">Hausmeisterdienste</a></li>
                        <li id="p2menu"><a href="#nogo">Parkettarbeiten</a></li>
                        <li id="p2menu"><a href="#nogo">Grafittientfernung</a></li>
                 </li></ul>
                 <li><a href="#nogo">Kontakt</a></li>
                   </ul></div>


und die css:

Code:

/* Formatierungen */

html {
   height: 100%;
   width: 100%;
   margin: 0px;
   padding: 0px;
   border: 0px;
 }
body {
   background-color: #2778e6;
   font-family: Tahoma, Arial, sans-serif;
   font-size: 10pt;
   text-align: justify;
   overflow: -moz-scrollbars-vertical;
   behavior:url("../csshover.htc");
}

a:link { color: #0d68c9; text-decoration: none; }
a:visited { color:#0d68c9; text-decoration: none; }
a:hover { color: #0d68c9; text-decoration: underline; }
a:active { color: #0d68c9; text-decoration: none; }

a.mini:link { color: #ffffff; font-size: 8pt; text-decoration: none; }
a.mini:visited { color:#ffffff; font-size: 8pt; text-decoration: none; }
a.mini:hover { color: #ffffff; font-size: 8pt; text-decoration: underline;  }
a.mini:active { color: #ffffff; font-size: 8pt; text-decoration: none; }

.headline { color: #0d68c9; font-size: 12pt; font-weight: bold; }

/* Layout */

...

/* Menü */

#pmenu {padding:0; margin:0px 0 0px 0px; list-style-type: none; width:101px;}
#pmenu ul {padding:0; margin:0; list-style-type: none; width:101px;}
#pmenu li {position:relative;}
#pmenu a, #pmenu a:visited {display:block;width:90px; font-size:10pt; color:#ffffff; height:20px; line-height:22px; text-decoration:none; text-indent:0; background:#0d68c9; border:1px solid #ffffff; border-width:0 1px 1px 0;}
#pmenu li:hover > a {background:#75a9f8; color:#ffffff;}
#pmenu li ul {display: none;}
#pmenu li:hover > ul {display:block; position:absolute; top:0; left:96px;}

#p2menu a, #p2menu a:visited {display:block;width:132px; font-size:8pt; color:#ffffff; height:20px; line-height:22px; text-decoration:none; text-indent:5px; background:#0d68c9; border:1px solid #ffffff; border-width:0 1px 1px 0;}


hoffe ihr könnt mir evtl helfen... * Nee, nee, nee *
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Mo 11.02.2008 16:11
Titel

Antworten mit Zitat Zum Seitenanfang

Da Du eh bereits bei cssplay bist, würde ich Dir dringend raten, eine der vielen dort zu findenden Varianten ohne JS zu verwenden, z.B. http://www.cssplay.co.uk/menus/pro_drop7.html
  View user's profile Private Nachricht senden
denise2302
Threadersteller

Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 18
Geschlecht: Weiblich
Verfasst Mo 11.02.2008 16:35
Titel

Antworten mit Zitat Zum Seitenanfang

mhm jaa... hab mir das nochmal durchgelesen und scheint irgendwie halt nich zu gehen... ich probier auch gerade ein anderes... http://www.cssplay.co.uk/menus/flyout_4level.html das hier... das dürfte auch in ie6 funktionieren... mal schaun Lächel aber trotzdem danke!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen li:hover funzt nicht im IE6
[IE6 CSS Bug] boxen springen bei hover
CSS a:hover und float:left will im IE6 nicht richtig
Hover
[IE Hover] Argh...
CSS a:hover IE 5.01
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 deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.