kostenloser Webspace werbefrei: lima-city

Fehler im CSS Menü

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

angezeigt hast auschlag ausschluverfahren background datei denkfehler display effekt explorer fehler gebieten gen hilfe klicken margin menu none schreibe schuld style
  1. Autor dieses Themas

    d********r

    12:38, 3.8.2006
    Hallo Leute ...
    ich wollte gestern ein Men? mit CSS erstellen .. was soweit auch ganz gut geklappt hat. Nur mein Problem ist, dass das Men? mit Mozilla Firefox einwandfrei l?uft und beim IE die Linien zwischen den Buttons beim Mouseover verschwinden bzw wieder auftauchen ... :eek: Wie kommt das ??? :confused: Und wie kann ich das beheben ??? W?re echt nett wenn ihr mir helfen k?nntet.

    Also Men? ist das hier:
    http://denkfehler.pyrokar.lima-city.de/Menu.htm

    SourceCode:
    <head>
    <!--CSS Einbinden-->
    <link rel="stylesheet" href="/Homepage/CSS/links.css" type="text/css">
    <link rel="stylesheet" href="/Homepage/CSS/tab.css" type="text/css">
    <link rel="stylesheet" href="/Homepage/CSS/menu.css" type="text/css">
    <!--CSS ENDE-->
    </head>

    <!--HTML-->
    <br><br><br><br><br><br>
    <div class="menu" align="left">
    <a class="menu" href="" target="MAIN">? Home</a>
    <a class="menu" href="" target="MAIN">? Seite 1</a>
    <a class="menu" href="" target="MAIN">? Seite 2</a>
    <a class="menu" href="" target="MAIN">? Seite 3</a>
    <a class="menu" href="" target="MAIN">? Seite 4</a>
    <a class="menu" href="" target="MAIN">? Seite 5</a>
    <a class="menu" href="" target="MAIN">? Seite 6</a>
    </div>
    <!--HTML ENDE-->

    Die wichtige CSS-Datei schreibe ich auch mal noch dazu:

    <!--
    a.menu
    { display:block; margin-bottom:1px; text-align:left; width:20ex;
    border-style:ridge; border-width:0px; padding:1px; text-decoration:none; }

    a.menu:link {
    color:#336699;
    background:#C9DAE8 url() repeat-x;
    text-decoration:none;
    font-weight: normal;
    }

    a.menu:visited {
    color:#336699;
    background:#C9DAE8 url() repeat-x;
    text-decoration:none;
    font-weight: normal;
    }

    a.menu:hover {
    color:#FFFFFF;
    background:#336699 url() repeat-x;
    text-decoration:none;
    font-weight: bold;
    }

    a.menu:active
    {
    color:#FFFFFF;
    background:#336699 url() repeat-x;
    text-decoration:none;
    font-weight: bold;
    }
    -->

    Gru

  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. heavyraptor

    heavyraptor hat kostenlosen Webspace.

    12:48, 3.8.2006
    Hi,

    ich nehme an, dass der style a:menu mit dem Internet Explorer beim hover-Effekt ?berschrieben wird. Vielleicht solltest du den style von a:menu zu den anderen hinzuf?gen.

    mfg,
    hr
  4. Autor dieses Themas

    d********r

    12:52, 3.8.2006
    Huch ... .eeh .. nochmal aud Deutsch ? :confused:

    Also dass der ?berschrieben wird kann gut sein .. aber wo soll ich jetzt den Style einf?gen ? :confused::eek: Sry bin noch relativ neu in dem gebiet ^^

  5. heavyraptor

    heavyraptor hat kostenlosen Webspace.

    12:55, 3.8.2006
    Hi,

    also: du musst die styles von a:menu einfach in die anderen Styles einf?gen (ich bin mir jedoch nicht sicher, ob das geht):
    <!--
    a.menu:link {
    display:block; margin-bottom:1px; text-align:left; width:20ex;
    border-style:ridge; border-width:0px; padding:1px; text-decoration:none;
    color:#336699;
    background:#C9DAE8 url() repeat-x;
    text-decoration:none;
    font-weight: normal;
    }

    a.menu:visited {
    display:block; margin-bottom:1px; text-align:left; width:20ex;
    border-style:ridge; border-width:0px; padding:1px; text-decoration:none;
    color:#336699;
    background:#C9DAE8 url() repeat-x;
    text-decoration:none;
    font-weight: normal;
    }

    a.menu:hover {
    display:block; margin-bottom:1px; text-align:left; width:20ex;
    border-style:ridge; border-width:0px; padding:1px; text-decoration:none;
    color:#FFFFFF;
    background:#336699 url() repeat-x;
    text-decoration:none;
    font-weight: bold;
    }

    a.menu:active {
    display:block; margin-bottom:1px; text-align:left; width:20ex;
    border-style:ridge; border-width:0px; padding:1px; text-decoration:none;
    color:#FFFFFF;
    background:#336699 url() repeat-x;
    text-decoration:none;
    font-weight: bold;
    }
    -->

    mfg,
    hr
  6. Autor dieses Themas

    d********r

    13:06, 3.8.2006
    Mhmm ... hat leider nicht funktioniert ... :(
    Ist immernoch genau der selbe Fehler wie vorher .. -> http://denkfehler.pyrokar.lima-city.de/Menu.htm

  7. heavyraptor

    heavyraptor hat kostenlosen Webspace.

    13:15, 3.8.2006
    Hi,

    du hast an dieser Datei aber auch gar nicht ver?ndert, die CSS-Styles sind immer noch gleich.

    mfg,
    hr
  8. Autor dieses Themas

    d********r

    13:21, 3.8.2006
    ..o.o ..neee .. Ich hab die ge?ndert .. w?re ja doof wenn net O.o

    Hier .. URL is ->
    http://denkfehler.pyrokar.lima-city.de/Homepage/CSS/menu.css

    Klick vll mal auf Aktualisieren oder Cache l?schen .. ?! ... also bei mir wird das neue auch angzeigt

    <!--
    a.menu
    { display:block; margin-bottom:1px; text-align:left; width:20ex;
    border-style:ridge; border-width:0px; padding:1px; text-decoration:none; }

    a.menu:link {
    display:block; margin-bottom:1px; text-align:left; width:20ex;
    border-style:ridge; border-width:0px; padding:1px; text-decoration:none;
    color:#336699;
    background:#C9DAE8 url() repeat-x;
    text-decoration:none;
    font-weight: normal;
    }

    a.menu:visited {
    display:block; margin-bottom:1px; text-align:left; width:20ex;
    border-style:ridge; border-width:0px; padding:1px; text-decoration:none;

    color:#336699;
    background:#C9DAE8 url() repeat-x;
    text-decoration:none;
    font-weight: normal;
    }

    a.menu:hover {
    display:block; margin-bottom:1px; text-align:left; width:20ex;
    border-style:ridge; border-width:0px; padding:1px; text-decoration:none;

    color:#FFFFFF;
    background:#336699 url() repeat-x;
    text-decoration:none;
    font-weight: bold;
    }

    a.menu:active
    {
    display:block; margin-bottom:1px; text-align:left; width:20ex;
    border-style:ridge; border-width:0px; padding:1px; text-decoration:none;

    color:#FFFFFF;
    background:#336699 url() repeat-x;
    text-decoration:none;
    font-weight: bold;
    }
    -->

  9. heavyraptor

    heavyraptor hat kostenlosen Webspace.

    13:27, 3.8.2006
    Hi,

    ja, jetzt wird's bei mir auch angezeigt. Hast recht, es funktioniert noch nicht.

    Vielleicht hat es auch mit dem border-style was zu tun, aber sonst weiss ich echt nicht, was es sonst noch sein k?nnte.

    mfg,
    hr
  10. Autor dieses Themas

    d********r

    13:49, 3.8.2006
    HEy .... hat jetzt irgendwie geklappt xD ... hab einfach mal son bisschen was ge?ndert:

    <!--
    a.menu
    { display:block; margin-bottom:1px; margin-top:1px; text-align:left; width:20ex;
    border-style:none; border-width:0px; padding:1px; text-decoration:none; }

    a.menu:link {
    color:#336699;
    background:#C9DAE8 url() repeat-x;
    text-decoration:none;
    font-weight: normal;
    }

    a.menu:visited {
    color:#336699;
    background:#C9DAE8 url() repeat-x;
    text-decoration:none;
    font-weight: normal;
    }

    a.menu:hover {
    color:#FFFFFF;
    background:#336699 url() repeat-x;
    text-decoration:none;
    font-weight: bold;
    }

    a.menu:active
    {
    color:#FFFFFF;
    background:#336699 url() repeat-x;
    text-decoration:none;
    font-weight: normal;
    }
    -->

    Was jetzt den Auschlag gegeben hat wei? ich net .. aber es funktioniert ^^ xD

  11. heavyraptor

    heavyraptor hat kostenlosen Webspace.

    15:48, 3.8.2006
    Hi,

    das Problem war border-style, wie ich gesagt habe.
    Freut mich, dass es jetzt funktioniert.

    mfg,
    hr
  12. Autor dieses Themas

    d********r

    17:09, 3.8.2006
    Jo ... habs mal per Ausschlussverfahren getestet ^^ ... der BorderStyle war schuld ... ^^ ..
    Danke f?r deine Hilfe ^^

  13. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

Login zum Webhosting ohne Werbung!

Hast Du schon kostenlosen Webspace oder bist Du auf der Suche nach WordPress-Hosting mit Staging-Funktion und wp-cli? Jetzt günstige Prepaid Domains registrieren!