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.
Results 1 to 5 of 5
  1. #1
    Senior Coder chilipie's Avatar
    Join Date
    Jul 2004
    Location
    Shrewsbury, UK Age: 16
    Posts
    1,117
    Thanks
    0
    Thanked 0 Times in 0 Posts

    XHTML & CSS - My first attempt

    Please comment on my first entirely valid XHTML & CSS design, for my web design company.
    The site is located at:
    http://www.redblizzard.tk/
    http://users.quickfox.org/~chilipie/redblizzard/ <<< LINK NO LONGER VALID >>>
    http://spyderz.port5.com/
    Last edited by chilipie; 10-02-2004 at 08:41 AM.

  • #2
    Regular Coder
    Join Date
    Jun 2002
    Location
    Sheffield, UK
    Posts
    552
    Thanks
    0
    Thanked 0 Times in 0 Posts
    i would recommend a little more padding on the main body section and possibly a min-height: 400px; you could do an IE hack to simulate this since IE treats height as min-height, but i wouldnt bother:
    Code:
    height: 400px;
    min-height: 400px;
    }
    html>body selector {
    height: auto;
    }
    the source itself isn't too bad but there are a few mistakes,

    <div id="header"></div> is bad xhtml as it's meaning less, use an H1 and image replacement to achieve the same effect with graceful degradation.

    The menu should also me marked up as an unordered list since thats what it is - a list of links.

    Another point is that there aren't actually any heading tags at all - a <h2> saying what each page is at the top of the content block might be handy.
    Last edited by ReadMe.txt; 09-25-2004 at 06:53 PM.
    "To be successful in IT you don't need to know everything - just where to find it in under 30 seconds"

    (Me Me Me Me Me Me Me Me Me)

  • #3
    Senior Coder chilipie's Avatar
    Join Date
    Jul 2004
    Location
    Shrewsbury, UK Age: 16
    Posts
    1,117
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thank you - I have added more padding and added the "min-height" attrribute to the content area, and have added a header to each page, and will shortly upload it. What is the H1 image replacement though? Also I am not sure how to make the unordered list get rid of the bullets and be horizontal rather than vertical.

    Thanks again,
    Ol

    Edit: I forgot to say thanks to gohankid77 and Antoniohawk for their help with my layout on the HTML & CSS forum

  • #4
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Lists, IR

    You can read all about the various list treatments in the Listutorial from MaxDesign; if you Google for "image replacement" you'll find virtually every IR technique and variations published up to date.
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #5
    Senior Coder chilipie's Avatar
    Join Date
    Jul 2004
    Location
    Shrewsbury, UK Age: 16
    Posts
    1,117
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks for the links ronaldb66 . I've used the image replacement "thingy", added a header to each page, made the menu into a list, put extra padding on the content area and added the min-height attribute to my CSS - so any other comments would be nice .


  •  

    Posting Permissions

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