'Wide Screen Viewing' backgrounds appear with tiling to left and right [Archive]

Click to See Complete Forum and Search --> : 'Wide Screen Viewing' backgrounds appear with tiling to left and right

ENIGMACODE

07-06-2007, 09:05 PM

Hello

I've been using an older Editor called 'Page Wiz'

I can tweak the HTML, but I don't know what code or where to put it in order to limit the Page Backgrounds from tiling to the left and right?

In the backgrounds of these pages is usually a photograph which looks fine on a normal screen, but it tiles to either side on a Wide Screen.

Here's the page:
ww2survivorstories-com

Thanx for your help
Mike

ray326

07-06-2007, 10:49 PM

In the stylesheet try:
body { background: url(theimage.jpg) no-repeat center center; }

BUT that editor has outlived its usefulness. Trade it immediately for HTML-kit (http://html-kit.com) and let Tidy fix each of your pages.

ENIGMACODE

07-07-2007, 12:55 PM

:confused:

http://www.ww2survivorstories.com/test-1.htm

ENIGMACODE

07-07-2007, 12:58 PM

Thank you ray326

Please take another looksee - Obviously I screwed something up:
ww2survivorstoriesdotcom/test-1dothtm

WebJoel

07-07-2007, 01:05 PM

Thank you ray326

Please take another looksee - Obviously I screwed something up:
ww2survivorstoriesdotcom/test-1dothtm

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
html { background: gray url("http://www.ww2survivorstories.com/home-backgrd-2.JPG")center no-repeat; }
<DIV ><table width="600" align="center">
<TBODY><tr><td>....
Should instead be:

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML>
<HEAD>
<TITLE></TITLE>

<style>
html { background: gray url("http://www.ww2survivorstories.com/home-backgrd-2.JPG")center no-repeat; }
</style>

</HEAD>
<BODY>

<DIV ><table width="600" align="center">
<TBODY><tr><td>....

This is "style" and that goes before the closing "</head>"

ENIGMACODE

07-07-2007, 01:35 PM

:eek:

http://www.ww2survivorstories.com/test-1.htm

bolty2uk

07-07-2007, 02:28 PM

i cant see a problem in different resolutions?

Use this code.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>link</title>
<style>
html { background: gray url("http://www.ww2survivorstories.com/home-backgrd-2.JPG")center no-repeat; }
</style>
</head>
<body>
<DIV ><table width="600" align="center">

<TBODY><tr><td>


<A href="http://www.ww2survivorstories.com/">Home</A> 
<A href="story.htm">The Story</A>  <A href="veterans.htm">The
Veterans</A>  <A href="photos.htm">Photographs</A>  <A href="preview.htm">Preview</A>  <A href="research.htm">Research</A>  <A href="links.htm">Links</A>    



   
 
 
Survivors' Stories  
    North Africa
1942-43    
 

   
  An independent non-profit film  
</td></tr></TBODY></table>
<DIV></DIV>
 
 
 
 
 
 
 
 
For information on how
to obtain a copy of the DVD, contact: 

<A href="mailto:survivorstories@comcast.net">survivorstories@comcast.net</A>
©  Copyright
2007</A></TD></TR></TABLE></DIV>
</body>
</html>

ray326

07-07-2007, 07:52 PM

My only comment is the style should probably be on the body rather than the html.

ENIGMACODE

07-07-2007, 10:34 PM

:confused:

http://www.ww2survivorstories.com/Test-5.htm

I copied the code exactly - but now I've lost the photo altogether

bolty2uk

07-08-2007, 12:12 AM

When i look at your link i see a page with a background with a big ship in the middle.

Do you see that? If not, how are you viewing the page.??

ENIGMACODE

07-08-2007, 07:02 AM

Hi bolty how ya doin?

If you stay just exactly on the page:
http://www.ww2survivorstories.com/Test-5.htm

without clicking on any of the links, the background photo doesn't appear
(try refreshing your browser)

This problem that I'm having ONLY refers to viewing on a wide screen computer - NOT a coventional sized screen

I've tried EVERYTHING - It seems I just can't find the code that will FIT that background photo DIRECTLY in the middle of a stretched WIDE screen, while adding a gray colored border to either side left and right, to act as a limit to the each side of the background photo.

I've tried BOTH Editors:
My older Page Wiz Editor
AND
The link to the newer technology free 'HTML KIT'

Both Editors cannot seem to solve this problem

My alternatives:
Simply stretch/distort the ENTIRE length of the background photos affected, so they won't TILE
Then when folks will view them on a wide screen, they'll just see more of the STRETCHED background photo ....

Thanx

ENIGMACODE

07-08-2007, 12:23 PM

Hello and thank you everyone who tried to help me
(I really appreciated it)

I've settled for a reasonable compromise and just stretched a few
photos from specific photos that I felt were important NOT to Tile
when viewing.

The other backgrounds actually look better 'Tiled' because there is
important information that can be read adequately without
missing anything when viewed on a normal sized view screen.

Take a another look in both wide screen and normal view:
http://ww2survivorstories.com/
(I'm satisfied)

Thanx so much
Mike