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
    Member
    Join Date
    Dec 2005
    Posts
    57
    Member #
    12146
    Hi all,

    I have been given a project to do in college and I have to come up with the best way to structure a website.

    I have been given 2 different screen shots, one being a main page and another being a menu page. I think that I will use CSS for most of the building and positioning of content but I wonder should I use CSS in conjunction with tables.

    For the header, navigation and footer I will use CSS, but I am unsure an how to approach the centre of the page, i.e. the bit that will change from page to page. For example, should I use layers and position them in CSS with absolute posiitoning etc... or should I use tables. I know that there are cross browsers issues for different reasons. Any advice would be greatly apprieciated. Here are the screenshots:

    Home page: http://www.materialprojects.com/csi/3/cover.html

    Inside page: http://www.materialprojects.com/csi/3/inside.html

    Thanks in advance!

  2.  

  3. #2
    Senior Member
    Join Date
    May 2003
    Location
    UK
    Posts
    2,354
    Member #
    1326
    A common way is to have a wrapper/container div, which holds all areas of a page inside, such as header, nav, content and footer.

  4. #3
    Member
    Join Date
    Dec 2005
    Posts
    57
    Member #
    12146
    Thanks for replying,

    I am going to place everthing in a container div of fixed width, which will hold the header, nav, content and footer divs. The header, nav and footer generally will not change but I am wondering how I am going to position elements in the content div.

    As you can see in the links the content overlaps a bit, so its hard just to do it with column layouts.

    http://www.materialprojects.com/csi/3/cover.html

    http://www.materialprojects.com/csi/3/inside.html

    I'm a bit concerned about the layout. Not sure about the "Services" & "We work smart" parts of the inside page. Let me know what you think.

  5. #4
    Junior Member
    Join Date
    Nov 2005
    Posts
    13
    Member #
    11991
    one solution

    i see it as a 3-column layout, unzip, open index.html

    I sliced the image using photoshop and then added an extremely simple style to highlight the slices.

    This may give you some idea of how to structure your stylesheets, etc. You should be able to use tables and stylesheets together for more compatibility.

    Hope you find this helpful...

    ~Andy

  6. #5
    Member
    Join Date
    Dec 2005
    Posts
    57
    Member #
    12146
    Thanks Andy, thats very helpful

  7. #6
    Junior Member
    Join Date
    Nov 2005
    Posts
    13
    Member #
    11991
    best of luck with the assignment!

  8. #7
    Member
    Join Date
    Dec 2005
    Posts
    57
    Member #
    12146
    Cheers Andy, I have come up with this CSS style, I think it is along the lines of what you were saying. For the "Services" bit I would keep this as a JPEG and then HTML code the "We work smart" piece.

    Would you recommend putting the "We work smart" piece into a table and adding padding and an image for the hard hat photo. Or would it be better to leave out tables and put the grey background colour into a background image and coding the text over it and adding padding or something similar. (see attached file for my styles)


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