[css-d] Site Check Please - Cedar Lake Inn
11/13/2008 I'd appreciate a check of these four pages, http://www.fatpawdesign.com/CedarLakeInn/CLIbanquet.html, http://www.fatpawdesign.com/CedarLakeInn/CLIbanquetmenu.html, http://www.fatpawdesign.com/CedarLakeInn/CLIbanquetpolicies.html, http://www.fatpawdesign.com/CedarLakeInn/CLIbanquetphotogallery.html. CSS here, http://www.fatpawdesign.com/CedarLakeInn/CLIresetcss.css, http://www.fatpawdesign.com/CedarLakeInn/CLIpagecss.css, http://www.fatpawdesign.com/CedarLakeInn/CLIgallerycss.css. If the site is going to break, it will do it on one of these pages (which actually work on my Win2K/IE6 box at work). Anticipating the intuitively obvious for those who dig through the site, the *drinks menu* page is not active. FWIW, the photo gallery was modelled (stolen) from Cedarholm's Bulletproof Web Design. TIA, and my apologies to the character entity elves. Peter www.fatpawdesign.com developing in: WinXP/SP2 + FF3.0.3 at 1024x768 and 1280x1024 checking in: IE8.0beta/O9.61/Av11.6/Cr0.2/Orca1.1 In God we trust, all else bring data... __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please - Cedar Lake Inn
Peter Hyde-Smith wrote: 11/13/2008 I'd appreciate a check of these four pages, http://www.fatpawdesign.com/CedarLakeInn/CLIbanquetmenu.html, http://www.fatpawdesign.com/CedarLakeInn/CLIbanquetpolicies.html, http://www.fatpawdesign.com/CedarLakeInn/CLIbanquetphotogallery.html. Peter On all four pages in XP IE/7 and IE/6 there is a sliver of white showing in the top border. Aside: A text block on top of an image (that becomes unrecognizable because of it) and that is less deep than the text-block is sometimes pulled-off in high end, and avant-garde, print media circles. I don't think it's quite appropriate for your clients site (it just creates the illusion the page is broken, even though it is not). -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please: Cedar Lake Inn - Round #2
The height issue is definitely fixed in IE6. The entity issue is only an issue in the address line, but is not an issue in the times that the restaurant is open, yet uses some of the same bullets. Can you use the same coding for the bullets in the address line that you use in the times that the restaurant is open line? Nancy On Mon, Oct 27, 2008 at 10:30 PM, Gunlaug Sørtun [EMAIL PROTECTED] wrote: David Laakso wrote: Peter Hyde-Smith wrote: http://www.fatpawdesign.com/CedarLakeInn/CLIindex.html http://www.fatpawdesign.com/CedarLakeInn/CLIdining.html http://www.fatpawdesign.com 1/ Dunno. Clear the cache? No got Avant here. I do not see the large gap you mention in any of my XP or Mac OS X 10.4.11 browsers. Avant uses existing Trident (MSIE) - the IE7 version in this case. Check in IE7 - big gaps. Declare... #bottomnav {height: 1%;} ...directly - no '* html' hack - and Avant/IE7 will behave itself. You can then delete the '* html #bottomnav' below '#bottomnav '. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please: Cedar Lake Inn - Round #2
Hi Peter, I clicked through the links on your site and found a malformed tag at the bottom of the page in the menu section. http://www.fatpawdesign.com/CedarLakeInn/CLIfoodmenu.html It says clearboth at the bottom of the page. Thought you might want to know. Cheers, Tracey On Oct 28, 2008, at 3:26 PM, [EMAIL PROTECTED] wrote: -- Message: 1 Date: Tue, 28 Oct 2008 03:30:07 +0100 From: Gunlaug S?rtun [EMAIL PROTECTED] Subject: Re: [css-d] Site Check Please: Cedar Lake Inn - Round #2 To: Peter Hyde-Smith [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org, David Laakso [EMAIL PROTECTED] Message-ID: [EMAIL PROTECTED] Content-Type: text/plain; charset=ISO-8859-1; format=flowed David Laakso wrote: Peter Hyde-Smith wrote: http://www.fatpawdesign.com/CedarLakeInn/CLIindex.html http://www.fatpawdesign.com/CedarLakeInn/CLIdining.html http://www.fatpawdesign.com 1/ Dunno. Clear the cache? No got Avant here. I do not see the large gap you mention in any of my XP or Mac OS X 10.4.11 browsers. Avant uses existing Trident (MSIE) - the IE7 version in this case. Check in IE7 - big gaps. Declare... #bottomnav {height: 1%;} ...directly - no '* html' hack - and Avant/IE7 will behave itself. You can then delete the '* html #bottomnav' below '#bottomnav '. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ End of css-d Digest, Vol 71, Issue 26 * __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please: Cedar Lake Inn
The height attribute in IE6 are not displaying correctly, The image on the homepage is 1/2 high and the first line of address is cut so only the bottom half shows. It could be because IE6 doesn't recognize min-height. Nancy On Sat, Oct 25, 2008 at 7:25 PM, David Laakso [EMAIL PROTECTED] wrote: Peter Hyde-Smith wrote: 10/25/2008 Nefore I get much further, would appreciate a site check of new Cedar Lake Inn index page and one interior page here, http://www.fatpawdesign.com/CedarLakeInn/CLIindex.html http://www.fatpawdesign.com/CedarLakeInn/CLIdining.html http://www.fatpawdesign.com/CedarLakeInn/CLIresetcss.css http://www.fatpawdesign.com/CedarLakeInn/CLIpagecss.css Some funkification of double borders in most browsers, and loss of #footer top margin in Opera. Education by the code and art elves always welcome. Cheers, Peter www.fatpawdesign.com developing in: WinXP/SP2 + FF3.0.3 at 1024x768 and 1280x1024 checking in: IE8.0beta/O9.61/Av11.6/Cr0.2/Orca1.1 validated (X)HTML and CSS In God we trust, all else bring data... Only checked in Mac Opera and Mac FF. Changes made live in FF-- no guarantee cross-browser (or in FF, for that matter) Re-set: #content{ height: 323px; } To read (in order to prevent text from heading for the Equator with scaling): #content{ min-height: 323px; } * html #content{ min-height: 323px; } #topnav, #dinnernav { padding: 0; :: not needed? padding-bottom: 20px; :: add } #topnav li a, #bottomnav li a, #dinnernav li a{ line-height: 1.6; -:: delete line-height: 0.7; -:: add -- less horsey when scaled } #bottomnav { /*float: right;*/float:left; :: amend margin-top: /*8px*/120px; :: amend } #addressblock{ line-height:0.5; --- :: less lead margin-top: /*18px*/30px; --- more lead } #footer{ border-top: 1px solid fuchsia/*test only*/; clear:both; margin: 280px 0 0 0;--:: delete font-size: 0.80em;--:: delete padding: 16px 0; } #footer p{ font-size: 0.7em; - :: add margin-left: 16px;- :: add margin-bottom: 8px;--:: delete } Fwiw, line-height usually needs no unit of measure-- a raw number will do. -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please: Cedar Lake Inn
Banquet menu and policy are linked wrong on this page or missing http://www.fatpawdesign.com/CedarLakeInn/CLIbanquet.html Kelly Sigethy - Frynge.com Web Design - Hosting - Advertising http://www.frynge.com 1-403-251-9486 (Calgary) 1-866-331-9684 (Toll Free - Canada and the USA) +44 (0)8717 206 505 (United Kingdom) - Original Message - From: Peter Hyde-Smith [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Saturday, October 25, 2008 3:27 PM Subject: [css-d] Site Check Please: Cedar Lake Inn 10/25/2008 Nefore I get much further, would appreciate a site check of new Cedar Lake Inn index page and one interior page here, http://www.fatpawdesign.com/CedarLakeInn/CLIindex.html http://www.fatpawdesign.com/CedarLakeInn/CLIdining.html http://www.fatpawdesign.com/CedarLakeInn/CLIresetcss.css http://www.fatpawdesign.com/CedarLakeInn/CLIpagecss.css Some funkification of double borders in most browsers, and loss of #footer top margin in Opera. Education by the code and art elves always welcome. Cheers, Peter www.fatpawdesign.com developing in: WinXP/SP2 + FF3.0.3 at 1024x768 and 1280x1024 checking in: IE8.0beta/O9.61/Av11.6/Cr0.2/Orca1.1 validated (X)HTML and CSS In God we trust, all else bring data... __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please: Cedar Lake Inn
Nancy Johnson wrote: The height attribute in IE6 are not displaying correctly, The image on the homepage is 1/2 high and the first line of address is cut so only the bottom half shows. It could be because IE6 doesn't recognize min-height. Nancy Peter Hyde-Smith wrote: http://www.fatpawdesign.com/CedarLakeInn/CLIindex.html http://www.fatpawdesign.com/CedarLakeInn/CLIdining.html Peter I hope this will bring IE/6 on board and level out some compliant browsers issues * html { :: delete :: overflow: hidden; } * html #content{:: delete :: min-height: 330px; } * html #content{ :: add :: height: 330px; } #addressblock{ line-height: /*0.5*/1.1; :: amend:: float: left; display: inline; ---:: delete both:: } #bottomnav { float: left; display: inline;---:: delete both:: } * html #bottomnav { height: 1%;---:: add:: border:1px solid fuchsia;---:: 4 position only:: } #bottomnav li{ float: left; :: add :: float: right;display: inline;---:: delete both:: } #footer{ padding: 16px 0;:: delete :: } #footer p{ padding-left: 16px;:: delete :: padding: 16px 0 16px 16px; :: add :: } #topnav li a, #bottomnav li a, #contentnav li a{ :: amend:: line-height: /*0.7*/1; } __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please: Cedar Lake Inn
You could try that. I have done the same thing and it works. Nancy On Mon, Oct 27, 2008 at 11:49 AM, David Laakso [EMAIL PROTECTED] wrote: Nancy Johnson wrote: The height attribute in IE6 are not displaying correctly, The image on the homepage is 1/2 high and the first line of address is cut so only the bottom half shows. It could be because IE6 doesn't recognize min-height. Nancy Peter Hyde-Smith wrote: http://www.fatpawdesign.com/CedarLakeInn/CLIindex.html http://www.fatpawdesign.com/CedarLakeInn/CLIdining.html Peter I hope this will bring IE/6 on board and level out some compliant browsers issues * html { :: delete :: overflow: hidden; } * html #content{:: delete :: min-height: 330px; } * html #content{ :: add :: height: 330px; } #addressblock{ line-height: /*0.5*/1.1; :: amend:: float: left; display: inline; ---:: delete both:: } #bottomnav { float: left; display: inline;---:: delete both:: } * html #bottomnav { height: 1%;---:: add:: border:1px solid fuchsia;---:: 4 position only:: } #bottomnav li{ float: left; :: add :: float: right;display: inline;---:: delete both:: } #footer{ padding: 16px 0;:: delete :: } #footer p{ padding-left: 16px;:: delete :: padding: 16px 0 16px 16px; :: add :: } #topnav li a, #bottomnav li a, #contentnav li a{ :: amend:: line-height: /*0.7*/1; } __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please: Cedar Lake Inn - Round #2
- Original Message - From: David Laakso [EMAIL PROTECTED] To: Peter Hyde-Smith [EMAIL PROTECTED] Cc: Nancy Johnson [EMAIL PROTECTED]; css-d@lists.css-discuss.org Sent: Monday, October 27, 2008 10:49 AM Subject: Re: [css-d] Site Check Please: Cedar Lake Inn Peter Hyde-Smith wrote: http://www.fatpawdesign.com/CedarLakeInn/CLIindex.html http://www.fatpawdesign.com/CedarLakeInn/CLIdining.html In addition to comments from Nancy Johnson and Kelly Sigethy, David Laakso wrote: I hope this will bring IE/6 on board and level out some compliant browsers issues /snip a bunch of implemented code/ * html #bottomnav { height: 1%;---:: add:: border:1px solid fuchsia;---:: 4 position only:: } /snip a bunch of other implemented code/ Thanks to everyone for the site check. I knew I was in trouble this morning when I checked the site at work on Win2K/IE6. Uggh. Hence, I have made the recommended changes and revalidated the lot. Avant was showing the decapitated text last night, the line-height fix resolves that. Also, I'm not killing anything at +/-2 page and +/-2 text zoom in FF3.0.3 (sounds like I am using a Lee-Enfield). A few further issues/questions/comments: 1. In Avant, I am getting a large gap between the #bottomnav and the #footer, like the large top-margin of the nav is being applied to the footer as well. 2. For my edification, does the border: solid 1px fuchsia; in the * html bottomnav declaration actually force something into position, or is it just a marker? It is not visible in any of my browsers. 3. My WinXP/IE8 nor Win2K/IE6 do not render the *there4;* (or *#8756;*) character entity. I ran across an article by Jukka Korpela that seems to confirm this issue with math entities (among others). Any suggestions besides picking one that works or using an image in its place? 4. Regarding the non-working links on the banquet page; yes, I knew those were dead. I have to convert an extensive written food menu and booking contract into something web post-able. Thanks again, and bottom posting as always, Peter www.fatpawdesign.com developing in: WinXP/SP2 + FF3.0.3 at 1024x768 and 1280x1024 checking in: IE8.0beta/O9.61/Av11.6/Cr0.2/Orca1.1 In God we trust, all else bring data... __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please: Cedar Lake Inn - Round #2
Peter Hyde-Smith wrote: http://www.fatpawdesign.com/CedarLakeInn/CLIindex.html http://www.fatpawdesign.com/CedarLakeInn/CLIdining.html http://www.fatpawdesign.com 1/ Dunno. Clear the cache? No got Avant here. I do not see the large gap you mention in any of my XP or Mac OS X 10.4.11 browsers. 2/ * html (star html) preceding a selector is a hack to feed a specific rule to IE/6 and down; consequently, the border will only be seen if you are viewing the page in IE/6, IE/5.5, or IE5.01. The purpose of the border (a background color could have been used instead) is to see if the correct selector has been targeted and that its position has in fact been corrected in IE/6, IE/5.5, or IE5.01. The border can then be deleted. 3/ Might be easier for patrons of the restaurant to read if you spell that stuff out line for line-- no (flaky, personal opinion) character entities needed? Something like... Address and Telephone Number: 4919 Highway 144 Hartford, Wisconsin 53027 262 644.4400 Open: Monday through Thursday 3pm to 10pm Friday and Saturday11am to 11pm Sunday 11am to 9pm We accept: VISA, MC, AmEx, DISC __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please: Cedar Lake Inn - Round #2
David Laakso wrote: Peter Hyde-Smith wrote: http://www.fatpawdesign.com/CedarLakeInn/CLIindex.html http://www.fatpawdesign.com/CedarLakeInn/CLIdining.html http://www.fatpawdesign.com 1/ Dunno. Clear the cache? No got Avant here. I do not see the large gap you mention in any of my XP or Mac OS X 10.4.11 browsers. Avant uses existing Trident (MSIE) - the IE7 version in this case. Check in IE7 - big gaps. Declare... #bottomnav {height: 1%;} ...directly - no '* html' hack - and Avant/IE7 will behave itself. You can then delete the '* html #bottomnav' below '#bottomnav '. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Site Check Please: Cedar Lake Inn
10/25/2008 Nefore I get much further, would appreciate a site check of new Cedar Lake Inn index page and one interior page here, http://www.fatpawdesign.com/CedarLakeInn/CLIindex.html http://www.fatpawdesign.com/CedarLakeInn/CLIdining.html http://www.fatpawdesign.com/CedarLakeInn/CLIresetcss.css http://www.fatpawdesign.com/CedarLakeInn/CLIpagecss.css Some funkification of double borders in most browsers, and loss of #footer top margin in Opera. Education by the code and art elves always welcome. Cheers, Peter www.fatpawdesign.com developing in: WinXP/SP2 + FF3.0.3 at 1024x768 and 1280x1024 checking in: IE8.0beta/O9.61/Av11.6/Cr0.2/Orca1.1 validated (X)HTML and CSS In God we trust, all else bring data... __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please: Cedar Lake Inn
Peter Hyde-Smith wrote: 10/25/2008 Nefore I get much further, would appreciate a site check of new Cedar Lake Inn index page and one interior page here, http://www.fatpawdesign.com/CedarLakeInn/CLIindex.html http://www.fatpawdesign.com/CedarLakeInn/CLIdining.html http://www.fatpawdesign.com/CedarLakeInn/CLIresetcss.css http://www.fatpawdesign.com/CedarLakeInn/CLIpagecss.css Some funkification of double borders in most browsers, and loss of #footer top margin in Opera. Education by the code and art elves always welcome. Cheers, Peter www.fatpawdesign.com developing in: WinXP/SP2 + FF3.0.3 at 1024x768 and 1280x1024 checking in: IE8.0beta/O9.61/Av11.6/Cr0.2/Orca1.1 validated (X)HTML and CSS In God we trust, all else bring data... Only checked in Mac Opera and Mac FF. Changes made live in FF-- no guarantee cross-browser (or in FF, for that matter) Re-set: #content{ height: 323px; } To read (in order to prevent text from heading for the Equator with scaling): #content{ min-height: 323px; } * html #content{ min-height: 323px; } #topnav, #dinnernav { padding: 0; :: not needed? padding-bottom: 20px; :: add } #topnav li a, #bottomnav li a, #dinnernav li a{ line-height: 1.6; -:: delete line-height: 0.7; -:: add -- less horsey when scaled } #bottomnav { /*float: right;*/float:left; :: amend margin-top: /*8px*/120px; :: amend } #addressblock{ line-height:0.5; --- :: less lead margin-top: /*18px*/30px; --- more lead } #footer{ border-top: 1px solid fuchsia/*test only*/; clear:both; margin: 280px 0 0 0;--:: delete font-size: 0.80em;--:: delete padding: 16px 0; } #footer p{ font-size: 0.7em; - :: add margin-left: 16px;- :: add margin-bottom: 8px;--:: delete } Fwiw, line-height usually needs no unit of measure-- a raw number will do. -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/