nicht angemeldet
Input textfeld per Klasse in CSS definieren
AugeHallo zusammen,
ich möcht die Angaben aus dem folgenden Input Textfeld als Klasse in eine CSS-Datei einbinden leider klappt das nicht. Das Textfeld sind per HTML-Code so aus:
<input type="text" style="border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; border-left: 1px solid #000000; border-right: 1px solid #000000; background-color:#efefef;" size="35" maxlength="256" name="Name"></font>
Die Klasse dazu:
input.text {
font-size:10pt;
border-top-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
border-right-color: #000000
background-color:#efefef;
border:solid 1px;
}
Die RGB-Werte sind in dem Bsp. nicht wichtig. Es geht nur darum wie ich die Klasse richtige schreibe und -vor allem- richtig aufrufe !!
Hoffe Ihr könnt helfen,
-DIRK-
-
Hallo,
<input type="text" style="border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; border-left: 1px solid #000000; border-right: 1px solid #000000; background-color:#efefef;" size="35" maxlength="256" name="Name"></font>
Inline-Style-Angaben?!
Die Klasse dazu:
input.text {
font-size:10pt;
border-top-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
border-right-color: #000000
background-color:#efefef;
border:solid 1px;}
Outline-Style-Angaben?!
Ich sehe nicht, dass dem Textfeld eine Klasse "text" zugewiesen wurde. Du kannst es höchstens so machen:
input[type=text] {...}
Viele Grüße
--
Wer ist eigentlich LAN und warum macht er so viele Partys?
Das beste Freeware-Programm der Welt
Selfcode: ie:( fl:| br:^ va:| ls:[ fo:) rl:( n4:| ss:| de:[ js:| ch:? sh:( mo:) zu:| -
Hallo,
mit
input.text {
font-size:10pt;
}definierst du die Klasse "text" für alle HTML- Tags "input".
Die rufst do so wieder auf:
<input type=text class=text ...>
Kalle
-
Hallo,
mit
input.text {
font-size:10pt;
}definierst du die Klasse "text" für alle HTML- Tags "input".
Die rufst do so wieder auf:
<input type=text class=text ...>
Kalle
Hallo Kalle
so weit, so gut. Die Klasse funktioniert - Danke Kalle - Aber ich hab schon eine CSS-Datei un in dieser klappt die neue Klasse nicht.
Meine neue Klasse:
/* Inputfeld Text */
input.text {
font-size:10pt;
border-top-color: #00ff00;
border-bottom-color: #00ff00;
border-left-color: #00ff00;
border-right-color: #00ff00;
background-color:#efefef;
border:solid 1px;
}/*Inputfeld Text Ende */
Die ganze CSS-Datei (ohne meine Klasse):
/* schriftstil,abstände */
body
{ color:#0C0C0C; background-color: #E7E3C6; font-family: verdana,arial; font-size: 10pt;}table,tr,td
{margin-top: 0px; margin-left: 0px; margin-right: 0px; color: #0C0C0C ;font-family: verdana,arial; font-size: 10pt; }/* scrolleiste internet explorer ab vers.5.5 */
body
{scrollbar-arrow-color: #ffffff; scrollbar-base-color: #ebebeb;
scrollbar-highlight-color : #9F9F9F; scrollbar-shadow-color :#ffffff;
SCROLLBAR-TRACK-COLOR: #DFDFDF;}body.inhalt {background-color:#f9f9f9;
margin-top: 20px; margin-left: 20px; margin-right: 20px;margin-bottom:20px;background-image:url(images/back.jpg);}/* menue oben */
#menu a:link, #menu2 a:visited, #menu a:visited {display: inline;
font-size: 10px;
line-height: 14px;
font-weight: bold;
padding: 0 11px 6px 11px;
text-decoration: none;
color: #990000; float: left;
}#menu a:hover {color: #000000;
background: url(images/pfeil.gif) no-repeat bottom center;
}/* allgemeine links im text */
a:link{ color: black; text-decoration:none; ;font-family: verdana; font-size: 10pt; }
a:visited{color: black;text-decoration:none;font-family: verdana; font-size: 10pt; }
a:active{ color:black;text-decoration:none;font-family: verdana; font-size: 10pt; }
a:hover{ color:black;background-color:#EFEFEF;text-decoration:none;font-family: verdana; font-size: 10pt; }
/* uhr - datum */
input.datum {
font-size:9pt;
background-color:#E7E3C6;
color:#990000;
border:solid 0px;
margin-top:0px;}
form {margin-bottom:0px;}
/* Tabellenfarbe */
p.bordr
{
border-bottom-color: #990000; border-bottom-style: double; border-bottom-width: 1px;
border-left-color: #efefef; border-left-style: double; border-left-width: 1px;
border-right-color: #efefef; border-right-style: double; border-right-width: 1px;
border-top-color: #990000; border-top-style: double; border-top-width: 1px;
background-color: #e7e3c6;
}/* Tabellenfarbe Ende */
Wo setzte ich meine KLasse ein? Am Ende funktioniert sie leider nicht.... :-((
-DIRK-
-
Hallo
Wo setzte ich meine KLasse ein? Am Ende funktioniert sie leider nicht.... :-((
In den (Start)Tag des betreffenden Elements?
Tschö, Auge
--
Die Musik drückt aus, was nicht gesagt werden kann und worüber es unmöglich ist zu schweigen.
(Victor Hugo)
Veranstaltungsdatenbank Vdb 0.1-
Hallo
Wo setzte ich meine KLasse ein? Am Ende funktioniert sie leider nicht.... :-((
In den (Start)Tag des betreffenden Elements?
Welchen Tag meinst Du genau?
Tschö, Auge
-
Hallo
Wo setzte ich meine KLasse ein? Am Ende funktioniert sie leider nicht.... :-((
In den (Start)Tag des betreffenden Elements?
Welchen Tag meinst Du genau?Den Starttag des Elements, das du formatieren willst.
Tschö, Auge
--
Die Musik drückt aus, was nicht gesagt werden kann und worüber es unmöglich ist zu schweigen.
(Victor Hugo)
Veranstaltungsdatenbank Vdb 0.1
-
-
-
Hallo, Dirk,
deine CSS-Datei ist ziemlich unübersichtlich.
Ich hatte kürzlich durch cut and paste irgendwie eine Klammer zuviel
.xxx {color:#f00}
{
.yyy {background:#fff}und die Klasse yyy wurde nicht akzeptiert. Lasse deine CSS- Datei mal durch den Validator prüfen:
http://jigsaw.w3.org/css-validator/Kalle
-
-