intcase: Image im Button

SELF-Forum

Image im Button

intcase Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo

wie kann Ich bei per CSS erzeugten buttons kleine Grafiken vor den Link text positionieren? Ich will z.b. eine Navigationsleiste mit 10 Links und neben dem Text,der den link beschreibt soll jeweils noch ein zum link passendes IMG sichtbar sein,der Hintergrund der Navigationsleiste soll Transparent sein und die farbe der Links soll bei hover sich ändern, aber nicht das img, hab schon paar sachen gefunden aber nicht was Ich suche (oder kann es nicht richtig deuten).
Danke im voraus
Mit freundlichem Grüz

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Image im Button

    Knusperklumpen
    – Informationen zu den Bewertungsregeln

    Hi,
    schau mal hier http://de.selfhtml.org/html/formulare/klickbuttons.htm#modern

    mfg
    Knusperklumpen

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Image im Button

      intcase Homepage des Autors
      – Informationen zu den Bewertungsregeln

      Hi,
      schau mal hier http://de.selfhtml.org/html/formulare/klickbuttons.htm#modern

      mfg
      Knusperklumpen

      Hi,
      und Danke für die schnelle hilfe aber das war nicht was Ich suche, da Ich weder die Grafik
      im Button z.b. links ausrichten kann und auch kein Link anbringen kann (nur alert box),
      hab ein bisschen Experimentiert aber kam nichs bei raus, mir gehts nur um den hover effekt
      den ich nicht mit 2 grafiken reallisieren möchte, da soll einfach nur die grafik links
      und der linktext rechts im Button stehen und wenn die maus drüberfährt soll sich
      die Farbe des textes ändern,
      Danke im vorraus
      mfg
      Intcase

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Image im Button

        Knusperklumpen
        +1 Informationen zu den Bewertungsregeln

        Hi ... dann "bau" dir den Button doch selbst mit CSS, z.B. so:

        <html>
        <head>
        <title></title>
        <style type="text/css">
        #navlist
        {
        margin: 0;
        padding: 0px 0px 0px 0px;
        font: bold 12px arial;
        width: 110px;
        text-align: left;
        background:transparent;
        }

        #navlist a
        {
        display: block;
        padding: 0px 0px 0px 0px;
        width: 110px;
        height: 20px;
        color:#333333;
        background:transparent;
        }

        #navlist a:link
        {
        display: block;
        padding: 0px 0px 0px 0px;
        text-decoration: none;
        width: 110px;
        height: 20px;
        border:1px solid black;
        background:transparent;
        }

        #navlist a:visited
        {
        display: block;
        padding: 0px 0px 0px 0px;
        text-decoration: none;
        width: 110px;
        height: 20px;
        border:1px solid black;
        background:transparent;
        }

        #navlist a:active
        {
        display: block;
        padding: 0px 0px 0px 0px;
        text-decoration: none;
        width: 110px;
        height: 20px;
        background:transparent;
        }

        #navlist a:hover
        {
        display: block;
        padding: 0px 0px 0px 0px;
        text-decoration: none;
        width: 110px;
        height: 20px;
        color:#eeeeee;
        background:transparent;
        }
        </style>
        </head>
        <body>

        <div id="navlist"><a href=""><img src="pictures/pixel.gif" alt="" width="10" height="20" border="0">LINK1</a></div>
        <br>
        <div id="navlist"><a href=""><img src="pictures/pixel.gif" alt="" width="10" height="20" border="0">LINK2</a></div>

        </body>
        </html>

        Einfach im CSS noch nach deinen Wünschen anpassen und bei den Image-Tags die entsprechenden Bilderchen eintragen ... dann sollte es funktionieren, wie du es willst.

        mfg
        Knusperklumpen

        Beitrag melden
        +1
        Informationen zu den Bewertungsregeln

        1. Image im Button

          intcase Homepage des Autors
          – Informationen zu den Bewertungsregeln

          Hi ... dann "bau" dir den Button doch selbst mit CSS, z.B. so:

          Einfach im CSS noch nach deinen Wünschen anpassen und bei den Image-Tags die entsprechenden Bilderchen eintragen ... dann sollte es funktionieren, wie du es willst.

          mfg
          Knusperklumpen

          Vielen Dank für die bemühungen, das war genau was Ich gesucht hatte und dann in so ausführlich, Ich weiss garnicht wie ich dir danken soll ;-)
          vielen vielen Dank
          mfg
          Intcase

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln