Button rechts ausrichten ?
hawkmaster
- css
Hallo zusammen,
Habe ein kniffliges CSS Problem.
Auf einer Seite werden Zeile für Zeile ein Input Type text und dahinter ein Button platziert. Die erste Textbox zeigt ein Hauptverzeichnis an. Die nächste Zeile enthält das Unterverzeichnis. Damit die Baumstruktur besser sichtbar wird habe ich die Unterverzeichnisse etwas nach rechts eingerückt. Also etwa so.
Beschriftung1 TextboxHauptverzeichnis Button
----Beschriftung2 TextboxUnterverzeichnis Button
Jetzt wäre es schöner, wenn man die Buttons ganz rechts alle rechtsbündig anordnen könnte. Momentan richten sie sich ja nach dem textfeld davor.
Mir schweb also so etwas vor.
Beschriftung1 TextboxHauptverzeichnis Button
----Beschriftung2 TextboxUnterverzeichnis Button
<div class="styledirectories">
<div >
<label for="txt_ArchiveDir">ArchiveDir</label>
<input name="txt_ArchiveDir" type="text" value="C:\Programme\Archive\ " />
</div>
</div>
<div class="cmdcreate">
<label for="cmd_createdir_6"> </label>
<input name="cmd_createdir_6" type="button" value="VERZ ANLEGEN"
</div>
<div style="clear:left"></div>
<div class="styledirectories">
<div class="subdirectories">
<label for="txt_ArchiveDirS1">ArchiveDirS1</label>
<input name="txt_ArchiveDirS1" type="text" value="C:\Programme\Archive\A1 " />
</div>
</div>
<div>
<label for="cmd_createdir_12"> </label>
<input name="cmd_createdir_12" type="button" value="VERZ ANLEGEN"
</div>
<div style="clear:left"></div>
Die CSS Styles
.styledirectories div {
float:left;
padding: 0.3em;
}
.styledirectories label{
display:block;
width:10em;
float:left;
}
.styledirectories input {
width:35em;
}
.subdirectories label {padding-left: 3em;}
Lässt sich sowas ohne Tabellenlayout überhaupt umsetzen?
vielen Dank und viele Grüße
hawk