CSS Frage..

  • Hallo..


    Ich habe einen Image Hoster .. und da ist ein Menu der code ist so


    Code
    <a href="{script_ordner}/{INDEX_PHP}" title="Startseite" class="header_topleiste">Startseite</a>


    usw..


    So meine Frage.. Wie kann ich da ein Icon hinmachen? :)


    lg Marci

  • Meinst du so eine Menüleiste wie bei WoltLab, sprich diesem Forum?
    Also links das Icon und Rechts der Text?


    So:
    Forum


    Das wäre schwer zu machen ohne einen Code, kannst du vielleicht die Webseite mal posten, damit ich mir mal das näher ansehen kann? :D

  • Setzt das hier


    Code
    <img src="PFAD DES ICONS" style="position:relative; top:9px; right:2px; border:0px;" alt="" />


    Je nach der größe des Icons:
    top:9x bedeutet, dass das Icon nach unten verschiebt wird, wenn man eine höhere Zahl angibt,
    right:2px: genau dasselbe, bloß nach links... :D


    mal zwischen diesen Code hinein (zwischen die Menülinks)


    Code
    <a href="{script_ordner}/{INDEX_PHP}" title="Startseite" class="header_topleiste"><HIER EINSETZEN>Startseite</a>


    Ich denke, dass ist selbsterklärend wenn man sich schon mal mit HTML und CSS befasst hat... :D


    Wenn du noch eine Frage hast, her damit! :D

  • Code
    <img src="image/home.png" style="position:relative; top:9px; right:2px; border:0px;" alt="" />


    also so oder?


    Code
    <a href="{script_ordner}/{INDEX_PHP}" title="Startseite" class="header_topleiste"><img src="image/home.png" style="position:relative; top:9px; right:2px; border:0px;" alt="" />>Startseite</a>


    lg Marci

  • Wie gesagt, die Nummern einfach verändern...


    Also z.B.: top:9px; right:2px;


    Wenn top eine höhere Zahl hat dann geht das Bild nach unten, wenn kleiner nach oben...
    Wenn right eine höhere Zah hat, geht es nach rechts, wenn kleiner nach links...


    Meinst du die einzelnen Links + Icon weiter auseinander? :D

  • Ok:
    Füge das


    Code
    style="padding:0px 0px 5px 0px;"


    Verändere die dritte Zahl nach deinem Wünschen, es kann nur weiter rauf oder weiter runter gehen... :D


    Attribut einfach in diesen Code ein:


    Code
    <td class="header_topleiste" <HIER>>


    Der Code befindet sich über den Code der Menülinks.

  • do.de - Domain-Offensive - Domains für alle und zu super Preisen
  • Benutzt ja doch Stylesheet :>


    Da steht:



    Das 2 Bild wird anscheined nicht gefunden.


    ersetz mal



    mit


  • Cool danke :)


    Ähm ne fagre .. wen du bei mir auf FAQ gehst dann verzeiht sich dass ganze design ..


    hier ist mein FAQ



    Wie kann ich z.b. bei dem 2 den text auf 3 zeilen aufteilen etc.?


    lg Marci