Images pushed down

[Jleigh]

Hello.  I'm quite glad I found this forum. I have a basic understanding of HTML. I have a forum which has our logo on the center of the page at the top. There is tons of surrounding space for additional graphics/text, but every single time I try to add something, say, to the top left corner, it pushes down my logo even though they are nowhere near each other. I have no idea how to fix this, and I was hoping you all here could point me in the right direction. Thanks so much!

[soybean]

Can you post the URL to your forum?  What forum software are you using? 

[Astoria]

Basically you have two options.
If you have no knowledge of CSS you could use a table, or, if you do know some CSS use that to position the images.

[soybean]

I suspect his forum is something based entirely on forum software such as phpBB.  IOW, it's not web pages developed by him.  If this is correct, it's more complicated than applying CSS or tables to pages he developed. 

We need more info from him/her.

[Jleigh]

Hi again. Sorry for the delay in responding. This is a websitetoolbox forum. I am trying to get a better understanding of how tables work. I have the basics down, but that's about it. To give you an example of the code I'm trying to use:

<table>
<tr>
<td align=left valign=top>test</td>
<td width=115>&nbsp;</td>
<table>
<tr>
<td align=center valign=top><img src="http://i22.photobucket.com/albums/b342/jelsea/banner-take-1.gif" width="550" height="94" ALT="The Incorruptibles"></td>
</tr>
</table>

The "test" text is where I would like to put an image. The empty cell I only put there so that there was a space between the text and my logo. The two would be scrunched together without it, and I need the logo to stay centered. There is also space to the right of my logo that I cannot seem to fill without screwing up the entire forum layout. Please forgive me if the code is a mess. As I say, I'm terribly new to all this.

Also, is it possible to put iframe within a table cell?

[soybean]

OK, let's take a look at this.

<table>
<tr>
<td align=left valign=top>test</td>
<td width=115>&nbsp;</td>
<table>
<tr>
<td align=center valign=top><img src="http://i22.photobucket.com/albums/b342/jelsea/banner-take-1.gif" width="550" height="94" ALT="The Incorruptibles"></td>
</tr>
</table>

Take out the two tags shown above with a line through them.  So, you'll have:

<table border=1>
<tr>
<td align=left valign=top>test</td>
<td width=115>&nbsp;</td>
<td align=center valign=top><img src="http://i22.photobucket.com/albums/b342/jelsea/banner-take-1.gif"
width="550" height="94" ALT="The Incorruptibles"></td>
</tr>
</table>

Note: I added the border attribute in the table tag, as shown in blue above.  I think it helps, when working with tables, to show a border.  If you don't want a border in your final product, just change the border value to 0. 

Also, is it possible to put iframe within a table cell?

I've never done it but I believe it can be done.  See this reference for info: http://www.w3schools.com/TAGS/tag_iframe.asp