Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New to the CF scene
    Join Date
    May 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Fitting All Resolutions

    Okay:

    My bg image lapses on large monitors

    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.

  • #2
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    Holy cow. As a start use this:
    Code:
    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:
    Code:
    <!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 trying to fix some of the errors.

  • #3
    New to the CF scene
    Join Date
    May 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thank You

    Thank you so much, I can not express my gratitude, keep up the good work

  • #4
    New to the CF scene
    Join Date
    May 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.
    Last edited by Abc10; 05-30-2007 at 11:42 PM.

  • #5
    New to the CF scene
    Join Date
    May 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

  • #6
    Regular Coder
    Join Date
    Oct 2005
    Location
    Right Here
    Posts
    654
    Thanks
    1
    Thanked 0 Times in 0 Posts

  • #7
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Why is it so dark and gloomy?
    I can hardly read anything on the screen.

    I am using 1024 x 768.

    effpeetee


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •