Anzeige

Icon vor einen link?

Icon vor einen link? | PSD-Tutorials.de

Erstellt von Joker_t2005, 26.08.2008.

  1. Joker_t2005

    Joker_t2005 Guest

    Icon vor einen link?
    Hallo,

    ich bin dabei meine Seite mit css umzusetzen.
    Und ich wollte vor jeden Link ein Icon setzen.
    Das ist ein link wo ein Icon vor soll.

    <li><a href="index.php" class="nav">Startseite</a></li>

    Will nicht für jedes Icon einen style machen, und irgenwie soll das mit Listen punkten gehen.

    Wie kann ich das machen?

    LG Joker
     
    #1      
  2. stb_87

    stb_87 Web-Sheriff - ohne Bild

    Dabei seit:
    13.05.2007
    Beiträge:
    1.895
    Geschlecht:
    männlich
    Software:
    dies & das
    Icon vor einen link?
    AW: Icon vor einen link?

    Du verpasst den <li>-Tag einen Innenabstand und fügst davor das Bild ebenfalls über eine Klasse ein.

    Du kannst einem Tag in CSS mehrere Klassen zuweisen:

    HTML:
    1. <li class="bild navi">Test</li>
    HTML:
    1. .bild {
    2. background-image: url(...);
    3. ...
    4. }
    5.  
    6. .navi li {
    7. padding-left: 20px;
    8. ...
    9. }
    Probier das mal aus.
     
    #2      
  3. Joker_t2005

    Joker_t2005 Guest

    Icon vor einen link?
    AW: Icon vor einen link?

    So wird das nichts, da ich ja eine background-image habe. :(
    So wir das icon geteilt und ergibt dann einen rahmen um denn button.
     
    Zuletzt von einem Moderator bearbeitet: 26.08.2008
    #3      
  4. stb_87

    stb_87 Web-Sheriff - ohne Bild

    Dabei seit:
    13.05.2007
    Beiträge:
    1.895
    Geschlecht:
    männlich
    Software:
    dies & das
    Icon vor einen link?
    AW: Icon vor einen link?

    Dann füge mal im <li>-Tag ein <img.../> ein, gebe beiden eine Klasse und spiele dann mit den padding-Angaben rum.
     
    #4      
  5. Top_Gun

    Top_Gun Aktives Mitglied

    Dabei seit:
    24.07.2008
    Beiträge:
    965
    Geschlecht:
    männlich
    Icon vor einen link?
    AW: Icon vor einen link?

    Ne er will die Punkte vor den Listeneinträgen als Bilder haben.

    Das geht so:
    HTML:
    1. <ul style="list-style-image:url(ordner/bild.gif)">
    bzw dann in ne .css eingebaut oder so...
     
    #5      
  6. stb_87

    stb_87 Web-Sheriff - ohne Bild

    Dabei seit:
    13.05.2007
    Beiträge:
    1.895
    Geschlecht:
    männlich
    Software:
    dies & das
    Icon vor einen link?
    AW: Icon vor einen link?

    Aso ;)

    Ich bin davon ausgegangen, dass er für jeden Punkt ein anderes Bild haben möchte.
     
    #6      
  7. Top_Gun

    Top_Gun Aktives Mitglied

    Dabei seit:
    24.07.2008
    Beiträge:
    965
    Geschlecht:
    männlich
    Icon vor einen link?
    AW: Icon vor einen link?

    Achso... hmm... so hab ich das nicht verstanden... wie brauchst du es denn, Joker?
     
    #7      
  8. PhysicalHalluc

    PhysicalHalluc VA Artist

    Dabei seit:
    09.06.2008
    Beiträge:
    46
    Ort:
    Hessen
    Software:
    Illustrator CS6/CC, Photoshop CS6/CC, Inkscape,Gimp,Paint.NET, MagixVideoDeluxPremium,
    Kameratyp:
    Panasonic Lumix DMC-FZ100 & Panasonic Lumix DMC-FZ30
    Icon vor einen link?
    AW: Icon vor einen link?

    oO das habe ich auch gesucht, danke :)
     
    #8      
x
×
×
teststefan