Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Needing some pointers on basic layout

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #23307
    mikes
    Member

    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.

    #50019
    andrewsquidge
    Participant

    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

    #50123
    Spunkmeyer
    Member

    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

    #50101
    whaleo
    Member

    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)
  • The forum ‘CSS’ is closed to new topics and replies.