zurück zur Startseite
  


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

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 22.08.2013, 02:14
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.08.2013
Beiträge: 2
thetomm98 befindet sich auf einem aufstrebenden Ast
Standard Button Problem

Hallo zusammen,

ich brauche eure Hilfe:
Ich habe mir drei Buttons erstellt, diese hüpfen aber beim Klicken nach oben, und dann wieder auf die richtige stelle.

Link zur Seite: Tom-Craft - Startseite

Html Teil:
HTML-Code:
<a href="Admin" class="admin">Admin</a>
<a href="Moderator" class="Moderator">Moderator</a>
<a href="VIP" class="vip">VIP</a>
Css Teil:
Code:
.admin {
	-moz-box-shadow:inset 0px 0px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 0px 0px 0px #fce2c1;
	box-shadow:inset 0px 0px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	-webkit-border-top-left-radius:33px;
	-moz-border-radius-topleft:33px;
	border-top-left-radius:33px;
	-webkit-border-top-right-radius:33px;
	-moz-border-radius-topright:33px;
	border-top-right-radius:33px;
	-webkit-border-bottom-right-radius:33px;
	-moz-border-radius-bottomright:33px;
	border-bottom-right-radius:33px;
	-webkit-border-bottom-left-radius:33px;
	-moz-border-radius-bottomleft:33px;
	border-bottom-left-radius:33px;
	text-indent:0;
	width:90px;
		float: left;
		left:10px;
		top: 10px;
	position:fixed;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	font-style:normal;
	height:37px;
	line-height:37px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 0px 0px #cc9f52;
}
.admin:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
}.admin:active {
	top:1px;
	}
.Moderator {
	-moz-box-shadow:inset 0px 0px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 0px 0px 0px #fce2c1;
	box-shadow:inset 0px 0px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	-webkit-border-top-left-radius:33px;
	-moz-border-radius-topleft:33px;
	border-top-left-radius:33px;
	-webkit-border-top-right-radius:33px;
	-moz-border-radius-topright:33px;
	border-top-right-radius:33px;
	-webkit-border-bottom-right-radius:33px;
	-moz-border-radius-bottomright:33px;
	border-bottom-right-radius:33px;
	-webkit-border-bottom-left-radius:33px;
	-moz-border-radius-bottomleft:33px;
	border-bottom-left-radius:33px;
	text-indent:0;
	width:90px;
		top: 50px;
		float: left;
		left:10px;
	position:absolute;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	font-style:normal;
	height:37px;
	line-height:37px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 0px 0px #cc9f52;
}
.Moderator:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
}.Moderator:active {
	top:1px;
	}
.vip {
	-moz-box-shadow:inset 0px 0px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 0px 0px 0px #fce2c1;
	box-shadow:inset 0px 0px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	-webkit-border-top-left-radius:33px;
	-moz-border-radius-topleft:33px;
	border-top-left-radius:33px;
	-webkit-border-top-right-radius:33px;
	-moz-border-radius-topright:33px;
	border-top-right-radius:33px;
	-webkit-border-bottom-right-radius:33px;
	-moz-border-radius-bottomright:33px;
	border-bottom-right-radius:33px;
	-webkit-border-bottom-left-radius:33px;
	-moz-border-radius-bottomleft:33px;
	border-bottom-left-radius:33px;
	text-indent:0;
		float: left;
		left:10px;
	top: 90px;
	width:90px;
	position:absolute;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	font-style:normal;
	height:37px;
	line-height:37px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 0px 0px #cc9f52;
}
.vip:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
}
.vip:active {
	top:1px;
}
Ich bitte um eure Hilfe
Ich weiß echt nicht mehr weiter

MfG

Geändert von thetomm98 (22.08.2013 um 02:30 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 22.08.2013, 02:29
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Ich würde erst einmal die 54 Fehler entfernen.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 22.08.2013, 02:34
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.08.2013
Beiträge: 2
thetomm98 befindet sich auf einem aufstrebenden Ast
Standard

Das sind Fehler, die teilweise garnicht exestieren.
Dieser erkenner ist schrott!

Im normalen html/php wird es nie Fehlerfrei sein, xhtml dagegen ist etwas leichter...

Geändert von thetomm98 (22.08.2013 um 02:36 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 22.08.2013, 02:57
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Zitat:
Zitat von thetomm98 Beitrag anzeigen
Das sind Fehler, die teilweise garnicht exestieren.
Dieser erkenner ist schrott!
Dieses Expertenwissen. Cool, ich mache also 7 Jahre was falsch, sollte ich wohl ändern oder? Also ich denke nicht.... (EDIT SAGT: Achne, sind ja schon bald 9 Jahre... )

Zitat:
Zitat von thetomm98 Beitrag anzeigen
Im normalen html/php wird es nie Fehlerfrei sein, xhtml dagegen ist etwas leichter...
Wenn dann exakt anders herum. 08/15 HTML ist kaum Fehleranfällig wohingegen XHTML-Syntax Basiswissen von HTML benötigt.

Aber um deine Frage zu beantworten: Schau doch einfach nach, welche Anweisungen du den Buttons bei einem active-state gegeben hast.
Lösung: Zeile 45, 92 und 140 der color.css.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #5 (permalink)  
Alt 22.08.2013, 03:01
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Du kannst da schimpfen wie du möchtest, aber einige Fehler sind doch ziemlich gravierend.
Dazu zählen:
  • falscher Doctype
  • geschlossene Tags wo keine offen sind
  • erfundene Elemente: Was ist <h1_left>
  • Attribute die nicht mehr aktuell sind und so weiter.

Hinzu kommen noch Fehler im CSS.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
  #6 (permalink)  
Alt 22.08.2013, 03:06
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Zitat:
Zitat von explanator Beitrag anzeigen
Du kannst da schimpfen wie du möchtest, aber einige Fehler sind doch ziemlich gravierend.
Dazu zählen:
  • falscher Doctype
  • geschlossene Tags wo keine offen sind
  • erfundene Elemente: Was ist <h1_left>
  • Attribute die nicht mehr aktuell sind und so weiter.

Hinzu kommen noch Fehler im CSS.
Pssst.. störe den Master des Anti-"Erkenner"-Dienstes nicht in seiner Weisheit So gut Nacht, keinen Bock mehr
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #7 (permalink)  
Alt 23.08.2013, 13:38
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 17.08.2013
Beiträge: 242
mymaksimus befindet sich auf einem aufstrebenden Ast
Standard

Ahahaha ich lach mich gleich weg xD
Dann noch behaupten er habe recht

Apropos fehlerfrei:

Zitat:
Zitat von validator
<head style="background: f3f3f3;":>
Sagt ja schon alles
Mit Zitat antworten
Antwort

Stichwörter
buttons, css, hüpfen, position, ungewollt

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
IE 7: Zoom Problem, Höhen Problem, Text problem Cu Chullain CSS 4 02.09.2010 14:56
Javascript form Problem Text anstelle Button Fabbe Javascript & Ajax 5 22.06.2010 14:25
PNG in IE Problem mit der Mauserkennung (klickbar oder nicht) Angélique CSS 13 16.03.2010 19:20
Navigation Problem mit activem Button clister CSS 2 19.02.2010 13:13
Problem mit Background-Color im FireFox to.ni CSS 2 31.08.2004 12:13


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:07 Uhr.