aspose file tools*
The moose likes HTML, CSS and JavaScript and the fly likes display needed in same line. Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "display needed in same line." Watch "display needed in same line." New topic
Author

display needed in same line.

thejwal pavithran
Ranch Hand

Joined: Feb 11, 2012
Posts: 118


hey guys i want the map and the form in the code above to be displayed on the same line. here its getting displayed one below the other.

what can i do please help.


on job hunt
Eric Pascarello
author
Rancher

Joined: Nov 08, 2001
Posts: 15376
    
    6
You need to either float your elements or make them inline-block.

Anki Jain
Greenhorn

Joined: Dec 28, 2012
Posts: 5
you have given fixed width in div id as block 1 remove it and use float: left in css
and your code will be as follows:
following changes are in

remove div's width.
<div id="blcok1">

give style to i frame and set is as float:left
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"
src="https://maps.google.co.in/maps?hl=en&q=KAILAS+JEEVAN+FACTORY+-
+Pune&ie=UTF8&hq=KAILAS+JEEVAN+FACTORY+-&hnear=Pune,+
Maharashtra&t=m&ll=18.4468,73.813486&spn=0.161987,0.095167&output=embed" style="float:left;">

and in form also give it style and set it as a float:left
<form method = "post" action = "ContactServlet" style="float:left;">

for more help..click here.
 
I agree. Here's the link: http://aspose.com/file-tools
 
subject: display needed in same line.