zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Text im Button - verschiebt sich bei Klick (IE6)

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 11.11.2009, 00:39
Benutzerbild von monran
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 28.07.2009
Beiträge: 180
monran befindet sich auf einem aufstrebenden Ast
Standard Text im Button - verschiebt sich bei Klick (IE6)

Hi,

folgendes:
habe einem button ein hintergrundbild zugewiesen und eine value(was dann als text im button erscheint). im ie6 wird bei klick auf den button der text ein stück weit nach rechts und unten versetzt. ca. 1 pixel. im firefox ist das nicht so

wer kann mir verraten welche stylesheet eigenschaft das regelt??

danke!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 11.11.2009, 10:50
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Wie sollen wir wissen, wie dein Stylesheet aussieht?

.

.

.


Ich vermute mal, es handelt sich um die Anwendung von default margins und paddings für das Element, die du für den normalen Status überschrieben hast, aber nicht für :hover, :focus und :active.
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 11.11.2009, 14:01
Benutzerbild von monran
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 28.07.2009
Beiträge: 180
monran befindet sich auf einem aufstrebenden Ast
Standard

mhh anscheinend liegts nicht am active,focus,... direkt in der klasse loginbutton hab ichs auch versucht, bringt aber keinen erfolg..

PHP-Code:
ph1h2h3h4h5h6ullia, :hover, :focus, :activeimgfieldsetlabelselectoptionoptgrouplegendinputtabletdth {
    
padding:0;
    
margin:0;
}
.
loginbutton{
backgroundurl("/img/fd.jpg"0 0;
width100px;
height20px;
border-width:0;


Geändert von monran (11.11.2009 um 23:41 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 11.11.2009, 18:28
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Bitte erspar uns beiden weiteres Gerätsele.
Wenn Du keine ganze Seite zeigen kannst/willst,
dann wenigstens das CSS für die verschiedenen Zustände... und das HTML um das Ding herum. Ist wohl ein input-Element oder doch- ein button-Element?
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #5 (permalink)  
Alt 11.11.2009, 23:40
Benutzerbild von monran
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 28.07.2009
Beiträge: 180
monran befindet sich auf einem aufstrebenden Ast
Standard

sorry alles auf die schnelle rausgesucht

hier einmal der html teil:
HTML-Code:
<form id="login" name="login" action="" method="post">
  <fieldset>
    <legend>Benutzer Login</legend>
		<label for="username">Benutzername:</label>
		<input id="username" name="username" title="Please type your username in here" type="text" maxlength="30">
		<label for="userpass">Passwort:</label>
		<input id="userpass" name="userpass" title="Please type your password in here" type="password" maxlength="30">
		<input class="loginbutton" name="login" type="submit" value="Login">
  </fieldset>
</form>
in der css habe ich nur den reset definiert und die input elemente. mit hover, active etc. hab ich nichts gemacht

HTML-Code:
p, h1, h2, h3, h4, h5, h6, ul, li, a, img, fieldset, input, select, option, optgroup, label, legend, table, td, th {
	padding:0;
	margin:0;
}
a {
	color:rgb(55);
}

a:hover {
	color:rgb(55);
}

.loginbutton{
background: url("/img/fd.jpg") 0 0;
width: 00px;
height: 20px;
border-width:0;
}

input{
width:220px;
margin:10px 0;
}
fieldset, label etc führe ich hier mal nicht auf da nicht relevant

hoffe damit kannst du nun was anfangen
Mit Zitat antworten
  #6 (permalink)  
Alt 12.11.2009, 00:41
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Hm, hm,

IE 6...

Nimm anstelle von border-width:
mal: border: 0; oder border: none;

Hat das geholfen?
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #7 (permalink)  
Alt 12.11.2009, 18:59
Benutzerbild von monran
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 28.07.2009
Beiträge: 180
monran befindet sich auf einem aufstrebenden Ast
Standard

leider nicht. mich wunder nur warum der ie6 das macht..
HTML-Code:
.button:hover{
padding:0;
margin:0;
border:0;
}
.button:active{
padding:0;
margin:0;
border:0;
}
.button:focus{
padding:0;
margin:0;
border:0;
}
bringt alles kein erfolg

ich nehme an wenn ich draufklicke und halte dann ist das das "active" attribut ??

blöder ie6. naja verschiebt sich es halt ein wenig, was solls....
Mit Zitat antworten
  #8 (permalink)  
Alt 12.11.2009, 19:10
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.220
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

Zitat:
Zitat von monran Beitrag anzeigen
.button:hover{}
.button:active{}
.button:focus{}
[/HTML]

blöder ie6. naja verschiebt sich es halt ein wenig, was solls....
Dass IE 6 Hover usw. nur im Zusammenhang mit <a> kann, ist bekannt?

Ansonsten vergleich doch mal, ob in diesem Thread der gleiche Fehler-Mechanismus vorliegt:
http://xhtmlforum.de/59019-button-ei...kt-im-ie7.html
Mit Zitat antworten
  #9 (permalink)  
Alt 12.11.2009, 19:13
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

So Jungs, jetzt atmet mal alle wieder durch

Alle IEs interpretieren den <button> halt wirklich als "Knopf" - sprich, drückt man drauf, wird er "eingedrückt". Dadurch verschiebt sich der Text - und ändern kann man das nicht.
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 12.11.2009, 19:16
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Hallo Boris

da ist was dran... - was, wenn man dem Text für den :active etc. Zustand einfach ein negatives/kleineres padding oder margin mitgibt? Macht der IE da mit?
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
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


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Text in div positionieren KeithKeith CSS 1 16.05.2010 22:37
Helft mir. Ich habe voll die Leseschwäche nick CSS 12 15.01.2008 21:52
Falsche Darstellung beim Internet Explorer LordAvalon CSS 4 09.04.2007 17:22
Grafik in einer Tabellenzelle rechts unten ausrichten ? Worance CSS 1 19.11.2006 16:09
Problem: Überschrift <hx> innerhalb von Abschnitt <p> Ares CSS 7 24.10.2006 14:30


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:54 Uhr.