SELFHTML Forum
SELFHTML Forumsarchiv
2006
Mai
 |
SELFHTML Forumsarchiv |
 |
|
 |
|
Die folgende Nachricht zum Thema stammt von: Dirk, 31. 05. 2006, 17:45
Hallo 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-
Die folgende Nachricht zum Thema stammt von: Richard, 31. 05. 2006, 17:48
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:|
Die folgende Nachricht zum Thema stammt von: Kalle_B, 31. 05. 2006, 17:50
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
Die folgende Nachricht zum Thema stammt von: Dirk, 31. 05. 2006, 18:51
»» 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-
Die folgende Nachricht zum Thema stammt von: Auge, 31. 05. 2006, 19:45
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
Die folgende Nachricht zum Thema stammt von: Dirk, 31. 05. 2006, 21:56
»» 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
»»
Die folgende Nachricht zum Thema stammt von: Auge, 01. 06. 2006, 15:01
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
Die folgende Nachricht zum Thema stammt von: Kalle_B, 31. 05. 2006, 19:53
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
© 1998-2006 
Impressum, Software: Classic Forum
(CSS)