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
Post a Comment