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.
Page 1 of 2 12 LastLast
Results 1 to 15 of 17
  1. #1
    New Coder
    Join Date
    Apr 2005
    Posts
    36
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Resolution Issues

    I'm having issues viewing my website at different resolutions. I'm not really sure what to do because when I view the site at 1024x768, it appears fine but when I view it at 800x600 or any other resolution (whether it's higher or lower than 1024x768), everything becomes shifted either up, down, to the left, or to the right.

    Is there any code that I can include that will make the page appear correctly regardless of your resolution? I've noticed that whenever I view google.com or ebay.com or any other websites, at any resolution, the sites appear fine. What am I doing wrong?

  • #2
    Senior Coder
    Join Date
    Dec 2004
    Location
    Essex, UK
    Posts
    2,636
    Thanks
    0
    Thanked 0 Times in 0 Posts
    If you use percentages to define widths and heights it should fit in all resolutions. If you don't want to do that though you could wrap the whole page in a div with a width of say 750px, so that it fits in nicely in 800x600, and will appear in the middle of the page for larger resolutions.

  • #3
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    This sounds like you are new to CSS, and you are usng a lot of absolute positioning. Am I right so far? Can you show us your complete code. Most sites rarely need absolute positioning.

  • #4
    New Coder
    Join Date
    Apr 2005
    Posts
    36
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I'm not using CSS. I don't know CSS. This is why absolute positioning is used. If you can give me a code to get things to remain in one position with CSS, then I'll take it. But for right now, I'm stuck.

  • #5
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Can't give you a solution without seeing your code or a link now can we?

  • #6
    New Coder
    Join Date
    Mar 2005
    Posts
    29
    Thanks
    0
    Thanked 0 Times in 0 Posts
    We need to see your code so we can see whats wrong

  • #7
    New Coder
    Join Date
    Apr 2005
    Posts
    36
    Thanks
    0
    Thanked 0 Times in 0 Posts
    .....
    Last edited by CKMeth0d; 06-03-2005 at 10:07 PM. Reason: Messed up

  • #8
    New Coder
    Join Date
    Apr 2005
    Posts
    36
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I really don't need your sarcasm...thanks anyways though.

    My code is as follows:

    <!--BEGIN HTML-->
    <html>
    <head>
    <META HTTP-EQUIV="imagetoolbar" CONTENT="no">
    <script type="text/javascript">

    /***********************************************
    * Disable select-text script- © Dynamic Drive (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit http://www.dynamicdrive.com/ for full source code
    ***********************************************/

    //form tags to omit in NS6+:
    var omitformtags=["input", "textarea", "select"]

    omitformtags=omitformtags.join("|")

    function disableselect(e){
    if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
    return false
    }

    function reEnable(){
    return true
    }

    if (typeof document.onselectstart!="undefined")
    document.onselectstart=new Function ("return false")
    else{
    document.onmousedown=disableselect
    document.onmouseup=reEnable
    }

    </script>
    <!--FAVORITE ICON-->
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
    <!--END FAVORITE ICON-->

    <!--
    A:{cursor: url(url)}
    a:link {text-decoration: none; cursor:hand; font-weight:none; color: #363536;}
    a:visited {text-decoration: none; cursor:hand; font-weight: none; color: #000000;}
    a:active {text-decoration: none; cursor:hand; font-weight: none; color: #FFFFFF; }
    a:hover {color: #C0C0C0; cursor:help; text-decoration: none; font-weight: none; position: relative; left: 2px; top: 1px;}

    -->
    <body {
    scrollbar-base-color: #000000;
    scrollbar-track-color: #000000;
    scrollbar-arrow-color: #FFFFFF;
    scrollbar-highlight-color:#000000;
    }>
    <font face="arial">
    <script language="JavaScript">

    if (window.Event)
    document.captureEvents(Event.MOUSEUP);

    function nocontextmenu()
    {
    event.cancelBubble = true
    event.returnValue = false;
    return false;
    }

    function norightclick(e)
    {
    if (window.Event)
    {
    if (e.which == 2 || e.which == 3)
    return false;
    }
    else
    if (event.button == 2 || event.button == 3)
    {
    window.event.cancelBubble = true
    window.event.returnValue = false;
    return false;
    }
    }

    document.oncontextmenu = nocontextmenu;
    document.onmousedown = norightclick;
    </script>
    </head>
    <title> MASSIVE SPEED SYSTEM </title>
    <body>
    <div align="center">
    <!--MENU SCRIPT-->
    <script type='text/javascript'>
    function Go(){return}
    </script>
    <script type='text/javascript' src='exmplmenu_var.js'></script>
    <script type='text/javascript' src='menu_com.js'></script>
    <noscript>Your browser does not support script</noscript>
    <!--END MENU SCRIPT-->


    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <!-- ImageReady Slices (HOME1.psd) -->
    <table id="Table_01" width="800" height="650" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td>
    <img src="images/HOME1_01.gif" width="270" height="384" alt=""></td>
    <td>
    <img src="images/HOME1_02.gif" width="242" height="384" alt=""></td>
    <td>
    <img src="images/HOME1_03.gif" width="258" height="384" alt=""></td>
    <td>
    <img src="images/HOME1_04.gif" width="254" height="384" alt=""></td>
    </tr>
    <tr>
    <td>
    <img src="images/HOME1_05.gif" width="270" height="384" alt=""></td>
    <td>
    <img src="images/HOME1_06.gif" width="242" height="384" alt=""></td>
    <td>
    <img src="images/HOME1_07.gif" width="258" height="384" alt=""></td>
    <td>
    <img src="images/HOME1_08.gif" width="254" height="384" alt=""></td>
    </tr>
    </table>
    <!-- End ImageReady Slices -->

    <!--MAIN INFO-->
    <div id="Layer1" style="position:absolute; left:300px; top:251px; width:450px; height:27px; z-index:1"><font face="arial" size="2.5" color="#363536" align="left">Massive Speed System is a division of TechStar International, Inc., a firm involved in the machine tool/machine shop business. Founded in 1979 by Tom Truty, the firm is still family owned and operated. Massive Speed System was the brainchild of Karl Truty and originally had operated independetly of TechStar beginning in 1999. The expertise of the firm resides in all things with “motors and wheels” as we like to say, and is rather varied. Vehicles owned by and involved with include older muscle cars and street rods to modern pony cars and sport compacts.<br><br>Massive Speed System is a full line automotive retailer.<br></div>

    <div id="Layer1" style="position:absolute; left:300px; top:451px; width:450px; height:27px; z-index:1"><font face="arial" size="2" color="#F77E11"><img src="images/KFocus1.jpg"></div>

    <div id="Layer1" style="position:absolute; left:475px; top:451px; width:450px; height:27px; z-index:1"><font face="arial" size="2" color="#F77E11"><img src="images/KFocus-2.jpg"></div>

    <div id="Layer1" style="position:absolute; left:600px; top:451px; width:450px; height:27px; z-index:1"><font face="arial" size="2" color="#F77E11"><img src="images/KFocus-3.jpg"></div>
    <!--END MAIN INFO-->

    </font>
    </body>
    </html>

    this is for the old website before i revised it. the code is still the same, just some new images & such.

  • #9
    New Coder
    Join Date
    Feb 2005
    Posts
    94
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by CKMeth0d
    I'm not using CSS. I don't know CSS. This is why absolute positioning is used.
    uhh but you are using css:
    Code:
    A:{cursor: url(url)}
    a:link {text-decoration: none; cursor:hand; font-weight:none; color: #363536;}
    a:visited {text-decoration: none; cursor:hand; font-weight: none; color: #000000;}
    a:active {text-decoration: none; cursor:hand; font-weight: none; color: #FFFFFF; }
    is all css...

    and why are you using tables?

    can we get a link to your site? its easier to help with it.

  • #10
    New Coder
    Join Date
    Apr 2005
    Posts
    36
    Thanks
    0
    Thanked 0 Times in 0 Posts
    OK well then i dont know what to do

  • #11
    New Coder
    Join Date
    Feb 2005
    Posts
    94
    Thanks
    0
    Thanked 0 Times in 0 Posts

  • #12
    New Coder
    Join Date
    Apr 2005
    Posts
    36
    Thanks
    0
    Thanked 0 Times in 0 Posts
    That's the website, yes....that's not my code....that's the owners code for the under construction page.....the code that I posted is what I've been using but is not uploaded to his site right now because it is under construction.

    I've been working on his site through angelfire and then I've been transporting the files over to his website with an FTP server..

    If you want a link, i guess you can use http://www.angelfire.com/extreme5/ma...eed/index.html
    but you're going to get pop-up ads & everything is going to be even more messed up

  • #13
    New Coder
    Join Date
    Feb 2005
    Posts
    94
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Yeah, I see what you mean by everything being all messed up.

    First, Id clean up the code, and throw all css in an external style sheet.

    Second, you are calling the same div id "layer1" more than once, you cant do that. change it to a class.

    Third, take it out of tables

    Fourth, dont use absolute positioning.

    embrace the css; you wont need that layer mess. trust me.

  • #14
    New Coder
    Join Date
    Apr 2005
    Posts
    36
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I don't know how to make a CSS sheet. I've never used CSS. I learned HTML on my own & so I don't know about much else. Do you know of any links to some good CSS tutorials for beginners?

  • #15
    New Coder
    Join Date
    Feb 2005
    Posts
    94
    Thanks
    0
    Thanked 0 Times in 0 Posts
    htmldog helped me a lot, try this link



    also, theres a bunch of resources listed in the sticky of this forum


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

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