Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 7 of 7
  1. #1
    Senior Member kirman's Avatar
    Join Date
    May 2003
    Location
    UK England
    Posts
    765
    Member #
    1499
    Liked
    2 times

    Current Rating

    Visual Appeal:
    0.0 out of 5

    Accessibility:
    0.0 out of 5

    Website Speed:
    0.0 out of 5

    Compatibility:
    0.0 out of 5

    Overall Rating:
    0.0 out of 5

    Rate This Site


    Advertisement (login to hide this!)


    You must be logged in to view this site

    i have a couple of questions really.

    1) How do you make a page so it's visible correctly in both 800 X 600 and 1024 X 768 i kinda guess you qould design the page in say 800 X 600 that way it will look good on both screen sizes ?

    2) also this page has a border left right and at the bottom of the page with nothing in there well except a silver background maybe how do you make these borders are they just normal tables with nothing in them or are they different?

    please help im kinda new here... (2nd post!) lol

    thnx
    Dream like you'll live forever. Live like you're gonna die 2morrow!

  2.  

  3. #2
    Senior Member iphong's Avatar
    Join Date
    Mar 2003
    Location
    Arlington, VA
    Posts
    751
    Member #
    916
    For the first question, to make a webpage that can visible correctly in both resolution are:
    1.You can make a fix website with the width is 760 or less so that it can be visible correctly in both resolution. example is the WDF layout you are viewing right now.
    2.Or you can make the page is a table(wdth :100%) and the left menu is fixed. so that the other can be fit in all resolution. here is the example:
    Code:
    <table width="100%">
    <tr>
    <td width="200">menu here</td>
    <td>main content here</td>
    <tr>
    </table>
    Vu Tuan Phong
    iPhongDesign

    http://iphong.com
    http://adstudio1.com

  4. #3
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    Don't forget to space your main content to 100% so it stays the same width:
    Code:
    <table width="100%">
        <tr>
            <td>
                <p>menu here</p>
                <img src="images/spacer.gif" width="200" height="1"><br>
            </td>
            <td width="100%">main content here</td>
        <tr>
    </table>
    The "spacer" image is to force a minimum width of 200px for your menu.

  5. #4
    Senior Member iphong's Avatar
    Join Date
    Mar 2003
    Location
    Arlington, VA
    Posts
    751
    Member #
    916
    i dont use the spacer image normally because i always fix my columns like
    <td width="200"></td>
    <td></td>
    so it wont be changed to a smaller width.
    Vu Tuan Phong
    iPhongDesign

    http://iphong.com
    http://adstudio1.com

  6. #5
    Member
    Join Date
    Apr 2003
    Posts
    34
    Member #
    1102
    i dont like the spacer image. there are a lot better ways of fixing tha tproblem.
    http://www.huanderson.com
    http://www.huanderson.com/portfolio/

  7. #6
    Senior Member iphong's Avatar
    Join Date
    Mar 2003
    Location
    Arlington, VA
    Posts
    751
    Member #
    916
    i always fix the width of the column so it wont be changed
    Vu Tuan Phong
    iPhongDesign

    http://iphong.com
    http://adstudio1.com

  8. #7
    Junior Member
    Join Date
    May 2003
    Posts
    13
    Member #
    1549
    For ur second question, the silver background is just an image, u can create one small image for the left, one for the right and one for the bottom. u then place it in the background of the cell (td) so it will expand for the entire content.

    for exapmle:
    <table width="720">
    <tr>
    <td width="10px;" background="URl of the left image"></td>
    <td width="700px;">Content of the page </td>
    <td width="10px;" background="URl of the right image"></td>
    <tr>
    <tr>
    <td colspan="3" height="10px;" background="URl of the bottom image"></td>
    </tr>
    </table>


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 09:17 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com