[HTML] button bearbeiten mit css

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Murdoc, 29. Dezember 2006 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 29. Dezember 2006
    Zuletzt von einem Moderator bearbeitet: 15. April 2017
    button bearbeiten mit css

    hi, ich hoff jemand findet sich der gut mit css hantieren kann, mein wissen reicht dem anscein nicht ganz aus..., oder es geht einfach nicht!

    eiso ich möchte einen button (<input type="button">) anpassen.

    ich hab dafür eine css angelegt das so aussieht.

    .inbutton {
    height: 11px;
    font-size: 10px;
    margin: 2px;
    width: 11px;
    background: #FFFFFF;
    border: 1px solid black;
    }

    eigendlich stimmt dort alles nur der button selbst wird net so angezeigt wie ich es will...

    als value steht dort + oder - (is zum ein und ausblenden von menu bereichen gedacht)

    das sieht dann so aus: (vergößert^^)
    Bild: Tn Php / Download - RR:Suche down?

    haben möchte ich das so:
    Bild: Tn Php / Download - RR:Suche down?

    ich hab schon alle erdenklichen padding: ; methoden durch, keine geht richtig..

    ein bild kann ich leider nicht verwenden weil beim clicken die value geändert wird (wenn + bei click - und umgekehrt)

    ich hoffe ihr steigt da durch!

    danke schonmal :)
     

  2. Anzeige
    Dealz: stark reduzierte Angebote finden.
  3. #2 29. Dezember 2006
    AW: button bearbeiten mit css

    hast du dem button überhaupt ne klasse zugeteilt? o_O
    weil in dem code den du gepostet hast ist das nicht der fall
     
  4. #3 29. Dezember 2006
    AW: button bearbeiten mit css

    doch, kann man ganz leicht mit javascript machen:

    HTML:
    <html><head>
    <script language="javascript">
    b1 = new Image();
    b1.src = "plus.gif";
    b2 = new Image();
    b2.src = "minus.gif";
    function go() {
    if(document.getElementById("bild").src=='minus.gif')
    {
    document.getElementById("bild").src='plus.gif';
    }
    else
    {
    document.getElementById("bild").src='minus.gif';
    }
    }
    </script>
    </head>
    <body>
    <img id="bild"src="plus.gif" onclick="go();"></img>
    </body>
    </html>
    
    (ungetestet ;) )
     
  5. #4 29. Dezember 2006
  6. #5 29. Dezember 2006
    AW: button bearbeiten mit css

    is doch eh wurscht ^^ ohne JS kann sich die value ja auch nich ändern
    und wer immernoch JS komplett deaktiviert ist eh nichtmehr zu retten :rolleyes:
    ausserdem hat er geschrieben, dass beim klicken der wert verändert wird und nicht beim drüberfahren
     
  7. #6 29. Dezember 2006
    AW: button bearbeiten mit css

    ohne javascript funktioniert das ein und ausblenden sowiso nicht :p

    ich werd mal das script oben mit einbauen ;)

    auf alle fälle danke!

    falls es nicht klappt edit
     

  8. Videos zum Thema
Die Seite wird geladen...
Similar Threads - HTML button bearbeiten
  1. Antworten:
    4
    Aufrufe:
    1.597
  2. button für html seite

    Romulus , 7. November 2011 , im Forum: Webentwicklung
    Antworten:
    3
    Aufrufe:
    572
  3. [HTML] Bild über Button legen.

    Shuba , 17. September 2011 , im Forum: Webdesign
    Antworten:
    4
    Aufrufe:
    1.199
  4. [HTML] Kasten um klickbuttons.

    .x-tra , 28. November 2008 , im Forum: Webentwicklung
    Antworten:
    5
    Aufrufe:
    907
  5. [HTML] Buttoneigenschaften?

    H5N1 , 11. Oktober 2008 , im Forum: Webentwicklung
    Antworten:
    4
    Aufrufe:
    569
  • Annonce

  • Annonce