Formularfeld formatieren??

Status
Nicht offen für weitere Antworten.
Comander_Keen

Comander_Keen

Erfahrenes Mitglied
Tach Post...

Bin leider noch ein richtiger codingn00b. Deshalb habe ich auch keine ahnung ob ich hier richtig bin (hoffe das die ausrede bei den moddis funkioniert :rolleyes: ).
Ich arbeite gerade mit dreamweaver und möchte den inhalt eines formulars nach bestimmten kriterien formatieren. Hier ein Beispiel ( hschauts euch mal an ).Da ind die links in solch kleinen jumpmeüs untergebracht. das habe ich ja auch schon hinbekommen. Nur wo finde ich optionen zum einstellen der schriftgröße oder der hintergrundfarbe??

MfG Comander_Keen
 
mittels css.

z.b.:

Code: 
select 
{ 
 font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
 background-color: #003366; 
 border-color : steelblue steelblue steelblue steelblue;
 font-size: 10px;
 color: white; 
 padding : 0 0 0 0;
 }
 
gehört wohl eher zu css...

aber woher sollst das wissn =)

leider is mei browser sowie html editor gecrasht...un nu bin ich 2ter der antwortet =)
nichtsdestotrotz hier noch die alternativ möglichkeit, die eingabefelder direkt zu beeinflussen, im gegensatz zu gremmlin der select allgemein definiert hat:

Code: 
<html>
<head>
</head>
<body>
<SELECT NAME="links" SIZE="1" STYLE="font-family: verdana; font-size: 11px; background:00BFFF; color:00ff00">
<OPTION SELECTED>link1
<OPTION>link2
<OPTION>link3
<OPTION>link4
<OPTION>link5
<OPTION>link6
<OPTION>link7
</SELECT>
</body>
</html>
oder:
Code: 
<html>
<head>
</head>
<body>
<SELECT NAME="links" SIZE="1" STYLE="font-family: verdana" STYLE="font-size: 11px" STYLE="background:00BFFF" STYLE="color:00ff00">
<OPTION SELECTED>link1
<OPTION>link2
<OPTION>link3
<OPTION>link4
<OPTION>link5
<OPTION>link6
<OPTION>link7
</SELECT>
</body>
</html>

du siehst also, entweder durch strichpunkt getrennt, oder styleabgeschlossen und neues aufgemacht, ist der selbe effekt
um verschiedene selectboxen zu erstellen kannst du natuerlich auch bei gremmlins version eine class anfügen
also

Code: 
select.boxstyle1
{ 
 font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
 background-color: #003366; 
 border-color : steelblue steelblue steelblue steelblue;
 font-size: 10px;
 color: white; 
 padding : 0 0 0 0;
 }
select.boxstyle2
{ 
 font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
 background-color: #003366; 
 border-color : steelblue steelblue steelblue steelblue;
 font-size: 10px;
 color: white; 
 padding : 0 0 0 0;
 }

und dann später bei der entsprechenden box aufrufen mittels
Code: 
<html>
<head>
</head>
<body>
<SELECT NAME="links" size=1 class=boxstyle1>
<OPTION SELECTED>link1
<OPTION>link2
<OPTION>link3
<OPTION>link4
<OPTION>link5
<OPTION>link6
<OPTION>link7
</SELECT>
</body>
</html>
 
Zuletzt bearbeitet:
Big THX!

gelobe besserung:) ....
werde aber erstma nicht sagen können obs geklappt hat. muss jetzte zur lan *freu*. aber wenn ich wieder da bin, meld ich mich gleich.

MfG Comander_Keen
 
hi,
*G* gehen geht auch noch:

.boxstyle2
{
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
background-color: #003366;
border-color : steelblue steelblue steelblue steelblue;
font-size: 10px;
color: white;
padding : 0 0 0 0;
}


<SELECT NAME="links" size=1 class="boxstyle2">

;).

kannst sooo viel machen... so viele möglichkeiten..
 
mit css-klassen wäre ich vorsichtig - NS 4.x kennt nämlich nur id's und mit denen kann man das auch hinkriegen.

so klappt's nur im IE und NS ab 6.x
.boxstyle2
{
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
background-color: #003366;
border-color : steelblue steelblue steelblue steelblue;
font-size: 10px;
color: white;
padding : 0 0 0 0;
}


<SELECT NAME="links" size=1 class="boxstyle2">
Zum Vergrößern anklicken....

für NS4.x wäre das hier wohl besser:

#boxstyle2
{
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
background-color: #003366;
border-color : steelblue steelblue steelblue steelblue;
font-size: 10px;
color: white;
padding : 0 0 0 0;
}


<SELECT NAME="links" size=1 id="boxstyle2">
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück