|
|||
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> 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 weiß echt nicht mehr weiter MfG Geändert von thetomm98 (22.08.2013 um 01:30 Uhr) |
Sponsored Links |
|
|||
Ich würde erst einmal die 54 Fehler entfernen.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
Sponsored Links |
|
|||
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 01:36 Uhr) |
|
||||
Zitat:
Zitat:
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? |
|
|||
Du kannst da schimpfen wie du möchtest, aber einige Fehler sind doch ziemlich gravierend.
Dazu zählen:
Hinzu kommen noch Fehler im CSS.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
|
||||
Zitat:
__________________
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? |
Stichwörter |
buttons, css, hüpfen, position, ungewollt |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
IE 7: Zoom Problem, Höhen Problem, Text problem | Cu Chullain | CSS | 4 | 02.09.2010 13:56 |
Javascript form Problem Text anstelle Button | Fabbe | Javascript & Ajax | 5 | 22.06.2010 13:25 |
PNG in IE Problem mit der Mauserkennung (klickbar oder nicht) | Angélique | CSS | 13 | 16.03.2010 18:20 |
Navigation Problem mit activem Button | clister | CSS | 2 | 19.02.2010 12:13 |
Problem mit Background-Color im FireFox | to.ni | CSS | 2 | 31.08.2004 11:13 |