zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden formular button image

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.04.2006, 15:16
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 09.11.2004
Beiträge: 343
Holger (HMR) befindet sich auf einem aufstrebenden Ast
Standard formular button image

hallo zusammen,

ich habe einen formular button als image.

<input type='image' src='button_0.png' name='button' class=''Sbutton>

button_0.png ist ein 'LEERES' bild.

.Sbutton{
background-color:url(images/button_1.png);
}
.Sbutton:focus{
background-color:url(images/button_2.png);
}


wie ändere ich die rahmen des button bei klick auf den button?. die sind im moment mörder dick und dotted.

vielen dank schon mal im voraus...
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.04.2006, 16:03
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 08.11.2005
Beiträge: 125
Webstandard befindet sich auf einem aufstrebenden Ast
Standard

Hi,

Erst einmal solltest du deinen Formularbutton ohne Fehler implementieren:
Zitat:
<input type='image' name='button' class='Sbutton' />
Der CSS Part könnte folgendermaßen aussehen:

input.Sbutton {
background: url(images/button_0.png) no-repeat top left;
width: ... px;
height: ... px;
border: 1px dotted #E00;
}

Mittels :hover, :visited etc. kannst du dann einfach nur die Hintergrundgrafik ausstauschen.
Je nach dem welchen Zustand ( klick, hover etc. ) du hast oder haben möchtest, definierst du deine Bordereigenschaften.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.04.2006, 16:23
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.925
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

Zitat:
wie ändere ich die rahmen des button bei klick auf den button?
Garnicht wirklich, da jeder Browser sich hier sein eigenes Süppchen brodelt
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
  #4 (permalink)  
Alt 26.04.2006, 20:50
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 09.11.2004
Beiträge: 343
Holger (HMR) befindet sich auf einem aufstrebenden Ast
Standard

@Webstandard danke für den hinweis
Zitat:
Erst einmal solltest du deinen Formularbutton ohne Fehler implementieren:
war ein tippfehler, hier.

und danke für den code...
werde mal rumexperimentieren...

@ Boris
Zitat:
Garnicht wirklich, da jeder Browser sich hier sein eigenes Süppchen brodelt
ähem.. sowas hatte ichschon befürchtet..

aber mal sehen, was ich da zusammenstricken kann...

vielen dank ihr zwei..
gruss holger
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
mit Schleife Script reduzieren css_user Javascript & Ajax 3 27.06.2013 16:51
Layout Textbox mit Image Button rockit CSS 7 18.10.2008 00:39
Formular mit Link anstatt Button .Snaga CSS 3 12.07.2008 00:28
Imagemap Zugriff bei einer Gallery Sarah14 Javascript & Ajax 3 12.11.2007 15:06
FF Problem: button mit image darolla CSS 6 02.04.2007 09:49


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:26 Uhr.