Win a copy of Design for the Mind this week in the Design forum!
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

display needed in same line.

 
thejwal pavithran
Ranch Hand
Posts: 119
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator


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.
 
Eric Pascarello
author
Rancher
Posts: 15385
6
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
You need to either float your elements or make them inline-block.

 
Anki Jain
Greenhorn
Posts: 5
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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.
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic