CSS-Problem

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • CSS-Problem

    Hallo

    Ich habe in meiner CSS Datei folgenden Eintrag:

    Code:
    nav A:hover {
    width : 140px;
    height : 21px;
    color : black;
    background-color : #CCFFCC; 
    padding : 2px;
    border : 1px solid #666666;
    text-decoration: none; }
    {
    Wenn ich die Verknüpfung zur Datei vor dem HEAD Teil anbringe, also in der ersten Zeile des Quellcodes,
    Code:
    <link href="css/mein.css" rel="stylesheet" type="text/css">
    funktioniert alles wunderbar und die Breite vom A:hover ist 140 Pix.

    So sieht das dann aus:


    Wenn ich die Verlinkung jedoch wie üblich in den HEAD Bereich nehme, dann wird der Hover nur so breit wie der Text.

    Das sieht dann so aus:


    Woran kann das liegen???

    Ich verwende übrigens den IE6. Mit dem Firefox wird nie die Ganze breite von 140 Pix angezeigt. Aber das ist ein anderes Problem.

    gruss rene76

  • #2
    du überschreibst die Formatierung irgendwo, also untersuche alle inkludierten Dateien.

    Kommentar


    • #3
      Re: CSS-Problem

      Original geschrieben von rene76
      Wenn ich die Verknüpfung zur Datei vor dem HEAD Teil anbringe, also in der ersten Zeile des Quellcodes,
      Code:
      <link href="css/mein.css" rel="stylesheet" type="text/css">
      funktioniert alles wunderbar und die Breite vom A:hover ist 140 Pix.
      wenn etwas total falsch läuft, würde ich das nicht als wunderbar bezeichnen.

      Ich verwende übrigens den IE6. Mit dem Firefox wird nie die Ganze breite von 140 Pix angezeigt. Aber das ist ein anderes Problem.
      das ganze problem ist ein anderes, als du denkst.

      du hast width nicht verstanden.
      http://www.w3.org/TR/CSS21/visudet.h...width-property
      I don't believe in rebirth. Actually, I never did in my whole lives.

      Kommentar


      • #4
        Original geschrieben von asp2php
        du überschreibst die Formatierung irgendwo, also untersuche alle inkludierten Dateien.
        Da hast Du recht. In einer inkludeten Datei habe ich die Datei ebenfalls verknüpft.

        Jetzt wird aber alles so angezeigt:


        das ganze problem ist ein anderes, als du denkst.

        du hast width nicht verstanden.
        http://www.w3.org/TR/CSS21/visudet....-width-property
        Da sehe ich nicht ganz durch. Wie kann ich denn das lösen?

        gruss rene76

        Kommentar


        • #5
          Original geschrieben von rene76
          Da sehe ich nicht ganz durch. Wie kann ich denn das lösen?
          in dem du die voraussetzungen dafür schaffst, dass width interpretiert werden darf.

          beispielsweise, in dem du die links mit display:block formatierst.
          I don't believe in rebirth. Actually, I never did in my whole lives.

          Kommentar


          • #6
            beispielsweise, in dem du die links mit display:block formatierst.
            aha, habe soeben viel gelernt! Danke.

            Inzwischen sieht es auch schon besser aus. Einzig mit der Höhe bin ich noch am kämpfen.


            Anstelle von 21 Pixel bin ich jetzt bei 27 Pixel. Woran kann das liegen?

            gruss rene76

            Kommentar


            • #7
              Anstelle von 21 Pixel bin ich jetzt bei 27 Pixel. Woran kann das liegen?
              schuss ins blaue: irgendwo ein line-height?

              gruss
              peter
              Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
              Meine Seite

              Kommentar


              • #8
                Habe das Problem gefunden und behoben.

                Nun läufts so wie es sollte. Auch mit Firefox.

                Danke für die Unterstützung.

                gruss rene76

                Kommentar

                Lädt...
                X