SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Member maxb65's Avatar
    Join Date
    Nov 2002
    Location
    Ft. Lauderdale, FL
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS layout: need to know how!

    Hi everyone.

    I was reading The new SitePoint front page in valid XHTML / CSS . What a good job! Did Skunk ever write an article/tutor on how he did it?

    I need to be able, as part of a project, to recreate a well known web page using only CSS. Any suggestions for tutors or books specifically on layout and positioning with CSS?
    I thought I knew CSS quite well, but when I tried to layout a page without tables, I realized I do need some practice!

    Thanks,
    Max

  2. #2
    SitePoint Guru bronze trophy blufive's Avatar
    Join Date
    Mar 2002
    Location
    Manchester, UK
    Posts
    853
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This is a good article on some fundamentals: http://www.brainjar.com/css/positioning/default.asp

    The CSS spec can be useful (if a little heavy going): http://www.w3.org/TR/CSS2/ Parts of section 9, in particular, are well worth reading.

    This article is also well worth a read, not least because it gives a bunch of good links to other articles: http://www.alistapart.com/stories/practicalcss/

    I'm sure other people can come up with more.

    Some things worth remembering:
    Some Layouts are very easy with tables, but hell with CSS. Conversely, some things are practically impossible with tables, but a doddle with CSS. CSS, in particular, excels at producing layouts that resize gracefully.

  3. #3
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Links:
    http://www.glish.com/css/ - CSS layout examples and source code
    http://www.alistapart.com/stories/journey/ - a web designer's journey from tables to CSS
    http://www.tantek.org/ - CSS hacks to make your design work in all browsers (avoid the IE5 box model bug!)

    --Vinnie

  4. #4
    SitePoint Member maxb65's Avatar
    Join Date
    Nov 2002
    Location
    Ft. Lauderdale, FL
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you bluefive.
    That's exactly the kind of help I was looking for!

    If you (or anyone else reading this thread) had to choose a web page to recreate using only CSS, something of medium level of difficulty but still challenging, which one would you pick?

    Thanks.
    Max

  5. #5
    SitePoint Member maxb65's Avatar
    Join Date
    Nov 2002
    Location
    Ft. Lauderdale, FL
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks vgarcia, too.
    Excellent resources! Now I can start practicing!
    Max

  6. #6
    SitePoint Enthusiast
    Join Date
    Apr 2002
    Posts
    51
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

  7. #7
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Another article from ALA about taming unordered lists:
    http://www.alistapart.com/stories/taminglists/

    Very interesting read.

    --Vinnie

  8. #8
    Ceci n'est pas Zoef Zoef's Avatar
    Join Date
    Nov 2002
    Location
    Malta
    Posts
    1,111
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I bought these 2 books after Skunk recommended them in one of these forums. Well worth the money!

    'Cascading Style Sheets: Seperating Content from Presentation' by Owen Briggs e.o. A tutorial/manual, very good, also deals with browser compatibility.

    'Eric Meyer on CSS' by (Duh!) Mr. CSS guru himself, Eric Meyer (Duh!) A Number of case studies with a large number of very helpfull tips, tricks asnd techniques.

    Rik
    English tea - Italian coffee - Maltese wine - Belgian beer - French Cognac

  9. #9
    ********* Streaker Lister14's Avatar
    Join Date
    Jun 2002
    Location
    C:\Documents and Settings\Desktop\Recycle Bin
    Posts
    677
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hey came accross this and i've got to say what a good idea to bring these together in one thread...

    will have to have a closer look when i've got some more time... (probably at work, he he)

    roy.lu
    C:\DOS... C:\DOS\RUN... RUN\DOS\RUN...!


Bookmarks

Posting Permissions

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