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