Results 1 to 5 of 5
  1. #1
    Platinum Lounger
    Join Date
    Jan 2001
    Posts
    3,788
    Thanks
    0
    Thanked 1 Time in 1 Post

    HTML / CSS newbie seeking criticism

    When it comes to web design I class myself as less knowledgeable than a novice on a bad day. As far as I am concerned CSS stands for Camille Saint-SaŽns. With that in mind, I decided to set myself a little task and have a go at something similar to unkamunka's <!post=Lounge Watch, 637,004>Lounge Watch<!/post>. All I wanted to do was create an index for the Lounge that consists of a series of links on the left that opens the relevant page on the right.

    With the assistance of Google I have come up with the attached, it works but I just want to know how it can be improved upon. Feel free to get your chainsaws out. <img src=/S/grin.gif border=0 alt=grin width=15 height=15>

    The colours for the links and background image are based on the style sheet that I use in the Lounge (DarkBlue). It makes the index blend in with the rest of the page.
    Attached Files Attached Files

  2. #2
    Super Moderator jscher2000's Avatar
    Join Date
    Feb 2001
    Location
    Silicon Valley, USA
    Posts
    23,112
    Thanks
    5
    Thanked 93 Times in 89 Posts

    Re: HTML / CSS newbie seeking criticism

    As a footnote, IE6 does not support <code>position:fixed</code>, so users who primarily use IE6 might want to wait until they upgrade to another browser before playing with that page.

    Do you have an incredibly tall display? I find the left column (<code><div id="framecontent"></code>) could use a scroll bar. Alternately, you could use a fly-out menu of some kind, but this would make it more difficult to "scan" for an application or version as you would have to hover over the category names to get to them.

  3. #3
    Platinum Lounger
    Join Date
    Feb 2002
    Location
    A Magic Forest in Deepest, Darkest Kent
    Posts
    5,681
    Thanks
    0
    Thanked 1 Time in 1 Post

    Re: HTML / CSS newbie seeking criticism

    Very nice sir, very nice. <img src=/S/gent.gif border=0 alt=gent width=17 height=25>

    If I may I will make one little change to the code to allow a scrollbar to the left frame so that I can see all the options in the menu

    #framecontent{
    position: absolute;
    top: 5px;
    bottom: 0;
    left: 5px;
    width: 130px;
    height: 100%;
    overflow: auto;
    }
    Jerry

  4. #4
    Platinum Lounger
    Join Date
    Jan 2001
    Posts
    3,788
    Thanks
    0
    Thanked 1 Time in 1 Post

    Re: HTML / CSS newbie seeking criticism

    Thanks to both of you for your comments.

    A screen resolution of 1920x1200 helps. <img src=/S/grin.gif border=0 alt=grin width=15 height=15>

  5. #5
    Platinum Lounger
    Join Date
    Jan 2001
    Posts
    3,788
    Thanks
    0
    Thanked 1 Time in 1 Post

    Re: HTML / CSS newbie seeking criticism

    One of the sites I looked at had a hack for IE6 and "position: fixed"

    The following version may work on IE6 but I have no access to IE6 so can not test it.
    Attached Files Attached Files

Posting Permissions

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