Moving pics overlaying text?

[rjwilldohisbest]

Greetings

I'm wondering if there is a way to prevent pictures from overlapping onto text when the browser is not at full size? I have included a warning about this on my intro page, but some people I have talked to have mocked me because I use notepad and I should be using an automated editor which in turn will not cause pics to do this. I don't understand this since the browsers (IE and NS) are different. How can an autoeditor make web pages conform to all browsers? I have manually coded and made minor modifications to the NS version and it works fine. I now have two site versions that will work, with the exceptions of the picture jumps, IE and NS -- I think aol is IE under the hood?

I have used tables and css for formatting and to me the results are practically identical. I also tried using the position:fixed code to keep the image put, but this doesn't seem to cut the mustard.

Heres my site:

http://onebiz.org/rjphotography

I have been told also that my whole site is in a frameset? I recently got onto a url redirect service to point the above address to go to the actually address which is a long file named address which is at aol's ftp site, but it appears that my site is embedded into a frame? I get this indication somewhat by looking at the browser's title bar, the title remains constant on all pages from my web site, though I don't see any page identifiers that would suggest a frameset. The site wasn't made in frames to begin with.

If anyone would have any suggestions or advice on what could be done to correct these minor issues, that would be super. I have the time to do the html and I like hand-coding, it's fun actually. I cannot see myself spending hundreds of dollars I don't have when I have a utility that will provide more control and then some. I have used free editors and wysiswg and there is very limited control in formatting.

Thanks for all your time.

Robert

 

[gcw1]

When I view source from the menu bar it's a frameset. It looks like it could have something to do with "seejack.com redirection and forwarding service", but I have never used it. Also, what browser is giving you problems with overlapping? I viewed your site with ie6 and it was fine when not full size.

Glenn

 

[rjwilldohisbest]

Hi gc

Actually, the people have quoted that the IE suffers from this, but I have also noticed that if NS is manually resized down, the pics will shift. IE seems more sensitive to the downsizing than NS is.

some people said it was fine, others said the shifting was annoying. I kept the intro message on the page. I'm hoping new people will know about the enlarge symbol on the browser?

Site is just about finished, just need more images up there, so this is a test run for the site. Only people who have viewed it our from this site and the zuga photography site, not totally public yet.

I will look into this seejack deal. It's a good thing I haven't printed up my cards or stationary yet, maybe I can find a new redirection service?

Thanks for your time gc.

Robert

 

[Wullie]

Hi mate,

If you decide to go for another redirection service then chances are that they will do the same. If you do not have it in a frame then the "long address" that you mention will be in the address bar when a user is at your site. If you want you can include a piece of code in the page that will break out of the frame.

I had a quick look at your page again and you should specify a width for the table, this may be your problem.. A fixed width should stop the browser resizing the page when the screen is not maximized.

Hope this helps Wullie

http://www.freshlookdesign.co.uk

http://www.searchit-now.co.uk

http://www.survivorhelp.co.uk

 

[DeZiner]

To stop the overlapping put your image (on the short history page is where I am looking) inside the table. It is above the table therefore the overlap is occuring. Add a cell to the first row and throw the picture in on the right side. DeZiner
Never be afraid to try something new.
Remember that amateurs built the Ark.
Professionals built the Titanic

 

[rjwilldohisbest]

Hi again

Is there a place I can show my code to, both an html and an css document as an example?

To do a table I need to make another table class and override a few pieces of code. The tables have specific widths on them through classes in the stylesheets, some were overwritten, inline. I have about three different types of tables all ready. I tried a few new table methods and the text is all messed up and the pic is off. The span class doesn't help neither. I cannot seem to find a way of adding the pic within the table without messing the whole table completely.

For now I'll stick with what I have for the time being and keep trying out different things. I just started a business and am on sort of a deadline. I think as long as the screen is at maxsize, things should be fine for the present.

Thanks for your responses.

Robert

 

[Wullie]

Hi mate,

There is no need to post your code, we can view that on your pages..

The only way that you will solve this is to put the content into a table. It is a small site so is only a couple of minutes work and it will look a lot better than to have the warning when you enter the site.

Just add a fixed width table around the whole content of your page and this will eliminate the page trying to fit into the window no matter what size it is.

Hope this helps Wullie

http://www.freshlookdesign.co.uk

http://www.searchit-now.co.uk

http://www.survivorhelp.co.uk

 

[cian]

I use IE6 and when I sized it right down the RJ pic was "falling" under the Photography heading. You really need to get all of that into a table which will prevent anything like that happening. May as well make it a fixed with table as well, say 700-720 max. IMHO

Looks good though!
É

 

[rjwilldohisbest]

Yaahhhh

I'm starting to understand a little more.
<a href=&quot;

http://members.aol.com/rjisinspired/test/tt.htm&quot;>Table

test</a>

Nothing moves!!
I saw an example of using widths, divs, etc and this works.
I notice that this worked with the browsers. The border styles look a little different but I'm not going to use borders. For the hr color in NS I will use a graphic divider in replace of the hR color, which NS doesn't seem to notice.


Thanks guys for your help I appreciate it very much

Robert