zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit Buttons / Hintergrund - Felder verschieben!?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 10.05.2005, 00:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.05.2005
Beiträge: 6
Hisky befindet sich auf einem aufstrebenden Ast
Standard Problem mit Buttons / Hintergrund - Felder verschieben!?

Hallo!

Folgendes Problem:
Beim online Spiel www.escape-to-space.de kann man seinen "Spielhintergrund" via Link auf eigene eigene CSS Datei selbst gestalten.

Es gibt aktive und inaktive Schaltflächen / Buttons. Diese werden im Standardlayout verschiedenfarbig hinterlegt, dass man erkennt, welcher Button aktiv bzw. inaktiv ist.

Im jetzigen Layout welches ich benutze sind leider alle Buttons einfarbig = schwarz. Man erkennt also nicht, was gerade anwählrbar ist.

Sobald ich mit .input,.button einen Button einfüge, sind Buttons vorhanden...aber gleichzeitig werden Flächen, wo ich normalen Text eingeben kann, entweder weiß ohne Rand (anstelle schwarz mit Rand) oder mit der gleichen Buttonfarbe hinterlegt

Meine CSS Datei liegt hier:
http://www.hisky.de/ets/css.css

Dieser Teil macht Probleme:

input,.readonly,.button_disabled,.button[type=submit]
{
background-image: none;
font-family: Tahoma, sans-serif;
background-color: #000000;
color: Black;
font-size: 8pt;
border: #999999 1px solid;
}

input.button[onClick]
{
font-family: Tahoma, sans-serif;
font-size: 8pt;
background-color: #444444;
color: Black;
background: url(http://www.hisky.de/ets/buttons.gif);
}

Mit dieser Einstellung gehen die Buttons gar nicht, dafür ist der "Eingabehintergrund" für freien Text schön in schwarz gehalten.

Kann auch gerne Screenshots liefern, wenn das etwas hilft.

Kenne mich mit html aus, aber CSS habe ich leider noch nie intensiv genutzt.



Desweiteren würde ich das Menü etwas umbauen, sieht derzeit so aus:


Kann man die Anordnung der Ressourcenfeld bzw. der Auswahlleiste ganz rechts außen verändern? Auf meinem 19"er ist alles super, aber auf einem 15" Monitor muss man nach rehcts scrollen, um die Auswahlleiste ansteuern zu können.
Die Bilder bei den Ressourcen sind verschiebbar..soviel weiß ich. (das Banner in der Mitte ist Pflicht..leider)

Danke
Heiko
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 10.05.2005, 20:12
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.05.2005
Beiträge: 6
Hisky befindet sich auf einem aufstrebenden Ast
Standard

Okay..anders gefragt:

Wie aktiviert man Buttons / Schaltflächen und was ist für die Hintergrundfarbe bei Eingabefeldern zuständig?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 10.05.2005, 20:20
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 23.03.2005
Beiträge: 1.033
Swoop befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
input,.readonly,.button_disabled,.button[type=submit]
{
background-image: none;
font-family: Tahoma, sans-serif;
background-color: #000000;
color: Black;
font-size: 8pt;
border: #999999 1px solid;
}

input.button[onClick]
{
font-family: Tahoma, sans-serif;
font-size: 8pt;
background-color: #444444;
color: Black;
background: url(http://www.hisky.de/ets/buttons.gif);
}
das wird auch nich überall funktionieren..definier einfach klassen für die buttons nich sowas [...]..

den Hintergrund der Eingabefelder sprichst du auch mit background: ~~ an..
__________________
Shibby.....

Mein Blog
Mit Zitat antworten
  #4 (permalink)  
Alt 10.05.2005, 20:42
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.05.2005
Beiträge: 6
Hisky befindet sich auf einem aufstrebenden Ast
Standard

Danke. Das war der Fehler. Durch den Hintergrund hab ich gleichzeitig den Hintergrund der Eingabefelder definiert.

Kann man das irgendwie trennen? Ich möchte Buttons, also alles was man "klicken" kann mit diesem Hintergrund versehen:
background: url(http://www.hisky.de/ets/buttons.gif);

Blöderweise hab ich dann bei Eingabefelder denselben Background

Sieht auf jeden Fall jetzt schonmal sehr brauchbar aus

Code:
.button
{
	font-family: Tahoma, sans-serif;
	font-size: 8pt;
	background-color: #444444;
	color: White;
	border: 1 solid #FFFFFF;
}

.button_disabled
{
	font-family : Tahoma, sans-serif;
	font-size : 8pt;
	background-color : #777777;
	color : #FFFFFF;
	border: 1 solid #FFFFFF;
}
[quote][/quote]
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
Problem mit dem Menü [erledigt] Julian CSS 2 15.01.2006 23:27
Hintergrund Problem Pseudo CSS 3 30.12.2005 12:49
Problem gelöst: a blocks verschieben sich untereinander poldi CSS 6 31.05.2005 09:00
Problem mit Hintergrund fabiO CSS 8 24.04.2005 20:15
Hintergrund Problem Afrob81 CSS 0 23.12.2004 10:36


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