...

View Full Version : Fitting All Resolutions



Abc10
05-29-2007, 01:56 AM
Okay:

My bg image lapses on large monitors http://img341.imageshack.us/img341/852/untitledbs6.

Here is my code so far


<TITLE> Trinity GFX</TITLE>
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type"
content="text/html;charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<TITLE>Trinity GFX</TITLE>
<!-- --><script type="text/javascript" src="/i.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="freewebs.com";urchinTracker();}</script>
<STYLE type=text/css>
<!--

body { width: 100%;
background:url("http://www.freewebs.com/trinity-gfx/backroundimage.jpg") width: 100%;
scrollbar-face-color: #990000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #111111;
scrollbar-shadow-color: #111111;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #777777;
}
-->
</STYLE>
</head>

<body>
<BR><BR><BR><BR><BR><BR><center><a href="http://www.freewebs.com/trinity-gfx/"><img src="http://www.freewebs.com/trinity-gfx/homebutton.png" border="0" />

<a href="http://trinitygfxv2.b1.jcink.com"><img src="http://www.freewebs.com/trinity-gfx/forumsbutton.png" border="0" /><a href="http://www.freewebs.com/trinity-gfx/VIPSection.htm">
<IMG SRC="http://www.freewebs.com/trinity-gfx/vipbutton.png" border="0"></a> <a href="http://freewebs.com/trinity-gfx/artgallery.htm">
<IMG SRC="http://www.freewebs.com/trinity-gfx/artbutton.png" border="0"></a> <a href="http://www.freewebs.com/trinity-gfx/affilates.htm"><IMG SRC="http://www.freewebs.com/trinity-gfx/affilates.png" border="0"></a> <a href="http://freewebs.com/trinity-gfx/currentstaff.htm">
<IMG SRC="http://www.freewebs.com/trinity-gfx/staffbutton.png" border="0"></a>
</center><BR><center><SPAN style="font-size:x-large;"><font color="#0000FF">Welcome To Trinity GFX</font></SPAN></center></color><BR><BR><BR>
<CENTER></CENTER><BR><BR><center><font style="color:#616D7E">Text here, then put it after BR every couple sentences do keep it centered and in the sights lines. </font><BR />
<CENTER> </CENTER>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR></center>



<BR><BR><BR><BR><BR><center><IMG SRC="http://www.freewebs.com/trinity-gfx/SOTW.png"></center><BR><BR><BR><BR><BR><BR><BR><BR><BR><center></center><BR><BR><BR><BR><BR><BR><BR><!-- --><script type="text/javascript" src="/i.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="freewebs.com";urchinTracker();}</script>

<!-- --><script type="text/javascript" src="/i.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="freewebs.com";urchinTracker();}</script><!-- --><script type="text/javascript" src="/i.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="freewebs.com";urchinTracker();}</script></BODY>
</html>



I know its amazing lol

But all jokes aside, where and how can I insert something to make it not do that? And just stretch out?

I can't really offer much for helping but, I believe strongly in Karma, and hopefully it comes back around for whoever helps me. You also get the satisfaction of really helping me out.

Thanks in advance.

koyama
05-29-2007, 03:19 AM
Holy cow. As a start use this:


body {
background: black url("http://www.freewebs.com/trinity-gfx/backroundimage.jpg") top no-repeat;
}

Next, make sure that nothing comes before the doctype. Remove that xml declaration. Your document should begin with something like this:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/REC-html40/loose.dtd">
Otherwise your page will be rendered in quirks mode in IE6.

It won't hurt either to consult the validator (http://validator.w3.org/) trying to fix some of the errors.

Abc10
05-29-2007, 03:46 AM
Thank you so much, I can not express my gratitude, keep up the good work:thumbsup:

Abc10
05-29-2007, 01:46 PM
Can someone take a screenshot of : http://www.freewebs.com/trinity-gfx/ and tell me if it lapses? Your monitor has to be bigger then 1024 by 768. Thanks in advance.

Abc10
05-31-2007, 12:41 AM
Bump, please, I need this, if you don't know how Press print screen then paste it into paint then put it on imageshack, the resolution needs to be higher then 1024 by 768.

iLLin
05-31-2007, 01:14 AM
1900x1200

http://www.lgwebproduction.com/tmp/trinity-ss.jpg

effpeetee
05-31-2007, 09:40 AM
Why is it so dark and gloomy?
I can hardly read anything on the screen.

I am using 1024 x 768.

effpeetee



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum