Formularlayout

[Simon]

Hallo leute,
Ich möchte diversen <input... feldern via css sagen das sie nach rechts ausgerichtet werden.

<input class="textfeld" .....>

mein css sieht momentan so aus.

.textfeld
{
 font-family:tahoma;
 font-size:10;
 color:#004080;
 vertical-align:middle;
}

ich hab bei selfhtml schon gesucht aber nur den vertical-align gefunden.
normales align (links, rechts oder zentriert) hab ich nicht gefunden.
geht das?

danke
simon

[zwerg]

Glück auf Simon!

ich hab bei selfhtml schon gesucht aber nur den vertical-align gefunden.
normales align (links, rechts oder zentriert) hab ich nicht gefunden.
geht das?

Du suchst vermutlich text-align.
Freundliche Grüße

zwerg Alex

[simon]

hallo und danke alex,
leider richtet text_align nur den text aus, nicht die textbox.

danke
simon

[berdn]

Hallo Simon

ohne Quelltext ist es natürlich ein wenig schwierig.

Du könntest ggf. dein Textfeld in einen Wrapper packen,
Semantisch gut wären da doch "fieldset" oder in einer "ul" und dann in "li".

Dort die Eigenschaft text-align: right setzen.

Liebe Grüße

Bernd

[simon]

danke hat sich schon erledigt.

ich mach es jetzt extrem mühsam mit dem table.
mühsam - ernährt sich das eichhörnchen.

danke
simon

[berdn]

Hallo Simon

die Tabelle ist ja dort nicht wirklich semantisch richtig.
Daher wäre eine andere Lösung besser ...

Wenn es denn sein muss, dann gib doch im "summary" an das es sich um eine Formulartabelle handelt.

Bei einen Vortrag über Barrierefreiheit meinte ein Blinder das er mit seinen Screenreader auch ganz gut mit Formularen in Tabellen zurecht kommt.

Barrierefreiheit lässt sich wohl nicht theoretisch erzeugen.

Liebe Grüße

Bernd

[Sören]

Hallo

normalerweise sollten die schon rechts ausgerichtet sein.
Falls nicht mach ein div um alle textfelder und versehe dies mit dem style: text-align:right;

sonst kannst du auch für jedes Textfeld das benutzen:
float:right;

könnte aber zu komplikationen kommen

Gruß Sören

[Simon]

Hallo sören,

float:right; geht schon ganz gut nur leider rutscht die textbox jetzt auch nach unten und ist selbst mit vertical-align:top; nicht zu ändern.

danke
simon

[Sören]

wie gesagt kann es probleme mit float:right geben...

wie sieht es mit der ersten lösung aus? sollte klappen...
also großen div mit dem style text-align:right; und da hinein packste deine texteingabefelder.

Ungefähr so:
<div style="text-align:right;"><input type="text" name="blabla"></div>