Textformularfeld Höhe

[casimir]

Hallo allerseits, sagt ma gibt es eine Möglichkeit die Höhe eines Texteingabefeldes in Der Höhe kleiner zu bekommen als normal? Ich versuche es in eine Tabellenzelle mit einer Hintergrundgraphik einzupassen, ist aber zu hoch...

Wer weiss Rat


Danke i.V.

Christian

 

[Sven Mintel]

Hallo....

die Höhe ergibt sich aus der Grösse der für dieses Feld angegebenen Schriftart.

musst halt rumprobieren, was passt... z.B.

<input type="text"style="font-size:1px">

wäre nicht sehr hoch
der IE interpretiert dort auch height-Angaben(ob andere Brauser auch, habsch net getestet

<input type="text"style="height:1px">

 

[casimir]

re

JO danke noch mal klappt jetzt, aber nur solange kein FORMTAG da ist, sobald nen Formtag da ist bläht sich die Tabellenzeile wieder auf, was kann ich tun?


Gruss


christian

 

[Sven Mintel]

ergänze den <form>-Tag um die Angabe

style="display:inline;"

...das sollte das Problem beheben

 

[casimir]

re

Ja schönen dank, dass hat geklappt, jetzt errätst du sicher was dass nächste Problem ist, wie kann man denn die Breite des Fprmtags beinflussen?


Danke nochmals


Gruss


Christian

 

[Sven Mintel]

Zum Beispiel mit CSS und width:

<form style="width:100px;">

.....wenn innerhalb des Formulars allerdings etwas steht, was breiter als 100px ist, erzwingt das eine grössere Breite.

 

[casimir]

r

Hallo danke noch ma,

kann man dass auch prozentual machen oder gehtr dass nur absolut?


Gruss


christian

 

[Sven Mintel]

prozentuale Angaben sind auch möglich...

style="width:50%"

....ob und in welcher Art diese Angaben umgesetzt werden, hängt da jedoch meist vom Browser und von den Elternelementen ab.

 

[casimir]

Alles klar werd ich gleich probieren, wäre diese Zeile zB so korrekt?

<form style="display:inline; " style="width:30px;" name="form3" method="post" action=".....">


schönes Wochende


christian

 

[Sven Mintel]

Jo....
style-Angaben kannst du auch zusammenfassen:

<form style="display:inline; width:30px;" name="form3" method="post" action=".....">

Es ist aber sehr unterschiedlich, wie die width-Angabe interpretiert werden wird, da dort display als "inline" angegeben ist.... einige Browser ignorieren width-Angaben bei Inline-Elementen...

aber probiers aus, vielleicht gehts ja: