zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Textbuttons

Antwort
 
LinkBack Themen-Optionen Ansicht
  #11 (permalink)  
Alt 01.10.2008, 15:02
Benutzer
neuer user
 
Registriert seit: 23.09.2008
Beiträge: 62
mariane befindet sich auf einem aufstrebenden Ast
Standard

Das reindrücken ist auch weg, allerdings geht :hover nicht im IE, jedenfalls nicht von Hause aus. Im FF und O ist das kein Problem.

Man sollte dann noch den cursor setzen und auch die Schriftart und -größe festlegen, den input erbt dies nicht und hat per default andere Werte.

Geändert von mariane (01.10.2008 um 15:06 Uhr)
Mit Zitat antworten
Sponsored Links
  #12 (permalink)  
Alt 01.10.2008, 15:08
Benutzerbild von In4matiker
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 19.12.2005
Ort: Winterthur (Schweiz)
Beiträge: 158
In4matiker befindet sich auf einem aufstrebenden Ast
Standard

also im IE7 klappts mit dem Hover.
Sieht jetzt aus wie ein Textlink - inkl Underline.
Nur der Reindrück-Effekt bleibt.
Mit Zitat antworten
Sponsored Links
  #13 (permalink)  
Alt 01.10.2008, 15:12
Benutzerbild von LordShadow
:: lord of the web ::
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 19.12.2007
Ort: Freiburg
Beiträge: 192
LordShadow wird schon bald berühmt werden
Standard

hatte eben noch button verwendet
mit input ist der "reindrück"-effekt auch weg ...
allergings bekomm ich (FF) kein hover effekt ...

gruß
__________________
„Auch aus Steinen, die einem in den Weg gelegt werden, kann man Schönes bauen.“
(Johann Wolfgang von Goethe)
Mit Zitat antworten
  #14 (permalink)  
Alt 01.10.2008, 15:15
Benutzer
neuer user
 
Registriert seit: 23.09.2008
Beiträge: 62
mariane befindet sich auf einem aufstrebenden Ast
Standard

ich habe nochmal geschaut

der IE 6 kann kein :hover - ist klar, bewegt aber den Text um ein paar Pixel beim drücken (wahrscheinlich ist das der Reindrückeffekt)

der FF (hier 3.0) kann :hover, beim drücken bewegt sich nichts

:hover
Code:
#button:hover { color: #FF0000; }
Mit Zitat antworten
  #15 (permalink)  
Alt 01.10.2008, 15:20
Benutzerbild von LordShadow
:: lord of the web ::
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 19.12.2007
Ort: Freiburg
Beiträge: 192
LordShadow wird schon bald berühmt werden
Standard

ähm ... so halber ...

also der FF kann :hover ... z.B. bei der Textfarbe (color) funktionierts !
allerdings kann er kein text-decoration: underline; ... und genau diesen effekt wollte ich ..

gruß
ls
__________________
„Auch aus Steinen, die einem in den Weg gelegt werden, kann man Schönes bauen.“
(Johann Wolfgang von Goethe)
Mit Zitat antworten
  #16 (permalink)  
Alt 01.10.2008, 15:27
Benutzer
neuer user
 
Registriert seit: 23.09.2008
Beiträge: 62
mariane befindet sich auf einem aufstrebenden Ast
Standard

Probiere mal das: HILFE - Alternative Textlink für Upload (<input type="file">) gesucht

muß natürlich an deine Bedürfnisse angepasst werden, wobei das hoverproblem wohl bleiben wird. Probierst mal aus - ich mag das jetzt nicht testen.


Ansonsten bliebe noch javascript

<form id="form1" name="form1" ... usw. da übliche halt und dann beim Link
<a href="javascript:window.document.form1.submit()">d rück mich</a>
Mit Zitat antworten
  #17 (permalink)  
Alt 01.10.2008, 15:28
Benutzerbild von In4matiker
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 19.12.2005
Ort: Winterthur (Schweiz)
Beiträge: 158
In4matiker befindet sich auf einem aufstrebenden Ast
Standard

Naja man muss es schon sehen - das was Du da machen willst ist ein ziemlicher Missbrauch eines HTML Elements das nicht dafür gedacht ist.
Ich würde Dir ja zum <a> Tag mit Javascript raten - das ist sauberer.
Mit Zitat antworten
  #18 (permalink)  
Alt 01.10.2008, 15:29
Benutzer
neuer user
 
Registriert seit: 23.09.2008
Beiträge: 62
mariane befindet sich auf einem aufstrebenden Ast
Standard

Nachtrag zu text-decoration: underline;

das könnstest du durch border-bottom lösen und geschicktes anpassen von margin und padding
Mit Zitat antworten
  #19 (permalink)  
Alt 01.10.2008, 15:39
Benutzerbild von LordShadow
:: lord of the web ::
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 19.12.2007
Ort: Freiburg
Beiträge: 192
LordShadow wird schon bald berühmt werden
Standard

Zitat:
Zitat von In4matiker Beitrag anzeigen
Naja man muss es schon sehen - das was Du da machen willst ist ein ziemlicher Missbrauch eines HTML Elements das nicht dafür gedacht ist.
Ich würde Dir ja zum <a> Tag mit Javascript raten - das ist sauberer.
Hallo ..

nein, genau das will cih eigentlich nicht machen - ich bin der meinung jede Seite sollte imme noch ohne js funktionieren.
man kann es als zusatz verwenden, aber nicht für wichtige funktionen.

sprich: ich werd kein sumbit-button mit js relisieren, weil damit könnte das niemand ohne js nutzen ...

warum ist das ein misbrauch eines button/input - tags ??
ich versuche diesen ja nur an die umbenung anzupassen, so das sie zum style passen ...

gruß
ls
__________________
„Auch aus Steinen, die einem in den Weg gelegt werden, kann man Schönes bauen.“
(Johann Wolfgang von Goethe)
Mit Zitat antworten
Sponsored Links
  #20 (permalink)  
Alt 01.10.2008, 15:46
Benutzer
neuer user
 
Registriert seit: 23.09.2008
Beiträge: 62
mariane befindet sich auf einem aufstrebenden Ast
Standard

Hier nochmal mit underline-fake

Code:
#button {
	border:0;
	border-bottom: 1px solid transparent;
	background: #FFFFFF;
	padding: 0px;
	margin-right: 0.1em;
	margin-left: 0.1em;
}

#button:hover {
	color: #FF0000;
	border-bottom: 1px solid #FF0000;
}

p, #button { font: 1em/1.2em Arial, Helvetica, sans-serif; }
funktioniert im FF wie gewünscht, sieht aber in IE6 grausam aus, so daß man für den IE6 (da er eh keine hover kann), den Default-gestylten Button nehmen sollte. Dann muß man natürlich noch schauen wie das der Opera und was es sonst noch so an Browsern gibt dieses Sache darstellen.
Mit Zitat antworten
Sponsored Links
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



Alle Zeitangaben in WEZ +2. Es ist jetzt 01:27 Uhr.