Hello. I've decided to start a blog and I need help with something. I have a little picture thing on the left and i would LIKE to have an iframe in the center but I want them to be in the same position, like the one picture of the left and the iframe in the center. Leveled. And I know the only way you can do it is by nesting tables or something like that. Can somebody give me a table code for it?

the link is here http://free.angeltowns.com/selfishxanga


Help would be greatly appreciated.

You could use tables...
<table>
<tr>
<td> picture here </td>
<td> iframe here </td>
</tr>
</table>

Or position them with absolute positioning, putting them the same distance from the top of the page.
style="position: absolute; top: 100px; left: 100px;"

i am rather confused by what yoor asking, but if you want to have one over top of another you need ot use style="position:absolute; top: ; left: ; etc...;" z-index=X. but i really dont understand. Is that a picture of what you want there?

lol, noooo. Okay thanks for trying but this is what i want. If you click on my link you'll see 2 pictures. Not the big one, but the small one I want on the left. And in the center I want to put an iframe. But I want them to be like this .


small picture iframe


everytime i try it it's usually like

small picture


iframe



Uhhhh i hope that cleared up confusion.

Did you try what I suggested? Because as far as I can tell from your explanation that should work for you.

you have to use tables or make the pictures smaller. If you are going ot make the pictures smaller, keep in mind that some peopel migh thave a smaller screen resolution than you. So usng tables would be the best thing to do.

How would I use that code Kitty? Sorry, but I don't really understand.

One table, two columns. In the first one you put the image code for your picture, in the second the code for your iframe. That should make it so the image/iframe are beside each other and level.

For the second code (use either the first one or second, not both) add it to both the image code and iframe code. Keep it so that the number after top is equal for both. Change the number after left to position them across the page (0 is closer to left side, bigger the number the farther frmo that side it is)