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
    Junior Member
    Join Date
    Jan 2012
    Location
    Bristol, UK
    Posts
    6
    Member #
    30590
    Hey guys, i'm new to this forum... and to web design in general lol.

    Im creating my first website, i have a background image, its more of a background banner then anything else. I want it to stretch across the whole screen reguardless of size. so my question is how big shoul the image be in terms of pixels??

    Sorry if the solution is painfully obvious but got to start from somewhere right

    thanks guys

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,715
    Member #
    5580
    Liked
    717 times
    You really can't ... at least not in the way you are thinking it should work.

    If you take an image that is say, 800 pixels wide and then stretch it to
    cover a 20inch monitor (1600 pixels wide for example), your image will
    look like crap. And what if I view you page on my ipad or ipod)?

    Decide on whether your site will be a fixed width, or fluid, where the
    user can squish it down. If it's fixed, make your banner like 1200 pixels
    wide and leave it at that. People with smaller screens won't be able to
    see the right-hand part of it.

    Look at the banner on the top of this site (Webdesignforums).
    The important part is on the left ... nothing important on the right.

    Another thought, make your banner smaller, like 400 pixels wide and
    keep it centered on the screen, no matter what the width is. That's sort
    of what I do on my simple page (catpin.com).

    Do your coding by hand, using notepad++ and filezilla (for FTP transfers).
    Don't use a WYSIWYG editor ... you'll have problems later on. You might even
    want to find a nice free HTML/CSS template and customize it for your site.


  4. #3
    Junior Member
    Join Date
    Jan 2012
    Location
    Bristol, UK
    Posts
    6
    Member #
    30590
    Ok that sounds pretty logical, i'll try that out and see how it works for me.

    About the HTML/CSS templates do you know of any places i could find a good one to use... i'm still new to this and dont want to download one with a massive amount of code. Im thinking one with basic classes (for navigation ect) that would be easier to digest fully.
    I'll try to find one now and see what i can come up with, any help would be awesome though

    Thanks Darren

  5. #4
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,715
    Member #
    5580
    Liked
    717 times
    Anything like these: http://www.templateworld.com/free_templates.html

    I realize you might think they're complicated, but they really the same amount
    of CSS and graphics that you will end-up having if you create your own.

    You could also add the world: "minimalist" to the google search to find some
    that are very plain, without a lot of layout areas. "free minimalist xhtml/css templates"


  6. #5
    Junior Member
    Join Date
    Jan 2012
    Location
    Bristol, UK
    Posts
    6
    Member #
    30590
    Cool thanks, do you think it would be a good idea to get several templates and go through the code ect to try and familiarize myself with it. I think if i did that i might get a better understanding of HTML and CSS, what do you think? or is there a better way like just getting stuck in and changing stuff like a madman to see the result :devil:

    thanks again the help is greatly appreciated.

  7. #6
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,715
    Member #
    5580
    Liked
    717 times
    Be the madman and go for it.
    You can save a safe copy of it and always restore it back if you wreck it beyond control.

    You'll discover by changing things within classes or ids will show you what various things are for.
    Playing around with it will teach you the most ... better than reading a book. And use Google
    for searching on specific tag properties and CSS properties for details.


  8. #7
    Junior Member
    Join Date
    Jan 2012
    Location
    Bristol, UK
    Posts
    6
    Member #
    30590
    Thanks for the advice, i'll let ya know how my rampage goes lol:furious:


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