Input-Felder formatieren?
Manja
- css
Hallo :o)
folgendes Problem:
Ich möchte global für alle meine Seiten ein Format für ein Input-Feld definieren.
Die Styles liegen bei mir in keiner Datei, sondern im Header.
Das Format soll folgende Eigenschaften aufweisen:
Hintergrundfarbe dunkelgrau
Textfarbe hellgrau
Rahmen (kein 3D) 1 Punkt hellgrau
Schriftart Tahoma, Verdana, Arial
zudem soll das Inputfeld nur ca 70% Höhe des Standard von HTML sein.
Ich hab vieles ausprobiert und eigentlich auch ganz gut hinbekommen. Nun hab ich aber gleich neben einem Input-Feld ein Select-Feld. Das krieg ich nicht hin.
Letzter Versuch war:
INPUT { Color: #C0C0C0; Background-Color: #4F4F4F; Font-Family: Tahoma, Verdana, Arial; Font-Size: 100%; Text-Align: left; Border-Color: #C0C0C0; Border-Style: outset; Border-Width: 1px;}
SELECT { Color: #C0C0C0; Background-Color: #4F4F4F; Font-Family: Tahoma, Verdana, Arial; Font-Size: 100%; Text-Align: left; Border-Color: #C0C0C0; Border-Style: outset; Border-Width: 1px;}
Kann mir jemand helfen?
Hallo :o)
folgendes Problem:
Ich möchte global für alle meine Seiten ein Format für ein Input-Feld definieren.
Die Styles liegen bei mir in keiner Datei, sondern im Header.
Das Format soll folgende Eigenschaften aufweisen:
Hintergrundfarbe dunkelgrau
Textfarbe hellgrau
Rahmen (kein 3D) 1 Punkt hellgrau
Schriftart Tahoma, Verdana, Arial
zudem soll das Inputfeld nur ca 70% Höhe des Standard von HTML sein.
Ich hab vieles ausprobiert und eigentlich auch ganz gut hinbekommen. Nun hab ich aber gleich neben einem Input-Feld ein Select-Feld. Das krieg ich nicht hin.
--> was kriegst du da nicht hin, welche styles funzen denn nicht???
--> wo steht eigentlich das mit den 70% ich seh nur 100%???
Letzter Versuch war:
INPUT { Color: #C0C0C0; Background-Color: #4F4F4F; Font-Family: Tahoma, Verdana, Arial; Font-Size: 100%; Text-Align: left; Border-Color: #C0C0C0; Border-Style: outset; Border-Width: 1px;}
SELECT { Color: #C0C0C0; Background-Color: #4F4F4F; Font-Family: Tahoma, Verdana, Arial; Font-Size: 100%; Text-Align: left; Border-Color: #C0C0C0; Border-Style: outset; Border-Width: 1px;}
Kann mir jemand helfen?
gruss romy
--> was kriegst du da nicht hin, welche styles funzen denn nicht???
--> wo steht eigentlich das mit den 70% ich seh nur 100%???
Das mit den 70%hab ich korrigiert. die 100% sind schon ok, da sich das ja offensichtlich auf den Body-Text bezieht und der ist schon 70%.
Mein Problem ist, daß ich das Select-Feld neben dem Input-Feld auf die selbe Größe und das selbe Aussehen haben möchte.
Dem ist im Moment nicht so.
Das Select-Feld ist 3D-mäßig versenkt und wird dadurch höher als das Input daneben.
Gruß Manja.
--> was kriegst du da nicht hin, welche styles funzen denn nicht???
--> wo steht eigentlich das mit den 70% ich seh nur 100%???
Das mit den 70%hab ich korrigiert. die 100% sind schon ok, da sich das ja offensichtlich auf den Body-Text bezieht und der ist schon 70%.
Mein Problem ist, daß ich das Select-Feld neben dem Input-Feld auf die selbe Größe und das selbe Aussehen haben möchte.
Dem ist im Moment nicht so.
Das Select-Feld ist 3D-mäßig versenkt und wird dadurch höher als das Input daneben.
Gruß Manja.
mhm
vesuchs mal damit
input, select {deine formatierung}
bin mir nicht ganz sicher, woran es eigentlich liegt
vielleicht interpretiert ein inputfeld einige der sachen als ein select feld
keine Ahnung (das select das outset nicht kennt oder so...???)
ich habs jedenfalls immer in eins geschrieben und hatte nie Probleme
gruss
hope it helps
romy
Geht auch nicht :o(
zu sehen im Header der Domaincheck unter:
http://www.fave-media.com
Geht auch nicht :o(
zu sehen im Header der Domaincheck unter:
http://www.fave-media.com
mhm, du willst jetzt sicher, dass die gleichgross sind, die zwei felder, liege ich richtig???
komisch ist aber, das die bei mir tatsächlich gleichgross sind, wenn ich in einer testdatei nur den style und die 2 felder einfüge, zeigt er es korrekt an
komisch
also ich schau noch mal genau, vielleicht ist ja irgendwoanders der fehler???
okay
bis denne
Hallo,
probiers mal mit einer class
also so:
.formular {background-color:#4F4F4F; font : 300 12 px Tahoma, Verdana, Arial; border : thin solid #C0C0C0; color : #990505}
<input type="text" name="domain" value="" size="13" class="formular">
<select name="end" class="formular">
Gruß riethmunk
Hallo,
die farbe natürlich so:
color : #C0C0C0
Gruß riethmunk
auch da verschwindet diese 3D-Vertiefung nicht.
Kann es sein, daß man das bei Select-Feldern nicht ändern kann?
auch da verschwindet diese 3D-Vertiefung nicht.
Kann es sein, daß man das bei Select-Feldern nicht ändern kann?
--> mal was anderes unter netscape 6 sieht es toll aus, ohne vertiefung
gleichhoch usw.
--> womit schaust du es an???
Also spätestens beim Netscape 4.x ist sowiso schluss mit lustig.
Der stellt nämlich keine Formatierungen der Formularfelder dar.
Also schon mal abschminken, dass alles auf allen Browsern gleichaussieht, wenn man mit CSS arbeitet.
Das ist mir schon klar, aber 80% der Surfer benutzen IE
Ja, und der Rest hat Pech oder was? Warum diktierst Du nur auf Microsoft zu setzen? Ich würde jedenfalls nicht 20% potenzielle Kunden aussperren.
Die werden doch nicht ausgesperrt.
Netscape, Opera & co stellen nur die Formatierungen nicht dar. Die Elemente hingegen schon. Halt nur Standard.
Die werden doch nicht ausgesperrt.
Netscape, Opera & co stellen nur die Formatierungen nicht dar. Die Elemente hingegen schon. Halt nur Standard.
--> wer hat eigentlich den Kommentar unter dem Namen Romi geschrieben
ich wars jedenfalls nicht
Ich heiß auch immernoch Manja :o)
Du wirst doch mit "y" geschrieben, oder?
Ich heiß auch immernoch Manja :o)
Du wirst doch mit "y" geschrieben, oder?
--> eben!