I have our new CSS based prototype [1] looking like our designer/marketing/branding specifications, as represented in our current website [2]; but only in Firefox. I already know I have a serious problem in IE 5.5 and 6 that I am trying to figure out. Advice would be gratefully accepted. I would also appreciate critiques of the prototype as it appears in other browsers. Does it degrade well? If not, can I improve my mark-up and/or styles to allow it to work and degrade better in other browsers?
Visually I think it is on the money; except for the need of a new background image for the main menu to replace my crude cut job from the original graphic buttons. Otherwise the only problem visually is strange, intermittent spacing gaps in the main menu. If anybody can advise me on how to fix these I would be most thankful. I believe it is rounding problems, because the errors change locations and appear and disappear as I scale my browser window in and out. Semantically is another story. To get the curved corners found in the original [2], I had to use a lot of contextually valueless images. I am not very satisfied with this, so I'm looking for any viable alternatives. By using the images I was able to get the curved corners to scale with the font size. I like this feature, but I'm not sure I like it enough to keep all these unnecessary <img> tags. I'm currently of two thoughts. One is to use JavaScript to dynamically add the <img> tags. At least then they are not there unless JS runs. Or, I'm thinking of placing the graphics into background-image styles, but then they will no longer scale. This is probably not too bad for larger font size since I will still have round rectangles, but for smaller font sizes, I get funky bullet shapes that are considerable less desirable. Speaking of font sizes; they are currently all px's taken directly from the present version [2]. I have a great deal of difficulty figuring out relative font sizes, and where to place them in my style sheets to avoid and/or properly exploit cascade multiplication. This would be another place I could use some help to set up my font-sizes to initially approximate the sizes of the current version [2], but be scalable by the user even in IE. Thank You [1] http://www.bloodsource.org/bugtests/bs_title_test.cfm [2] http://www.bloodsource.org/AboutUs/JobsCareers.cfm -------------- Ian Skinner Web Programmer BloodSource www.BloodSource.org Sacramento, CA "C code. C code run. Run code run. Please!" - Cynthia Dunning Confidentiality Notice: This message including any attachments is for the sole use of the intended recipient(s) and may contain confidential and privileged information. Any unauthorized review, use, disclosure or distribution is prohibited. If you are not the intended recipient, please contact the sender and delete any copies of this message. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Find out how CFTicket can increase your company's customer support efficiency by 100% http://www.houseoffusion.com/banners/view.cfm?bannerid=49 Message: http://www.houseoffusion.com/lists.cfm/link=i:5:154825 Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/5 Subscription: http://www.houseoffusion.com/lists.cfm/link=s:5 Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.5 Donations & Support: http://www.houseoffusion.com/tiny.cfm/54
