Ergebnis 1 bis 7 von 7

Thema: Bg Grafiken - Flyout Menü

  1. #1
    Kaiser(in)
    Registriert seit
    08.12.2005
    Beiträge
    2.460
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Bg Grafiken - Flyout Menü

    Ich habe ein Ausklappmenü.
    Funtioniert in allen Broswern.
    Jedoch möchte Ich Hintergrundgrafiken definieren
    und der IE macht sobald diese drin sind Probleme.
    Könnte mir eventuell jemand einen Tipp geben?

    Dank im voraus!

    Der Code:
    Code:
    <!--&#91;if lte IE 6&#93;>
    <style type="text/css">
    table &#123;border-collapse&#58;collapse; border&#58;0; margin&#58;0; padding&#58;0;&#125;
    
    .menu ul li a.hide, .menu ul li a&#58;visited.hide &#123;display&#58;none;&#125;
    .menu ul li a&#58;hover ul li a.hide &#123;display&#58;none;&#125;
    
    .menu ul li a&#58;hover &#123;color&#58;#000; background&#58;#888888; &#125;
    .menu ul li a&#58;hover ul &#123;display&#58;block; position&#58;absolute; top&#58;0; left&#58;111px; width&#58;111px;&#125;
    .menu ul li a&#58;hover ul li a.sub &#123;background&#58;#FF9501; color&#58;#000;&#125;
    .menu ul li a&#58;hover ul li a &#123;display&#58;block; background&#58;#d7d7d7; color&#58;#000000; width&#58;110px; &#125;
    .menu ul li a&#58;hover ul li a ul &#123;visibility&#58;hidden;&#125;
    .menu ul li a&#58;hover ul li a&#58;hover &#123;background&#58;#888888; color&#58;#000; &#125;
    .menu ul li a&#58;hover ul li a&#58;hover ul &#123;visibility&#58;visible; position&#58;absolute; left&#58;111px; top&#58;0; color&#58;#000;&#125;
    .menu ul li a&#58;hover ul li a&#58;hover ul li a &#123;display&#58;block; width&#58;150px; background&#58;#dfc184; color&#58;#000;&#125;
    .menu ul li a&#58;hover ul li a&#58;hover ul li a&#58;hover &#123;background&#58;#bd8d5e; color&#58;#fff;&#125;
    </style><!&#91;endif&#93;-->
    
    <style type="text/css">
    .menu &#123;font-family&#58; arial, sans-serif; width&#58;112px; height&#58;110px; position&#58;relative; margin&#58;0; font-size&#58;11px; margin-top&#58;30px;&#125;
    .menu ul li a, .menu ul li a&#58;visited &#123;display&#58;block; text-decoration&#58;none; color&#58;#000000; width&#58;110px; height&#58;20px; text-align&#58;center; border&#58;1px solid #6D6D6D; border-width&#58;1px 1px 1px 1px; background&#58;#d7d7d7; line-height&#58;19px; font-size&#58;11px; &#125;
    .menu ul &#123;padding&#58;0; margin&#58;0;list-style-type&#58; none; &#125;
    .menu ul li &#123;float&#58;left; margin-right&#58;1px; position&#58;relative;&#125;
    .menu ul li ul &#123;display&#58; none;&#125;
    
    .menu ul li&#58;hover a &#123;color&#58;#000; background&#58;#888888; &#125;
    .menu ul li&#58;hover ul &#123;display&#58;block; position&#58;absolute; top&#58;0; left&#58;111px; width&#58;111px;&#125;
    .menu ul li&#58;hover ul li a.hide &#123;background&#58;#FF9501; color&#58;#000;&#125;
    .menu ul li&#58;hover ul li&#58;hover a.hide &#123;width&#58;110px;&#125;
    .menu ul li&#58;hover ul li ul &#123;display&#58; none;&#125;
    .menu ul li&#58;hover ul li a &#123;display&#58;block; background&#58;#d7d7d7; color&#58;#000000; width&#58;110px; &#125;
    .menu ul li&#58;hover ul li a&#58;hover &#123;background&#58;#888888; color&#58;#000; &#125;
    .menu ul li&#58;hover ul li&#58;hover ul &#123;display&#58;block; position&#58;absolute; left&#58;151px; top&#58;0; color&#58;#000;&#125;
    .menu ul li&#58;hover ul li&#58;hover ul li a &#123;display&#58;block; width&#58;150px; background&#58;#dfc184; color&#58;#000;&#125;
    .menu ul li&#58;hover ul li&#58;hover ul li a&#58;hover &#123;background&#58;#bd8d5e; color&#58;#fff;&#125;
    &#125;
    </style>
    Code:
    	
    <div class="menu">
    <ul>[*]Link
    [*]Link
    <!--&#91;if lte IE 6&#93;>
    <a href="#">Link
    <table><tr><td>
    <!&#91;endif&#93;-->
    <ul>[*]Link II[/list]
    <!--&#91;if lte IE 6&#93;>
    </td></tr></table>
    </a>
    <!&#91;endif&#93;-->
    
    [/list]
    </div>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    König(in) Avatar von yeti66
    Registriert seit
    21.10.2005
    Ort
    Harz
    Alter
    51
    Beiträge
    1.152
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    xXx_BaSStar_xXx,

    also so funktioniert alles im IE7,FF2.0 und Opera. Der IE6 streikt natürlich auch ohne grafischem Hintergrund.
    Angehängte Dateien Angehängte Dateien
    Gruß yeti66
    ___________________________________________
    http://www.phpcontact.net/ Kontaktformulare für die eigene Hompage
    http://www.norbert-klippstein.de Freiberuflicher Musiker für individuelle Musikdienstleistungen

  3. #3
    Kaiser(in)
    Themenstarter

    Registriert seit
    08.12.2005
    Beiträge
    2.460
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hm naja aber im IE6 funktioniert es wenigstens
    annähernd korrekt ONHE Grafiken. Aber sobald die drin
    sind klappt nichts mehr aus.

    Danke für das Beispiel.

  4. #4
    König(in) Avatar von yeti66
    Registriert seit
    21.10.2005
    Ort
    Harz
    Alter
    51
    Beiträge
    1.152
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    xXx_BaSStar_xXx,

    tut mir leid, bei mir tut sich nichts im IE6. Konnte es auch nicht, das ich die bg`s nur im nicht kommentierten Bereich eingesetzt habe. Was zwar eine Unterlassungssünde war aber trotzdem im IE6 nichts brachte, nachdem ich das ausgebügelt hatte. Statt der Kommentierung habe ich jetzt den *html Hack benutzt. Jetzt klappte es im IE6/IE7,FF2.0 und Opera. IE5 und 5.5 habe ich nicht auf dem Rechner und müsste ich erst nachinstallieren. Außerdem bin ich überzeugt, das sich der CSS-Bereich noch optimieren lässt. Da habe ich mich aber nun nicht versucht.
    Angehängte Dateien Angehängte Dateien
    Gruß yeti66
    ___________________________________________
    http://www.phpcontact.net/ Kontaktformulare für die eigene Hompage
    http://www.norbert-klippstein.de Freiberuflicher Musiker für individuelle Musikdienstleistungen

  5. #5
    Kaiser(in)
    Themenstarter

    Registriert seit
    08.12.2005
    Beiträge
    2.460
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hey yeti66,

    Danke... sehr fein.
    Allerdings schau es dir bitte nochmal im IE7 an und klicke
    auf einen "Button" der ersten Ebene. Es verschwindet genau
    dieser und alle rücken nach.

    display { none; } ?

  6. #6
    König(in) Avatar von yeti66
    Registriert seit
    21.10.2005
    Ort
    Harz
    Alter
    51
    Beiträge
    1.152
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    xXx_BaSStar_xXx,

    , da hast Du recht. Schusselig wie immer: richtig muß es heißen:

    Code:
    *html .menu ul li a.hide, *html .menu ul li a&#58;visited.hide &#123;display&#58; none;&#125;
    Hinter dem Komma fehlte das *html. Jetzt sollte es laufen.
    Gruß yeti66
    ___________________________________________
    http://www.phpcontact.net/ Kontaktformulare für die eigene Hompage
    http://www.norbert-klippstein.de Freiberuflicher Musiker für individuelle Musikdienstleistungen

  7. #7
    Kaiser(in)
    Themenstarter

    Registriert seit
    08.12.2005
    Beiträge
    2.460
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Kollege, ich bin Ihnen sehr verbunden.

Ähnliche Themen

  1. Grafiken
    Von goldeneye im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 3
    Letzter Beitrag: 07.08.2008, 17:12
  2. Grafiken
    Von davidos_no.1 im Forum Computer - Internet Forum
    Antworten: 7
    Letzter Beitrag: 09.02.2008, 11:25
  3. Aufklappendes Menü mit Grafiken
    Von PsX2X im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 16.10.2007, 18:16
  4. .nif-Grafiken
    Von PC-Freak im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 1
    Letzter Beitrag: 20.05.2007, 22:39
  5. Menü über die Grafiken
    Von psy23 im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 28.09.2005, 17:58

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •