HTML Editor 2007 - Formatting problems

User 444622 Photo


Trial User
2 posts

Hi there,

I'm using HTML Editor 2007, the Visual Editor and for some reasons the pictures on my page aren't formatted correctly if the browser window is reduced. If you increase the browser window size to full screen it looks OK but reduce it and the pictures on some of the pages are out of whack.

Any suggestions would be greatly appreciated.

http://members.iinet.net.au/~lani.refiti1/aboutus.html

cheers,
Lani
User 355448 Photo


Ambassador
3,144 posts

Lani,

I think you are referring to the fact that the photo stays the same as the page moves. If you look at the code for your image, you will see this line:
<td width="26%" valign="top"><IMG style="Z-INDEX: 100; LEFT: 312px; POSITION: absolute; TOP: 148px" height=640 alt="" src="images/don_4.jpg" width=360 border=1 ></td>

You are telling the photo to stay 312 pixels from the left edge, and as you change the width of your browser window, the image does just that.

Since you are using tables to position everything, I suggest you remove the absolute positioning and let the table place the image. Try replacing that line of code with this:
<td width="26%" valign="top"><IMG height=640 width=360 border=1 alt="" src="images/don_4.jpg"></td>

Let us know how it works.
User 444622 Photo


Trial User
2 posts

Thank you Bill, thats done the tricks with all my photos!
User 355448 Photo


Ambassador
3,144 posts

Lani,

Glad things are working for you now.

You might want to look at your code with the intent of fixing some errors. Not sure if your editor has line numbers, but if you look at line 47 you will see:
<td width="26%" valign="top" nowrap></A></A></A><font color="#0000ff"></A></A><font color="#000000">&nbsp; <A onmouseover="window.status=''; return true" onmouseout="window.status=' '" href="index.html"><strong>Home</strong></A><strong>&nbsp;

You need to remove the first five </A> tags. Those are for closing an anchor, and you don't have one open at that point. Later in the line, you do have the "Home" anchor.

Hope this helps.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.