Buttons (im Stylesheet) festlegen?

[LittleWebby]

Ich finde diese normalen grauen Buttons des Internet Explorers ziemlich hässlich und würde deshalb gerne diese durch meine eigenen ersetzten.
Als Beispiel so wie in der jswelt-Homepage.
Ich weiß allerdings noch nicht wie man das wirklich macht. (Ich bin nämlich noch ein Anfänger )
Setzt man die Buttons im Stylesheet fest? Oder ist das nicht möglich? Wie bindet man seine eigenen Buttons in Formulare, etc. für die ganze Seite ein, dass sie automatisch bei type="button" erscheinen.
Bitte helft mir, ich kenne mich da noch nicht so richtig aus.
LittleWebby

 

[bine]

Also mit CSS sind Buttons nicht so Browserübergreifend darstellbar.

Ich würde das eher mit Grafiken machen.
Natürlich kannst du auch im Web nach fertigen Grafiken/Buttons suchen. Aber selber gemacht find ich besser.

schau mal unter:

http://selfhtml.teamone.de/html/formulare/klickbuttons.htm#modern

da kannst du nachlesen, wie man es dann schreibt um das eigene Button-Bild zu verwenden.

 

[.marc]

am besten du machst eine: Css-Klasse

<style type="text/css">
.button{
/* CSS eigenschaften */
}
</style>

der button würde dann so aussehen:

<input type="button" class="button" value="klick mich">

wenn du die modernere Art verwendest würde das Ganze so aussehen:

<style type="text/css">
button{
/* CSS eigenschaften */
}
</style>
....
<button type="button" value="klick mich"></button>

achja verwendest du nur Buttons oder willst gleich alle input-tags auf der Seite verändern, dann kannst du dass wie folgt:

<style type="text/css">
input{
/* CSS eigenschaften */
}
</style>
...
<input type="button" value="klick mich">

du könntest auchAttribut-bedingte Formate definieren:

<style type="text/css">
input[type=button]{
/* CSS eigenschaften */
}
</style>
...
<input type="button" value="klick mich">

funktioniert aber leider nur in den allerneusten Browsern

 

[LittleWebby]

Vielen Dank erstmal.

Ich habe allerdings noch eine Frage:

Was für CSS-Eigenschaften gibt es mit denen man ein gespeichertes Bild definieren kann.

<style type="text/css">
.button{ *Was für einen CSS Befehl muss man hier einfügen?* }
</style>

Ich kenne mich mit CSS nämlich (wie oben schon gesagt) nicht gut aus und daher kenne ich die ganzen Begriffe nicht.
Wäre nett wenn ihr mir nochmal helfen könntet.
LittleWebby

 

[.marc]

bei Selfhtml findet man eigentlich alles http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm

 

[LittleWebby]

Danke sehr.
Ich habe jetzt meinen Fehler erkannt.

LittleWebby