css - How to display HTML <FORM> as inline element next to images? -
i have images, 1 of them being able submit hidden form.
my problem need images display inline each other. image form submit refuses this.
the code, basically, this:
<img class="inline" src="image.png" /> <img class="inline" src="image2.png" /> <img class="inline" src="image3.png" /> <form action="/forms/important-form.php" method="post"> <input type="hidden" name="infoforform" value="information"> <input type="hidden" name="url" value="/employee-xyz76r3-headshot.png"> <input type="hidden" name="employeetitle" value="salesperson" > <input type="image" class="inline" src="email.png" alt="submit form" /> </form>
css this:
.inline { display: inline!important; float: right; }
definitely not working though. image functions submit hidden form (the email icon) refuses stay inline.
thank of help! ideas/solutions appreciated.
p.s. try ignore chief marketing officer misspelled haha.
the issue here form
element block element default. change this, making images appear on same line, following css rule needed:
form { display: inline }
well, need change href
attributes in img
elements src
attributes, without fix, first 3 images not display @ all.
you don’t need else, since img
elements inline default.
you don’t need single css rule if move img
elements inside form
element.
Comments
Post a Comment