Shawn Hoefer wrote: >[...] >http://laffinghorsedesign.sitesled.com/untitled2.html >[...] >It has been tested in > IE 5.5 PC - Slightly broken > NN PC - Great > Konqueror Linux - Great > IE 5.2 Mac - Broken > Gecko Browsers Mac - Great > Webkit Browsers Mac - Great > >What I'd like to hear is a solid critique... make it hurt, I can take >it... and any suggestions. Also, if it breaks on your browser, could >you send me a screen shot off list? > >Thanks! > >Shawn > > Hi Shawn, See if it hurts! ;-) In addition to the other replies:
0. Perhaps your css-editor is displaying it in vertical lines, but viewing the css with FF-WebDevelopersTools <http://www.cosbo-amsterdam.nl/tmp/images/laffinghorse-css1.gif>, Notepad <http://www.cosbo-amsterdam.nl/tmp/images/laffinghorse-css2.gif> or Wordpad <http://www.cosbo-amsterdam.nl/tmp/images/laffinghorse-css3.gif> isn't easy to read, analyse or change. Suggestion: * some line breaks can do wonders. 1. The html-validator <http://validator.w3.org/check?uri=http%3A%2F%2Flaffinghorsedesign.sitesled.com%2Funtitled2.html> thinks there are 9 XHTML1.1 errors and doesn't validate. Suggestions: * replace the IE-proprietary code like "bgcolor" with css: "body {background-color: blue; }, also move other properties to css; delete the </span> without the <span> before. Kind of small things. Oh, AFAIK, xhtml cannot handle the "_blank" for opening a new page. 2. The standard css-validator <http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A%2F%2Flaffinghorsedesign.sitesled.com%2Funtitled2.html> reports errors on "opacity" and "color: orange". Suggestions: * "opacity" is valid in css3 (when turned on css-3 validation <http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Flaffinghorsedesign.sitesled.com%2Funtitled2.html&warning=2&profile=css3&usermedium=all> it is o.k.), but a lot of browsers don't understand that nowadays. You put in the alpha-filter for IE, but that doesn't help for Opera(8.01 anyway) or Netscape(6 anyway) [See also screenshots below]. As the opacity is used for mirror-img's in a known position, you can take a screenshot of the page as it is now, cut the mirror-images, and then use them as background images in the nav-sidebar / right-sidebar. The sidebars themselves can get the halftone color (#7E80FD) as background color. - Btw, I should made the bg-color some lighter (f.e. #BABCFE) tot get a better contast with the text. * The color "orange" is not one of the 16 standard color names (white, yellow, fuchsia, red, aqua, lime, blue, black, gray, olive, purple, maroon, teal, green, navy en silver); some browsers do support it, others don't. You can use #FF8C00 instead. 3. Some screenshots All under Win98SE, original in 1024x768 (img's are a bit smaller):: * Firefox 1.07 <http://www.cosbo-amsterdam.nl/tmp/images/laffinghorse-FF.gif> * Internet Explorer 6 <http://www.cosbo-amsterdam.nl/tmp/images/laffinghorse-IE6.gif> * Netscape 6 <http://www.cosbo-amsterdam.nl/tmp/images/laffinghorse-NS6.gif> * Opera 7.54 <http://www.cosbo-amsterdam.nl/tmp/images/laffinghorse-Op7.gif> * Opera 8.01 <http://www.cosbo-amsterdam.nl/tmp/images/laffinghorse-Op8.gif> * Mozilla 1.71 <http://www.cosbo-amsterdam.nl/tmp/images/laffinghorse-Moz1.71.gif> Suggestion: * For other browsers you can get online screenshots at: browsershots.org <http://browsershots.org/submit/> 4. Image-dependent Without images (images turned off <http://www.cosbo-amsterdam.nl/tmp/images/laffinghorse-img-less.gif>, text-reader <http://www.cosbo-amsterdam.nl/tmp/images/laffinghorse-fangs.gif>), the pages don't have a header/name... Suggestion: * Make a header text in an extra <div id="header"> which is made normally invisible with #header { margin-left: -9999px; }, or placed in a layer under the header-img.. Succes! Greetings, francky || ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
