[CSS] Link Element (a) größe ist nicht anpassbar

Dieses Thema im Forum "Webdesign" wurde erstellt von badloader, 29. Juni 2009 .

Schlagworte:
  1. 29. Juni 2009
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    Link Element (a) größe ist nicht anpassbar

    Hi,

    folgendes Problem:

    die Linkgröße (wegen dem Background) soll 148px*26px von den Abmessungen her sein. Aber aus irgendeinem Grund ist der background nur so hoch und breit wie das Wort "im inneren". Die Größe passt sich an obwohl ich das nicht will....

    Bild

    Weiß wer wo das Problem liegt?

    CSS:
    Code:
    *, img {
     margin: 0;
     padding: 0;
     border: 0;
    }
    /* [...] [...] */
    #content_left ul, #content_right ul {
     margin-bottom: 25px;
     list-style-type: none;
    }
    #content_left ul li, #content_right ul li {
     margin-bottom: 10px;
     text-align: center;
     height: 26px;
     line-height: 26px;
    }
    #content_left ul li a {
     background: url('../img/no-active.jpg') no-repeat;
     height: 26px;
     width: 148px;
     line-height: 26px;
     color: #fff;
     text-decoration: none;
    }
    #content_left ul li a:hover, #content_left ul li a.active {
     background: url('../img/active.jpg') no-repeat;
     width: 148px;
     height: 26px;
     line-height: 26px;
     color: #fff;
     text-decoration: none;
    }
    HTML:
    <!-- [...] --> <div id="content_left">
     <ul>
     <li><a href="#" class="active">Start</a></li>
     <div class="sublist">
     <ul>
     <li><a href="#">News</a></li>
     <li><a href="#">Einstellungen</a></li>
     <li><a href="#">Hilfe</a></li>
     </ul>
     </div>
     </ul>
    <!-- [...] -->
    
     
  2. 29. Juni 2009
    AW: Link Element (a) größe ist nicht anpassbar

    Wenn ich dein Problem richtig verstanden habe, sollte ein Hinzufügen von "padding: ##px;" dein Problem lösen. Damit kannst du einstellen, wie groß der Hintergrund hinter dem Link sein soll.
     
  3. 29. Juni 2009
    AW: Link Element (a) größe ist nicht anpassbar

    Okay das klaptt jetzt super.

    Aber ich kann doch jetzt nicht für jedes Listenelement ein eigenes padding einrichten?!?! Es steht ja nicht immer das gleiche drinnen. und dann sind die nimmer zentriert
     
  4. 29. Juni 2009
    AW: Link Element (a) größe ist nicht anpassbar

    Gib deinem <a> mal ein display:block;
    Dann sollte es mit deinen Breiten- und Höhenangaben funktionieren.
     
  5. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.