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

commonjs - How to write a typescript definition file for a node module that exports a function? -

openid - Okta: Failed to get authorization code through API call -

ios - Change Storyboard View using Seague -