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.

showing images not display 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

Popular posts from this blog

inversion of control - Autofac named registration constructor injection -

ios - Change Storyboard View using Seague -

verilog - Systemverilog dynamic casting issues -