html - Is there a way to change the size of the box form that I made, can the form also be on the right while I have left side text? -


how can make not form small on right had side , can put text on left side. couldn't find on google tried this. tried align form works images.

#questions > .question, #languages > .language{ margin: auto; overflow: auto; padding: 8px; width: 75%; } .choices > .choice, #languages > .language{ background: #ffffff; border-radius: 8px;  opacity: 0.7; overflow: auto; padding: 16px; } #questions, #languages{ margin-bottom: 48px; } #languages > .language{ margin-top: 8px; } .language > img{ float: left; margin-right: 24px; padding:  } 

this works images src not actual forms

yes can change form such labels on right , text on left , through transforming scale on whole form , on individual element make readable. demonstrated in below code:

.flip  {  -moz-transform: scale(-1, 1);  -webkit-transform: scale(-1, 1);  -o-transform: scale(-1, 1);  -ms-transform: scale(-1, 1);  transform: scale(-1, 1);  }    .fname  {      width:90px;      height:30px;      display: inline-block;  }    .formbox  {      width:700px;      height: 500px;      background:grey;  }
<html>  	<head>  		<link rel="stylesheet" type="text/css" href="style.css"/>  	</head>  	<body>  	<div class="flip">  	  <form class="formbox" action = "/cgi-bin/hello_get.cgi" method = "get">  		<div class="fname flip">   		first name   		</div>              <input type = "text" class="flip" name = "first_name" value = "" maxlength = "100" />           <br />  		   		 <div class="fname flip">   			last name   		 </div>  	   		              <input type = "text" class="flip" name = "last_name" value = "" maxlength = "100" />           <input type = "submit" class="flip" value ="submit" />  	  </form>  	</div>     </body>  </html>

and changing size of form : declare height width of form element ,then resize other element inside form using % measure.


Comments

Popular posts from this blog

php - Vagrant up error - Uncaught Reflection Exception: Class DOMDocument does not exist -

vue.js - Create hooks for automated testing -

Add new key value to json node in java -