i have design page such there image on top left. text box in middle , page partitioned 2 columns. click event on partition1 changes text on partition2.
as of have been able insert image , text box. how position text box in tme middle? also, let me know how partition page 2 columns such click on 1 affects output on column2.
<!doctype html public "-//w2c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <html> <head> <style> .newspaper { -webkit-column-count: 2; /* chrome, safari, opera */ -moz-column-count: 2; /* firefox */ column-count: 2; -webkit-column-gap: 40px; /* chrome, safari, opera */ -moz-column-gap: 40px; /* firefox */ column-gap: 40px; } </style> </head> <body> <img alt="twitter" src="twitter.jpeg" width="100" height="90"/> <form method="post" action=""> <textarea name="comments" cols="25" rows="5"> enter comments here... </textarea><br> <input type="submit" value="submit" /> </form> p><b>note:</b> internet explorer 9</p> <div class="newspaper"> lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt </div> </body> </html>
you can use css "left:" or "top:" move many pixels top of screen, or position many pixels left of screen. example:
height: 20px width:20px left:600px top:0px
would style @ top right of screen because 600px away left , 0px away top. need use scripting language or tag button.
Comments
Post a Comment