Grow your CSS skills. Land your dream job.

Needing some pointers on basic layout

  • # September 23, 2008 at 1:35 pm

    Hello all

    I’ve been a lurker for a while and have really appreciated all the wonderful advice here. I know html and php well but have only recently started using css for layout. Up till now I’ve only used css for setting colors. etc and have done my layout with those evil tables :o

    I’ve made the commitment to leave tables behind and am in the process of converting an osCommerce site to a tableless xhtml/css design.

    There are always many ways to do something with some of those methods being better than others. Instead of just coming up with something that works, I want to learn the proper way to convert a table-based layout to a css-based layout. If anyone has some useful pointers or a link to a site that would be helpful, I’d appreciate it.

    I have no trouble with the straightforward stuff but whenever I have to float something to get multiple items to line up on a line I have to waste a lot of time trying to figure out how to get the proper amount of spacing between things and still haven’t figured out how to deal with a replacement for valign.

    # September 29, 2008 at 5:23 am

    Hi and welcome to the wonderful world of CSS!! I hope you get into it as much as I have!

    When I was first starting out I used templates from this site (http://blog.html.it/layoutgala/) They’re nothing spectacular but they’ll help you to get your head around what everything means and how they fit together in a layout.

    Good luck and post back if you get any problems.

    Andy

    # September 29, 2008 at 6:02 am

    I could write a couple pages on floats: but i’ll pass this link along: It’s a good intro, really easy to understand.

    http://webdesign.about.com/od/advancedc … 010107.htm

    # September 29, 2008 at 6:26 am

    Hi

    I found this website tutorial awesome, as it gradually builds a layout in each successive step. It shows the absolutes, relatives in absolutes, clearing floats and other layouts. It’s very graphically illustrated, including the css.

    http://www.barelyfitz.com/screencast/html-training/css/positioning/

    Hope this helps! :D

    Whaleo

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".