mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 07.12.2016 12:01 Benutzername: Passwort: Auto-Login

Thema: Drop-Down-Menü in CSS soll nun auch im IE funktionieren vom 14.05.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Drop-Down-Menü in CSS soll nun auch im IE funktionieren
Seite: Zurück  1, 2
Autor Nachricht
Dryn

Dabei seit: 04.10.2007
Ort: Kitzingen / Marktbreit
Alter: 33
Geschlecht: Männlich
Verfasst Do 04.10.2007 13:39
Titel

Antworten mit Zitat Zum Seitenanfang

Hat sich schon erledigt....

jetzt nur ein weiteres Problem: www.starpaint.eu/starpaint_neu/ dort zu sehen, habe dort das Suckerfisch eingebaut, funtioniert auch prima im IE - Das Problem: Wie zentriere ich den Menü-Block?

Hier mal der CODE von der index: (unötiges entfernt um die übersicht zu waren)

Code:


        <td bgcolor="#000000" width="150" height="30">&nbsp;</td>
      <td widthheight="30">
           <ul id="nav">
         <li><a href="#"><center>Über uns!</center></a>
            <ul>
               <li><a href="#">Konzept</a></li>
               <li><a href="#">Qualität >></a>
                  <ul>
                     <li><a href="#">Echeneis</a></li>
                     <li><a href="#">Phtheirichthys</a></li>
                     <li><a href="#">Remora</a></li>
                     <li><a href="#">Remorina</a></li>
                     <li><a href="#">Rhombochirus</a></li>
                  </ul>
               </li>
               <li><a href="#">Kontakt</a></li>
               <li><a href="#">Service</a></li>
            </ul>
         </li>

         <li><a href="#"><center>Produkte</center></a>
            <ul>
               <li><a href="#">Effektlacke</a></li>
               <li><a href="#">WasserTransferDruck</a></li>
               <li><a href="#">ChromePlatingSystem</a></li>
               <li><a href="#">Klarlacke</a></li>
               <li><a href="#">NON Paints</a></li>
            </ul>
         </li>
         <li><a href="#"><center>Partner</center></a>
            <ul>
               <li><a href="#">Unsere Partner</a></li>
               <li><a href="#">Partner werden</a></li>
            </ul>
         </li>
         <li><a href="#"><center>Messen</center></a>
            <ul>
               <li><a href="#">Messetermine</a></li>
               <li><a href="#">Messepreise</a></li>
               <li><a href="#">Messebilder</a></li>
            </ul>
         </li>

         <!-- etc. -->

         </ul>
      </td>
   


und hier von dem CSS:

Code:


#nav, #nav ul {
   margin: auto;
   list-style: none;
   line-height: 2;
   background-color: #ffffff;
   
}

#nav a {
   display: block;
   line-height: 2;
}

#nav li {
   float: left;
   width: 9em;
   line-height: 2;
   padding: 0px;
   border-bottom: 1px solid #cccccc;
   margin: auto;
}

#nav li ul {
   position: absolute;
   width: 9em;
   left: -999em;
   line-height: 2;
   padding: 5px;
   border: 1px solid #cccccc;
}

#nav li:hover ul {
   left: auto;
   line-height: 2;
}
#nav li:hover ul, #nav li.sfhover ul {
   left: auto;
   line-height: 2;
}
#nav li ul ul {
   margin: -1.3em 0 0 8.8em;
   line-height: 2;
}

#nav, #nav ul {
   padding: 0;
   margin: 0;
   list-style: none;
   line-height: 1;

}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
   left: -1000em;
   line-height: 2;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
   left: auto;
   line-height: 2;
}
li>ul {
   top: auto;
   left: auto;
   }


Hoffe irgendwer kann mir da weiterhelfen...
  View user's profile Private Nachricht senden
Kraat

Dabei seit: 05.10.2006
Ort: Köln
Alter: 35
Geschlecht: Männlich
Verfasst Do 04.10.2007 13:55
Titel

Antworten mit Zitat Zum Seitenanfang

Das Thema hatte ich doch heut schon mal ^^
http://www.peterkroener.de/2007/07/11/drop-down-menue-mit-css-und-fast-ohne-javascript/
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Dryn

Dabei seit: 04.10.2007
Ort: Kitzingen / Marktbreit
Alter: 33
Geschlecht: Männlich
Verfasst Mo 08.10.2007 09:09
Titel

Antworten mit Zitat Zum Seitenanfang

Hmm naja es funktioniert ja *zwinker* AAAAAber - ich will das die Elemente (zu sehen hier: www.starpaint.eu/starpaint_neu/) Die immer zu sehen (nicht die ausklappbaren elemente) zentriert. WEIL, wenn ich nen <center> einbaue oder im CSS ne foramtierung mache, dann sind die Elemente ALLE auch im ausklappbaren bereich zentriert und die sollen linksbündig sein.


ich hoffe ihr könnt mir helfen...
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 08.10.2007 09:13
Titel

Antworten mit Zitat Zum Seitenanfang

Sind sie doch?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Dryn

Dabei seit: 04.10.2007
Ort: Kitzingen / Marktbreit
Alter: 33
Geschlecht: Männlich
Verfasst Mo 08.10.2007 09:23
Titel

Antworten mit Zitat Zum Seitenanfang

aehm nein - wie man an dem rahmen sieht ist der "MENUBALKEN" so nenne ich ihn mal hier - nicht zentriert nur die texte in der liste.

ist etwas schwer zu beschreiben...
  View user's profile Private Nachricht senden
 
Ähnliche Themen CSS Drop Down Menü
CSS Drop-Down Menü mit Javascript
Problem mit Drop-Down Menü [CSS]
Drop Down Menü
Drop-Down Menü
Drop Down Menü
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2
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.