formular-feld "kleiner" machen

manuelr · 19. Juni 2002

hallo leute..

ich kämpf gerade damit ein feedback-formular (mit einem <form>-tag) "kleiner zu machen.. also nicht die standartgröße sondern halt etwas schmaler. seh das total oft auf anderen seiten..

ich mein jetzt auch nicht die breite, sondern die höhe.. kann das irgendwie schlecht beschreiben.. hab schon versucht mit dem <font size> tag was zu machen, aber das hat auch nicht geholfen...

vielleicht hat ja jemand von euch einen tip!

gruß manuel

Carsten · 19. Juni 2002

So auf Anhieb empfehle ich SelfHTML -Formulare definieren.
Ich hoffe, das hilft weiter.

The-spY · 19. Juni 2002

Das Aussehen kannst du mit dem Form Tag fast garnicht beeinflussen. Aber man hat mit CSS sehr gute möglichkeiten. Hier z.B. die Styles für eine Select Box von TT:

PHP

<style type="text/css">
SELECT {
        FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
        FONT-SIZE: 11px;
        COLOR: #000000;
        BACKGROUND-COLOR: #CFCFCF
}
</style>

Und das alles packst du einfach in den Head deiner HTML Datei. Die Angaben für die Größe sind width und height. Nachlesen kannst du es unter anderem hier

cia The-spY

manuelr · 19. Juni 2002

hallo spy!

funktioniert irgendwie leider nicht.. das formular ändert sich kein stück.. muß ich dann noch was beim form-tag dazufügen?

hier mal mein header:

---
<head>
<title>..:: w w w . s o n - f e s t i v a l . d e ::..</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<STYLE TYPE="text/css">
a:link {color:#D3D3D3; text-decoration:none;}
a:visited {color:#D3D3D3; text-decoration:none;}
a:active {color:#D3D3D3; text-decoration:none;}
a:hover {color:#FFFFFF; text-decoration:underline; cursor:hand;}

td {
font-size: 11px;
font-family: verdana,helvetica;
}
.txt10 {
font-size: 10px;
font-family: verdana,helvetica;
}
</STYLE>
<style type="text/css">
SELECT {
FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
FONT-SIZE: 9px;
COLOR: #000000;
BACKGROUND-COLOR: #CFCFCF
}
</style>

<BASE TARGET="mainFrame">
</head>
---

any ideas?!

gruß manuel

The_Master · 19. Juni 2002

Zitat

Original geschrieben von manuelr
hallo spy!

funktioniert irgendwie leider nicht.. das formular ändert sich kein stück.. muß ich dann noch was beim form-tag dazufügen?

Ja, und zwar muß bei den input-Tags noch

Code

CLASS="SELECT"

eingefügt werden, diese Klasse hast du ja im CSS angelegt, ansonsten kannst du das CSS auch gleich so anlegen:

Code

<style type="text/css">
input {
FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
FONT-SIZE: 9px;
COLOR: #000000;
BACKGROUND-COLOR: #CFCFCF
}
</style>

auch würde ich alle CSS Anweisungen in einen Style-Tag schreiben und nicht mehrere erzeugen, nicht jeder Browser macht das mit.
So und jetzt rufst du selfHTML auf, und liest dir das Kapitel über CSS durch damit du auch weist was du da überhaupt machst ;).

manuelr · 21. Juni 2002

ideal.. danke jetzt hat es geklappt.

hab mir das kapitel schon mal durchgelesen, aber ich bin einfach zu blöd um CSS zu kapieren

gruß manu

formular-feld "kleiner" machen

Jetzt mitmachen!

Teilen