ilch Forum » Allgemein » HTML, PHP, SQL,... » drop down menü mit css

Geschlossen
  1. #1
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    hi leute ich hab ein CSS drop down menü mit listen gemacht das funktioniert soweit prima

    nur im ie nicht ... gibts da en trick das es da auch geht?
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    fensziii Mitglied
    Registriert seit
    23.10.2009
    Beiträge
    15
    Beitragswertungen
    0 Beitragspunkte
    ein link oder dein code wer hilfreich
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Swamp Mitglied
    Registriert seit
    02.02.2006
    Beiträge
    2.094
    Beitragswertungen
    21 Beitragspunkte
    Internet Explorer deinstallieren.


    EDIT:
    Dein Link zur Seite noch. zunge
    Zuletzt modifiziert von Swamp am 23.07.2010 - 13:17:00
    Wer zuletzt lacht, hat den schlechtesten Ping.
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    menü:
    <div style="width:966px;" class="menu">
    <ul>
    <li><font face="Lucida Sans Unicode"><a href="?home&sid=f5d7flju4jtl2pdle8a690hq92" target="_self" >Home</a>
    </font>
    </li>
    <li><font face="Lucida Sans Unicode"><a href="?sid=f5d7flju4jtl2pdle8a690hq92" target="_self" >Immobilien</a>
    </font>
    <ul>
    <li><a href="?verkauf_immobilien&sid=f5d7flju4jtl2pdle8a690hq92" target="_self">
    <font face="Lucida Sans Unicode">Verkauf von Wohnimmobilien</font></a></li>
    <li><a href="?mieten_wohnungen&sid=f5d7flju4jtl2pdle8a690hq92" target="_self"><font face="Lucida Sans Unicode">Vermietung von Wohnungen</font></a></li>
    <li><a href="?mieten_haeuser&sid=f5d7flju4jtl2pdle8a690hq92" target="_self"><font face="Lucida Sans Unicode">Vermietung von Häusern</font></a></li>
    <li><a href="?verkauf_gewerbeimmobilien&sid=f5d7flju4jtl2pdle8a690hq92" target="_self">
    <font face="Lucida Sans Unicode">Verkauf von Gewerbeimmobilien</font></a></li>
    <li><a href="?verpachtung_gewerbeimmobilien&sid=f5d7flju4jtl2pdle8a690hq92" target="_self">
    <font face="Lucida Sans Unicode">Verpachtung von Gewerbeimmobilien</font></a></li>
    <li><a href="?vermietung_gewerbeimmobilien&sid=f5d7flju4jtl2pdle8a690hq92" target="_self">
    <font face="Lucida Sans Unicode">Vermietung von Gewerbeimmobilien</font></a></li>
    
    </ul>
    </li>
    <li><font face="Lucida Sans Unicode"><a href="?sid=f5d7flju4jtl2pdle8a690hq92" target="_self" >Leistungen</a>
    </font>
    <ul>
    <li><a href="?immobilienvermittlung&sid=f5d7flju4jtl2pdle8a690hq92" target="_self">
    <font face="Lucida Sans Unicode">Immobilienvermittlung</font></a></li>
    <li><a href="?hausverwaltung_wohimmobilien&sid=f5d7flju4jtl2pdle8a690hq92" target="_self">
    <font face="Lucida Sans Unicode">Hausverwaltung von Wohnimmobilien</font></a></li>
    <li><a href="?hausverwaltung_gewerbeimmobilien&sid=f5d7flju4jtl2pdle8a690hq92" target="_self">
    <font face="Lucida Sans Unicode">Hausverwaltung von Gewerbeimmobilien</font></a></li>
    <li><a href="?facility_management&sid=f5d7flju4jtl2pdle8a690hq92" target="_self">
    <font face="Lucida Sans Unicode">Facility</font><font face="Lucida Sans Unicode"> Management</font></a></li>
    <li><a href="?Beratung&sid=f5d7flju4jtl2pdle8a690hq92" target="_self"><font face="Lucida Sans Unicode">Beratung</font></a></li>
    
    
    
    </ul>
    </li>
    <li><font face="Lucida Sans Unicode"><a href="?sid=f5d7flju4jtl2pdle8a690hq92" target="_self" >Formulare</a>
    </font>
    <ul>
    <li><a href="?formular1&sid=f5d7flju4jtl2pdle8a690hq92" target="_self"><font face="Lucida Sans Unicode">Verkauf</font></a></li>
    <li><a href="?formular2&sid=f5d7flju4jtl2pdle8a690hq92" target="_self"><font face="Lucida Sans Unicode">Vermittlung von Wohnraum</font></a></li>
    
    
    </ul>
    </li>
    <li><font face="Lucida Sans Unicode"><a href="?agb&sid=f5d7flju4jtl2pdle8a690hq92" target="_self" >AGB / Honorarregelung</a>
    </font>
    </li>
    <li><font face="Lucida Sans Unicode"><a href="?contact&sid=f5d7flju4jtl2pdle8a690hq92" target="_self" >Kontakt</a>
    </font>
    </li>
    <li><font face="Lucida Sans Unicode"><a href="?impressum&sid=f5d7flju4jtl2pdle8a690hq92" target="_self" >Impressum</a>
    </font>
    </li>
    </ul>
    </div>

    css datei:
    .menu{
    	border:none;
    	border:0px;
    	margin:0px;
    	padding:0px;
    	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    	font-size:14px;
    	font-weight:bold;
    	}
    .menu ul{
    	background:#333333;
    	height:35px;
    	list-style:none;
    	margin:0;
    	padding:0;
    	}
    	.menu li{
    		float:left;
    		padding:0px;
    		}
    	.menu li a{
    		background:#333333 url('img/menu/images/seperator.gif') no-repeat bottom right;
    		color:#cccccc;
    		display:block;
    		font-weight:normal;
    		line-height:35px;
    		margin:0px;
    		text-align:center;
    		text-decoration:none; padding-left:25px; padding-right:25px; padding-top:0px; padding-bottom:0px
    		}
    		.menu li a:hover, .menu ul li:hover a{
    			background: #00aaff url('img/menu/images/hover.gif') no-repeat bottom center;
    			color:#FFFFFF;
    			text-decoration:none
    			}
    	.menu li ul{
    		background:#333333;
    		display:none;
    		height:auto;
    		padding:0px;
    		margin:0px;
    		border:0px;
    		position:absolute;
    		width:290px;
    		z-index:200;
    		/*top:1em;
    		/*left:0;*/
    		}
    	.menu li:hover ul{
    		display:block;
    		
    		}
    	.menu li li {
    		background:url('img/menu/images/sub_sep.gif') bottom left no-repeat;
    		display:block;
    		float:none;
    		margin:0px;
    		padding:0px;
    		width:290px;
    		}
    	.menu li:hover li a{
    		background:none;
    		
    		}
    	.menu li ul a{
    		display:block;
    		height:35px;
    		font-size:12px;
    		font-style:normal;
    		margin:0px;
    		padding:0px 10px 0px 15px;
    		text-align:left;
    		}
    		.menu li ul a:hover, .menu li ul li:hover a{
    			background:#00aaff url('img/menu/images/hover_sub.gif') no-repeat center left;
    			border:0px none;
    			color:#ffffff;
    			text-decoration:none
    			}
    	.menu p{
    		clear:left;
    		}
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    keiner eine idee?
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    LittleBIGFan Mitglied
    Registriert seit
    28.11.2009
    Beiträge
    314
    Beitragswertungen
    2 Beitragspunkte
    Screen oder Link zur Seite? Wenn man sieht wie's ausschaut, kann man dir eher helfen zwinker
    externer Link Guardians of the Relic
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    Hier findest du ein css-menü, dass in allen Browsern funktioniert: htmldog.com/articles/suckerfish/dropdowns/

    Für den Internet Explorer liegt eine kleine JavaScript-Datei dabei.

    Liebe Grüße
    Jan
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    also das problem im ie ist das die drop downs nicht erscheinen .
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    lordrepha Mitglied
    Registriert seit
    11.03.2006
    Beiträge
    1.362
    Beitragswertungen
    22 Beitragspunkte
    das ist toll daazu müsste man mal wissen in welchem ie in allen???

    ein Link wurde schon vorher verlangt gibt es aber bis jetzt nicht...

    du kannst dir gerne diese drop down menü anschauen von mir

    fliesen-laatzen.de/

    bis auf den ie6 geht das menü in allen gängigen Brwosern
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    ja es geht in keinem ie ..

    ichhab das auch so mit ner liste


    Zuletzt modifiziert von holz am 27.07.2010 - 08:28:21
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    Wizzard26 Mitglied
    Registriert seit
    05.03.2009
    Beiträge
    259
    Beitragswertungen
    33 Beitragspunkte
    Kontrolier nochmal genau deine CSS datei du hast wie ich auf den ersten blick sehe einige zeilen nicht geschlossen
    ZitatZitat
    #
    text-decoration:none; padding-left:25px; padding-right:25px; padding-top:0px; padding-bottom:0px
    #
    }


    ZitatZitat
    #
    color:#FFFFFF;
    #
    text-decoration:none
    #
    }

    ZitatZitat
    #
    border:0px none;
    #
    color:#ffffff;
    #
    text-decoration:none
    #
    }


    wenn ich das noch richtig hab verzeit ff sowas schonmal aber ie nie

    greetz Wizz
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    danke aber leider keine veränderung
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    ZitatZitat geschrieben von lordrepha

    das ist toll daazu müsste man mal wissen in welchem ie in allen???

    ein Link wurde schon vorher verlangt gibt es aber bis jetzt nicht...

    du kannst dir gerne diese drop down menü anschauen von mir

    fliesen-laatzen.de/

    bis auf den ie6 geht das menü in allen gängigen Brwosern


    danke ich hab mal dein menü in meine webseite integriert ... seltsamerweise hab ich das selbe problem wie bei meinem menü ... ist doch merkwürdig oder?

    hab ich was falsch gecodet?
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    ekie Mitglied
    Registriert seit
    25.04.2008
    Beiträge
    528
    Beitragswertungen
    7 Beitragspunkte
    Haste du es jetzt vielleicht hinbekommen?

    Mich interessiert es auch sehr...

    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten