Picture Misalignment due to banner...
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
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
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
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
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
Ill make a few adjustments to my code I guess....
Is there a setting I need to fix?
Thanks bill !
Tommy
Tommy,
Try changing the code as I have in the previous message. Absolute positioning will cause what you are seeing.
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.