• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Tim Cooke
  • Ron McLeod
  • Jeanne Boyarsky
  • Paul Clapham
Sheriffs:
  • Liutauras Vilda
  • Henry Wong
  • Devaka Cooray
Saloon Keepers:
  • Tim Moores
  • Stephan van Hulst
  • Tim Holloway
  • Al Hobbs
  • Carey Brown
Bartenders:
  • Piet Souris
  • Mikalai Zaikin
  • Himai Minh

display needed in same line.

 
Ranch Hand
Posts: 158
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • 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.
 
author
Posts: 15385
6
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
You need to either float your elements or make them inline-block.

 
Greenhorn
Posts: 5
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • 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.
 
Consider Paul's rocket mass heater.
reply
    Bookmark Topic Watch Topic
  • New Topic