[CSS] In Navigation Icon vor Hyperlink erscheinen lassen

Dieses Thema im Forum "Webdesign" wurde erstellt von ~Illuminatus~, 17. Februar 2011 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 17. Februar 2011
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    In Navigation Icon vor Hyperlink erscheinen lassen

    Ich habe folgendes Problem:

    Ich möchte wie abgebildet vor den Links im Menü als Hintergrundbild eine Traube links vom Link platzieren.
    Bild

    Dies wollte ich per background-image realisieren. Wenn ich das so mache dann wiederholt er die Traube.

    Bild

    Deswegen hab ich unter background-image..... background-repeat: no-repeat geschrieben.

    Bild

    Dann sieht es aber leider so aus:

    Bild

    Also er zeigt die Traube dann gar nicht mehr an.

    Weiß jemand Rat?
    Danke im Voraus
     
  2. 17. Februar 2011
    AW: In Navigation Icon vor Hyperlink erscheinen lassen

    ist recht einfach
    mach dein link z.b. so
    Code:
    // css
    a.link {
     display: block;
     padding-left: 12px;
     background: #f00 url(img/bild.jpg) 2px 2px no-repeat;
    }
    a.link:hover {
     background: #f00 url(img/bild2.jpg) 2px 2px no-repeat;
    }
    // html
    <a href="#" class="link">link</a>
    
    zum background

    background: farbe url(bild) links oben wiederholung;

    display: block sorgt dafür, dass du ein a-tag bearbeiten kannst.
     
  3. 17. Februar 2011
    AW: In Navigation Icon vor Hyperlink erscheinen lassen

    Dankeschön

    Closed
     
  4. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.