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.
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.
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.
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.
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
http://webdesign.about.com/od/advancedc ... 010107.htm
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