Here is the HTML code I am working with:
<div class="actions">
<input id="submit-car" name="commit" type="submit" value="Добавить объявление">
</div>
and here is a fiddle example: http://jsfiddle.net/348U4/
In my form, I have a submit button "Добавить объявление"... but how can I position it within the form after the .car-photo block?
I have considered a few options:
- Using absolute positioning: however, this could lead to issues if the height of the .car-photo block is unknown.
- Add a second submit button after
car-photoand use JavaScript to click on the hidden normal submit button in the form - but this approach has some compatibility problems in Internet Explorer.
How can I achieve this positioning correctly? How can I place the button within the form so that it functions properly?