I am trying to put CSS on my website n was wondering if someone could look at the test page I built to be sure I've done it correctly. It is located at http://www.quoteforinsurance.com/aaa.html Thanks Hubert
I went to check your site using firefox. Everything looks good from here. The colors complement each other and it shows theme of your site. No complain. Looks professional. However, you may want to change the Health Insurance Information Choosing A Health Insurance Company and other headings as well..They don't seem to match the rest of the pages in your site. The others do not have hover button but underlined links, and they look better ( imho) That's my 2cent i guess.
resizing to 800x600 your center column gets a little thin. You may want to set a minimum width for it. I believe the best way to do this is to insert a transparent 1x1 gif file in there and set the width to your desired pixel width. It will make it so you have to scroll right a little bit, but I personally think that center column gets too thin. If your stats show screen size you may want to check into how many 800x600 users there are visiting your site.
It's a nice looking site. My only suggestion is to make sure the CSS and HTML validate. Use the validator at w3c.org
I agree with the font for the links. They seem a little out of place. Other then that everything looks pretty good. Nice site.
Yeah, I am aware of the fonts and links. This is just a test page before I run it site wide. I will have to go in and make a lot of changes and I want to be sure I have at least the code right first. Thanks for the advice on the column width, I was concerned about that as well. Hubert
I would recomend you to have Firefox navigator with this bar http://chrispederick.com/work/firefox/webdeveloper/, for me its the best one. You will be able do disable styles and replace images with alt attributes, usefull. Have you tried to make the columns also via styles in your site? Its the same without using any table, and also you can choose the order of the elements, i mean if you disable styles they will have code order (the order they appear in code), and when you activate them they will have the right visual order (the order that css says they shoud have).
Looks pretty nice. The only thing I'd change, would be add: font-family:Verdana; font-size:11px; to the body tag in your CSS. I can't stand Times New Roman Also, the links in the footer look a little weird.. maybe you could reduce the number of them so they don't go into two lines. Or manually break them up, so there are an even number of characters on both lines. Josh
I am trying out the Verdana font now and I'll look into what I can take out from the links at the bottom. I am just learning the CSS style, how difficult is it to setup the tables in CSS?
I like the Verdana, but for some reason I am having trouble getting the page font to match the link font. Am I missing a tagline somewhere in my html?
Fixed now. Thanks for the help. Should I look into putting tables into CSS? Do you know of a tutorial for that that is easy to understand?
Verdana is an MS proprietary font. I suggest you use font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; And you should use % for your font-size instead of absolute values (px, pt). If you want to go a bit further with your use of CSS, you could easily replace all your images (except the familiy photo) with CSS (lines, buttons, headers and titles, etc.). If you want to learn more about CSS, check out www.richinstyle.com
You can put all of your table layout in the CSS instead of having it repeated in your html for height, width, border, colors, alignment, etc. Just use classes or ids.
Ok, I reworked the code and figured I would give xhtml a try. I have validated the code with W3C.org, but for some reason the page is coming up blank. Any suggestions on what could be wrong??? The page is http://www.quoteforinsurance.com/aaa.html
I don't know either. I posted the same question in another board and was told it was working fine in Firefox but was blank in MSIE which is what I use.