[HTML] Problemen met alignment SELECT box

[Thunk]

Zie het volgende plaatje:



Het bovengedeelte geeft de weergave in een browser aan.
Het onderste gedeelte geeft het design in Dreamweaver aan.

De selectbox wordt (gedeeltelijk) gevuld met PHP/SQL.
Aangezien hij de breedte van de selectbox bepaald dmv de grootste string waarmee de selectbox gevuld wordt, krijg ik een alignment in een browser zoals ik die niet wil ( er moet nog een submit IMG achter, zoals te zien in het DW design).

Is er een toepasbaar trucje (CSS/HTML) waarmee ik dit probleem kan omzeilen?
Ik heb al geprobeerd om een tabel achter de selectbox toe te voegen, en een kolom (zoals nu te zien in DW layout), maar het mag allemaal niet baten.

[Yoozer]

Waarom niet gewoon iets als:

Cascading Stylesheet:

select.mydropdown {
width:10em;
}

[Thunk]

Heeft ook weinig zin.

code:

<select name="afdeling" class="search" STYLE="width:10em">

De selectbox wordt dan ingekort, maar staat nog steeds half 'buiten' het scherm.

[BtM909]

Dan zet je toch de rechter margin van je select

[Thunk]

Zat ik dus ook al mee te stoeien.

code:

<select name="afdeling" class="search" STYLE="margin-right:80px;">

Dan wordt de selectbox inderdaad opgeschoven naar links, maar de submit image valt nog immer buiten beeld. Zoals je begrijpt; wordt ik een beetje gek hiervan ;P Heb al van alles met CSS geprobeerd in te stellen (position, width, margins), maar niks geeft het gewenste resultaat.

De door PHP/SQL verbrede selectbox moet dus met de rechterkant tegen het eind van de kolom aankomen, en daarnaast zit nog een kleine kolom van 30px met de submit IMG (die valt al helemaal buiten beeld nu).

Een <DIV ALIGN="RIGHT"> heeft ook geen effect.

[ Voor 18% gewijzigd door Thunk op 07-02-2006 10:10 ]

[BtM909]

Zet je select en submit button in een container element (je mag zelf even uitzoeken welke handig is voor form-elementen) en zet daar dan je margin-right op