I am totally green and would like some help with HTML.

I would like to set up some iframe modules side by side and would like to know how to write the html to make that possible. Below is an example of the iframe code that I want to place side by side four across. Please help me out.

<iframe scrolling="no" frameborder="0" style="overflow:hidden;width:150px;height:200px;border:0px;margin:4px;" src="http://modules.idx.diversesolutions.com/modules/featured_slider/Module.aspx?MasterAccountID=1938&SearchSetupID=63&LinkID=33750&Width=150&Height=200&BGColor="></iframe>

In addition to the modules being side by side I would also like each one to have a heading. Like condos, homes, rentals, ect.

 

When I first started learning HTML the most basic rule was "Know thine tables", lol... these days nobody will even admit to liking tables so a lot of newbies don't even bother learning them, but I think they can still be quite useful. If you're going to use iFrames, might as well use tables, IMO.

That said, I think this would work for you...

<table width="600" border="0" cellspacing="4" cellpadding="4">
  <tr>
    <td>Heading 1</td>
    <td>Heading 2</td>
    <td>Heading 3</td>
    <td>Heading 4</td>
  </tr>
  <tr>
    <td><iframe scrolling="no" frameborder="0" style="overflow:hidden;width:150px;height:200px;border:0px;margin:4px;" src="http://modules.idx.diversesolutions.com/modules/featured_slider/Module.aspx?MasterAccountID=1938&SearchSetupID=63&LinkID=33750&Width=150&Height=200&BGColor="></iframe></td>
    <td><iframe scrolling="no" frameborder="0" style="overflow:hidden;width:150px;height:200px;border:0px;margin:4px;" src="http://modules.idx.diversesolutions.com/modules/featured_slider/Module.aspx?MasterAccountID=1938&SearchSetupID=63&LinkID=33750&Width=150&Height=200&BGColor="></iframe></td>
    <td><iframe scrolling="no" frameborder="0" style="overflow:hidden;width:150px;height:200px;border:0px;margin:4px;" src="http://modules.idx.diversesolutions.com/modules/featured_slider/Module.aspx?MasterAccountID=1938&SearchSetupID=63&LinkID=33750&Width=150&Height=200&BGColor="></iframe></td>
    <td><iframe scrolling="no" frameborder="0" style="overflow:hidden;width:150px;height:200px;border:0px;margin:4px;" src="http://modules.idx.diversesolutions.com/modules/featured_slider/Module.aspx?MasterAccountID=1938&SearchSetupID=63&LinkID=33750&Width=150&Height=200&BGColor="></iframe></td>
  </tr>
</table>

Code (markup):

HTH!

 

Thanks I will try it and see how it looks. I appreciate you giving me an answer.

 

<table width="600" border="0" cellspacing="4" cellpadding="4">
<tr>
<td><center><strong><h4>Heading 1</h4></strong><center></td>
<td><center><strong><h4>Heading 1</h4></strong><center></td>
<td><center><strong><h4>Heading 1</h4></strong><center></td>
<td><center><strong><h4>Heading 1</h4></strong><center></td>
</tr>
<tr>
<td><iframe scrolling="no" frameborder="0" style="overflow:hidden;width:150px;height:200px;border:0px;margin:4px;" src="http://modules.idx.diversesolutions.com/modules/featured_slider/Module.aspx?MasterAccountID=1938&SearchSetupID=63&LinkID=33750&Width=150&Height=200&BGColor="></iframe></td>
<td><iframe scrolling="no" frameborder="0" style="overflow:hidden;width:150px;height:200px;border:0px;margin:4px;" src="http://modules.idx.diversesolutions.com/modules/featured_slider/Module.aspx?MasterAccountID=1938&SearchSetupID=63&LinkID=33750&Width=150&Height=200&BGColor="></iframe></td>
<td><iframe scrolling="no" frameborder="0" style="overflow:hidden;width:150px;height:200px;border:0px;margin:4px;" src="http://modules.idx.diversesolutions.com/modules/featured_slider/Module.aspx?MasterAccountID=1938&SearchSetupID=63&LinkID=33750&Width=150&Height=200&BGColor="></iframe></td>
<td><iframe scrolling="no" frameborder="0" style="overflow:hidden;width:150px;height:200px;border:0px;margin:4px;" src="http://modules.idx.diversesolutions.com/modules/featured_slider/Module.aspx?MasterAccountID=1938&SearchSetupID=63&LinkID=33750&Width=150&Height=200&BGColor="></iframe></td>
</tr>
</table>