What is the best way to learn how to layout your design images using CSS?
So I have finally caved and realized that 2009 means CSS no more table layouts or excessive HTML coding. It’s easy, but out of date. I have all my layout images sliced up and I want to use CSS to organize them to look like a layout again. Where is the best place for me to learn this. I am a pretty quick learner so I am not to worried about picking it up and have a little….very little experience with some CSS styles so hopefully that will at least be a start in learning this. Do you think i will struggle getting the hang of this?
Observing members:
0
Composing members:
0
7 Answers
The hardest part is maintaining things for IE 6. We usually write using Firefox (since we use firebug to test how we want to maneuver things), but it’s really important to check in IE6/7 often during the development process.
We’ve found that the easiest way is to do simple CSS for FF6, and have a conditional include for all our IE6 hacks.
Why does IE always seem to be the problem when it comes to web design. I mean for years now….can’t microsoft develop a browser that meets the standards of the average web designer today, or hell manages to interpret code the same and safari or FF? Someone needs to write them a letter. However thanks guys thats a good start, but anyone else feel free to keep the thread going I have a feeling I will need more information down the line haha.
Oh andrew, can you explain more about a conditional include, you lost me there…
Oh, believe me, we all have. I think this google search will help you with the definition.
Thanks andrew
Does anyone no if you are doing an image map, can you do it the traditional html way or is it best to do it in CSS as well, I saw this page on doing it in css but to me it seems alot more logical to define the clickable area with the map and coordinates and reference the map in the img tag
Just an update, I am using all the info you guys gave me and I am having great success with little frustration. I still have some ways to go but I have almost my whole layout put together using CSS and so far I am pretty impressed with myself…I’m a really quick learner when it comes to computer stuff, I always have been. At work my boss will tell me to learn a whole new system for running the site or business and I just pick it up in less then a day usually, sorry if im boasting now ha. Anyways maybe one of you guys if you have time wouldnt mind looking at my code when i’m done just to let me know anything I can improve on? Or anyone for that matter.
Late to answer, but I would do an image map in HTML. I have done “image maps” in CSS and they never ever worked right in IE. And they were a pain to code and tinker with.
Answer this question 
This question is in the General Section. Responses must be helpful and on-topic.
Composing members:
0
