Hi I started learning CSS few months ago and I'm not an expert yet. However, I decided to re-design a site of mine with CSS. It's a simple one but I like the way I designed it. My problem is that in order to be able to have the same look whether in Firefox, Explorer and Google Chrome, I added a few codes and while trying to validate at W3C, it worked without those codes. Needless to say that without those codes, the site wasn't the same any more and looked like... don't know, but not like a website at all! I know it's a very simple layout but I want the site looking like it is. Actually the principle is several columns and rows (almost all different sizes) into a table. I would have liked doing columns and rows into a red table into an orange table but it got me confused and preferred only one table. Could someone tell me what I did wrong (just hope the entire CSS is not wrong), please? Here's the link the test site: http://myhappyhalloween.com/test Thanks a lot in advance. Have a great afternoon, Dom.
You will never get IE to attempt to perform like the other more modern browsers without a proper doctype. Use this one: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
I'll have a look at a CSS course online as the one I got at school wasn't as advanced as what you're talking about. It was a very basic CSS course and hope I'll get something done by next Tuesday as it's the day I'll go back to my day job and I won't have time to keep working on the site any more - at least not as much as I have to.
No, but it means IE will be brought out of the last century. All versions of IE frequently need hacks since it's the worst browser on the planet. Until you fix your doctype, it's not worth attempting anything.
I agree 100% with you, IE is the worst browser I've ever tried... and never use Ok, so I'll let the code. Well, will firstly learn more on how to switch from tables to div... or if someone has a faster and easier idea, it's welcome
Can't say you're wrong, but... if you are coding a web site, you will never know which browser the visitor is using, so you still need to make it compatible with every choice. I have 8 browsers installed on my computer. It's really boring as hell to code very carefully to fit them all, but if you give your visitor a messed-up page, he/she might end up Alt-F4, that's too bad. My advice is to code more and more and more. Experience is very important if you want to master HTML/CSS. For example, suppose you have 2 ways to reach one destination, all OK with IE6, and also 2 ways to achive another one, OK as well. However, if you combine way-1-1 with way-2-1, die; way-1-1 with way-2-2, die; way-1-2 with way-2-1, die; only way-1-2 with way-2-2 will be OK again. The more you code, the more experience you have, the more tricks you know. When I began with CSS, I often used <!-- [if IE 6] --> or something like that, and various way of css hacks. And now I could make it with one stylesheet most of the time. No magic, be patient and the time will make you a master. Good luck.
About your site, I suggest you download some free css templates with similar layouts, read the code and compare with your own. It's a good way of learning css. If you attend tutorials, make sure you type the sample codes yourself.
Time is my main problem: on Tuesday I'll get back to work and won't have the time to edit the site any more - or at least, its layout and have it ready and running smoothly in September as it's Halloween related. So, I think I'll make a template with NVU (even if it's a bit outdated) and will re-work on the layout after Halloween.
Yes, but there are 150+ pages with articles to rewrite as the site already exists but with another layout - that doesn't work properly - and those pages have to be done before Tuesday as well
Not all, just mine but copy/paste all articles to new pages + meta descriptions + adding pictures + products. The site works well so deserves the job