Picture Misalignment due to banner ads

User 498495 Photo


Registered User
3 posts

Hello all,

I just purchased CoffeeCup's HTML Editor, and so far, I am very happy. However, my host, GoDaddy.com, hosts my domain for free, and as such, places a small banner ad at the top of my site. CoffeeCup's HTML Editor causes the text to shift correctly when the banner loads, but the image is then stacked right on top of my text, making it unreadable. Can someone please advise me how to remedy this ?

Also, the image appears off centered for some reason....

The URL is http://www.geo-nut.com

Thanks for the help with my new program !

Tommy
User 355448 Photo


Ambassador
3,144 posts

Tommy,

I just answered the same question yesterday.

The banner appears on top, and the image below the text is positioned absolutely and will not move to allow the text to be visible.

Here is the code for your picture:

<img style="Z-INDEX: 100; LEFT: 261px; POSITION: absolute; TOP: 216px" height=360
alt=""
src="Under Construction Logo.jpg"
width=504 border=0>

Try something like:

<img src="Under%20Construction%20Logo.jpg" height="360" width="504" title="under construction logo" alt="under construction logo" style="border:0; text-align:center;">

That should align the photo in the center and allow it to shift down under the banner ad.

As a suggestion, you may want to rename any files and photos with spaces (%20) and remove the spaces. Having spaces in a file name can sometimes mess with a browser and things will not display.
Try removing the
User 498495 Photo


Registered User
3 posts

Thanks. I thought there was a way to fix this issue in the visual editor (a setting or something)

Ill make a few adjustments to my code I guess....

Is there a setting I need to fix?


Thanks bill !

Tommy
User 355448 Photo


Ambassador
3,144 posts

Tommy,

Try changing the code as I have in the previous message. Absolute positioning will cause what you are seeing.

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.