[HTML] button bearbeiten mit css

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

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  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
     
  3. 29. Dezember 2006
    AW: button bearbeiten mit css

    hast du dem button überhaupt ne klasse zugeteilt?
    weil in dem code den du gepostet hast ist das nicht der fall
     
  4. 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. 29. Dezember 2006
    AW: button bearbeiten mit css

    haste kein JS an, biste gearscht

    @threadersteller:

    Les dir mal folgende Seiten durch:
    Pseudoelement :hover für Formularbutton
    3D-Button
    Hyperlinks in Buttonform

    Desweiteren würde ich eine Grafik benutzen, da so ein Kreuz mit CSS zu erstellen bisscehn Fummelarbeit ist.
     
  6. 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
    ausserdem hat er geschrieben, dass beim klicken der wert verändert wird und nicht beim drüberfahren
     
  7. 29. Dezember 2006
    AW: button bearbeiten mit css

    ohne javascript funktioniert das ein und ausblenden sowiso nicht

    ich werd mal das script oben mit einbauen

    auf alle fälle danke!

    falls es nicht klappt edit
     
  8. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.