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 3 of 3
  1. #1
    New Coder
    Join Date
    Jan 2005
    Posts
    95
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Requesting some web layout advice..please

    Hi

    I'm after some advice on how to redo the following page to make it as small as possible. The looping movie in the middle is just there as a test really so ignore that. But I've got cells, border effects, image buttons galore and I'm wanting to redo it as small as possible.

    www.production-online.co.uk/revised.htm

    The news and biog buttons are the only ones that link to other pages so far as its currently only in test stage. Hence the lack of content.

    I was going to try using just one image button and have different text in each cell, instead of loads of buttons. Any thoughts on this? I also wondered about the button image being the background of the cell.

    I don't really know much about CSS but would this be the best option for me to explore?
    Each page will look like this with different content in the middle screen.

    If someone could advise on how I could minimise the page size with the layout I have, I'd be very grateful.
    I'd like to avoid the page going blank when it goes to a new page of the same layout. I know once each page is loaded you can go back to them and they're quite seamless - but is there a way of doing this first time?
    Preloading pages? Using frames?

    Thanks

    Paul
    Last edited by paulajackson; 02-23-2005 at 05:48 PM. Reason: grammar errors

  • #2
    Senior Coder
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    2,469
    Thanks
    0
    Thanked 0 Times in 0 Posts
    CSS is the way to go. You'd be separating out all the junk in each page, cleaning it into one file. You would definately drop your file size significantly. I'd also drop the frames completely, they have some major downfalls which will come back to haunt you in time.

    Essentially, all you have is a 3 column layout:
    easiest
    link 1
    link 2
    link 3
    google search

    With lists in those elements. Work on your CSS skills by attempting to build off of these examples, and reading up at:
    http://www.htmldog.com/guides/cssbeginner/
    http://www.htmldog.com/guides/htmlbeginner/

    To shrink your files you need to start:
    Not using any tables (unless for tabular data)
    all styles such as fonts, colors, backgrounds in CSS
    HTML is semantic

    There are some excellent site examples at:
    http://www.cssbeauty.com
    http://www.stylegala.com

    As well as some in our examples thread
    // Art is what you can get away with. <-- Andy Warhol
    ...:.:::: bradyjfrey.com : htmldog : ::::.:...

  • #3
    New Coder
    Join Date
    Jan 2005
    Posts
    95
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thats great. Thankyou for that.


    Paul


  •  

    Posting Permissions

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