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 9 of 9
  1. #1
    Member
    Join Date
    Feb 2003
    Location
    Northern Ireland
    Posts
    40
    Member #
    759
    Hi guys,

    I hope some can help with this problem, its been boggling me for ages.

    1) How do I create a site which changes to suite all screen resolutions?
    see here for an example --->>http://www.theologyweb.com/

    2) Is there a list of available css attributes which I can download?

    Help greatly appreciated!!

  2.  

  3. #2
    Senior Member splufdaddy's Avatar
    Join Date
    Feb 2003
    Location
    Boston, MA
    Posts
    4,488
    Member #
    735
    1. The site above uses a table that spans 100% of the browser's window:
    Code:
    <table width="100%">
    Making a site look good at all resolutions can be difficult, esp if you use a lot of graphics. It can be done though.

    2. Here is a good site that has tutorials on CSS, HTML, XHTML and alot of other languages. Here's their CSS homepage: http://www.w3schools.com/css/

    Enjoy!

  4. #3
    JR
    JR is offline
    Senior Member JR's Avatar
    Join Date
    Nov 2002
    Location
    UK
    Posts
    4,354
    Member #
    257
    you will also need to use some javascript and a few extra copies of the banner if you want the banner resized - unless it is vector
    JR

  5. #4
    Senior Member splufdaddy's Avatar
    Join Date
    Feb 2003
    Location
    Boston, MA
    Posts
    4,488
    Member #
    735
    The site he linked us to has a one-size-fits-all banner, and fills the rest of the screen with a non-tiling background that looks like the rest of the banner. I think that may be easier than using javascript to determine the users screen size.

  6. #5
    JR
    JR is offline
    Senior Member JR's Avatar
    Join Date
    Nov 2002
    Location
    UK
    Posts
    4,354
    Member #
    257
    well it depends what the banner is like - it wouldn't be very easy to slice up the banner here and have a part that is repeating for it to fit all resolutions
    JR

  7. #6
    Senior Member splufdaddy's Avatar
    Join Date
    Feb 2003
    Location
    Boston, MA
    Posts
    4,488
    Member #
    735
    Here meaning WDF? Yeah, that would be tough. Most sites that span the entire page width that I've seen go with an easier banner solution, by making most of the banner some sort of repeating pattern, and then slapping a matching graphic on top of it with the site name, etc., like TheologyWeb did.

  8. #7
    Senior Member filburt1's Avatar
    Join Date
    Jul 2002
    Location
    Maryland, US
    Posts
    11,774
    Member #
    3
    Liked
    21 times
    http://www.turtletips.com/ , my personal page. Note what I did: use one image at the top that doesn't exceed 800 px, and then a table background for the rest that seamlessly connects to the original image. A very common but very useful technique.
    filburt1, Web Design Forums.net founder
    Site of the Month contest: submit your site or vote for the winner!

  9. #8
    JR
    JR is offline
    Senior Member JR's Avatar
    Join Date
    Nov 2002
    Location
    UK
    Posts
    4,354
    Member #
    257
    thats what i meant so it would be like this...
    Code:
    _________________________________
    |bannerbanner|bbbbbbbbbbbbbbbbbb|
    |bannerbanner|aaaaaaaaaaaaaaaaaa|
    |bannerbanner|nnnnnnnnnnnnnnnnnn|
    ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ
    ______1_______________2__________
    part one of the table would be the image title/logo that cant be stretched in a table cell the same width as the image. The second part of the image will be the table cell with a repeating image (could be 1px wide) but has to be the the same height as the title/logo image. the cell width has to be set to *. The table width will be set to a percent value - if you want it to fill the whole page set it to 100%

    here is an example of the html code -
    Code:
    <table width="100%">
    <tr>
    <td width="150" height="80"><img src="image1.gif width="150" height="80"></td>
    <td background="image2.gif width="*" height="80">&nbsp;</td>
    </tr>
    </table>
    • numbers in orange should be the same
    • numbers in blue should be the same
    • image1.gif is the logo or title that cannot be stretched
    • image2.gif is the rest of the banner that is the same image repeated. The size has to be the same height as the rest but the width can be 1px (depending which parts you want to repeat - eg if you want 1px stripes it would be 2px wide)
    • * that means the cell will fill the remaining space of the table
    • 100% is how much of the page you want the banner to scale to


    hope that helps
    JR

  10. #9
    Member
    Join Date
    Feb 2003
    Location
    Northern Ireland
    Posts
    40
    Member #
    759
    Ah a lot of excellent advice there guys much apprecated, sounds kinda complicated atm though, I'll see what I can do.


    Cheerz!!


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 10:55 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com