Re: [css-d] Site Check Please?
On Wed, Mar 19, 2008 at 12:02 PM, Carolyn Rosner [EMAIL PROTECTED] wrote: Greetings all, I'm wondering what's up with my page: http://test.nprb.org/new/index.htm Specifically, the three buttons in upper right corner. They are a Library item, in their own div that's set to float: right. The span text that shows up on hover is positioned correctly, but those three buttons are not flush-right with them. What gives? CSS: Carolyn, You can either change the width of your div#divButtons to approximately 215px { width:215px; } or right align the text in that div { text-align:right; }. You are also including a couple of CSS files more than once. --G __ 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
Greetings all. Need a site check: http://www.myrvspace.com/rv-dealers/rv-dealers.php Don't mind the CSS or layout. I know it needs a lot of work, and unfortunately it will never get done unless we're not given any more projects to add onto the site. Frankly, it's been patched together by numerous rush jobs. Anyway, I'm getting a single complaint about there being some weird line at the bottom. Now, I know in Firefox on widescreen monitors (it seems) the background somehow stops and shows the color below the image. I think it might just be my computer and add-ons. What I'm just hoping for is that the background looks like it's fading from a dark blue to a light blue and back. Thanks for your help. -Jack Timmons __ 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
It looks right in IE7 and Firefox 2. In IE6 where the light blue starts to go back to dk blue there is a distinct line where the darker blue starts. If that makes sense. You might check out Browsershots too-- http://browsershots.org/ Valerie On Tue, Mar 18, 2008 at 1:11 PM, Jack Timmons [EMAIL PROTECTED] wrote: Greetings all. Need a site check: http://www.myrvspace.com/rv-dealers/rv-dealers.php Don't mind the CSS or layout. I know it needs a lot of work, and unfortunately it will never get done unless we're not given any more projects to add onto the site. Frankly, it's been patched together by numerous rush jobs. Anyway, I'm getting a single complaint about there being some weird line at the bottom. Now, I know in Firefox on widescreen monitors (it seems) the background somehow stops and shows the color below the image. I think it might just be my computer and add-ons. What I'm just hoping for is that the background looks like it's fading from a dark blue to a light blue and back. Thanks for your help. -Jack Timmons __ 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/ -- Valerie Wininger www.valeriewininger.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
Matthew Stoneback wrote: In IE 6 - The right column gets pushed down and under the left column in the main content area. The orange navigation bar is too far right. The green header backgrounds are too tall in the main content area. Adding display: inline; to selector #messageText will keep the margin from doubling its width (causing the right column to drop) in IE/6. Adding display: inline; to selector #bottomNav will keep the margin from doubling its width and going too far right in IE/6. Add the below to your style sheet for the too tall green headers: #frontLeft img, #frontRight img { display: block;} In IE 7 - The 3px border under the orange navigation bar is missing The bar sits tight against the green border. #header { padding-bottom: 3px; --- add /*overflow: auto;*/ --- delete overflow: hidden; --add } * html #header { overflow: visible; --- keep /*overflow-x: hidden;*/ --- delete } #topNav { padding-bottom: 1px; --- add } From what I can tell, it looks good in Firefox, Opera, and Netscape (I know, it is no longer supported). The new beta version of Safari for Windows has some issues with it. I have never seen this site on a Mac, can someone out there hook me up with any issues. Changing the width of #topNav #contact from 116 to 114px may keep some browsers from dropping contact us Here is the HTML address: http://www.eddysound.com/rrc/index_help.html Matt Stoneback Best, ~dL -- 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-d] Site Check Please
Hello everyone - I have had some help through this list in getting this site to where it is, now I need some help debugging it. My main areas of concern are IE 6 and 7, but any other browser checks would be great. My specific concerns: In IE 6 - The right column gets pushed down and under the left column in the main content area. The orange navigation bar is too far right. The green header backgrounds are too tall in the main content area. In IE 7 - The 3px border under the orange navigation bar is missing The bar sits tight against the green border. From what I can tell, it looks good in Firefox, Opera, and Netscape (I know, it is no longer supported). The new beta version of Safari for Windows has some issues with it. I have never seen this site on a Mac, can someone out there hook me up with any issues. Here is the HTML address: http://www.eddysound.com/rrc/index_help.html(validates to Strict 1.0) Here is the CSS link: http://www.eddysound.com/rrc/main_help.css (has a few issues / warnings when validated) Thanks in advance for any help. I am starting to move out of the development stage of this site to adding content and I want everything to be tight and looking good. Matt Stoneback __ 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
Matthew Stoneback wrote: I have never seen this site on a Mac, can someone out there hook me up with any issues. http://www.eddysound.com/rrc/index_help.html Matt Stoneback In Mac OS X 10.4.11 Mozilla/5.0 (Macintosh; U; Intel Mac OS X; en-US; rv:1.8.1.12) Gecko/20080201 Firefox/2.0.0.12; Opera Version 9.24 Build 3707; and Safari Version 3.0.4 (523.12.2) Contact Us is dropped. Shaving the width (FF live) in #topNav #contact from 116 to 114px corrected it. Best, ~dL -- 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-d] Site check please
http://www.pielows.co.za/ I'm particularly interested in how one section of the site appears in IE6 (or before). This section is accessed with the menu link '_*Cape Tours*_' and has a CSS-driven menu on the left. I think that this menu's background is not correctly aligned in IE6, but cannot be sure. Thanks for looking and any help. Bill __ 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 choubidou
Sébastien FICHOT wrote: I've released a website for SQL makers. Can someone check this website please ? www.guss.fr It's aways interesting to have more eyes on things that can broke accessibility or reliability between platforms and way-of-thinking. I *think* there are a few too many serious errors in there... http://validator.w3.org/check?uri=http://www.guss.fr/ http://jigsaw.w3.org/css-validator/validator?uri=http://www.guss.fr/warning=1profile=css21 ...to release it as is. 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 choubidou
HI everyone ! I've released a website for SQL makers. Can someone check this website please ? www.guss.fr It's aways interesting to have more eyes on things that can broke accessibility or reliability between platforms and way-of-thinking. Thank you ! http://www.guss.fr Sébastien Fichot __ 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
On Thu, 07 Feb 2008 15:33:50 +0200, Bill Stemp wrote: http://www.pielows.co.za/ I'm particularly interested in how one section of the site appears in IE6 (or before). This section is accessed with the menu link '_*Cape Tours*_' and has a CSS-driven menu on the left. I think that this menu's background is not correctly aligned in IE6, but cannot be sure. You have a selector li:hover in your CSS. IE before version 7 only applies :hover to 'A' elements. You'll need a scripting solution[1] to get your flyout menu to work. The menu layout looks the same in IE 6 as in IE 7 to me. The menu background is shifted right in IE 5.5, and the content is not centered. BTW - the menu does not look too good in IE 7 this end. I have large fonts installed-- a common setting for 1400 x 1050 laptops. Set your text size to larger in your IE browser to see the effect. [1] http://www.xs4all.nl/~peterned/csshover.html Cordially, David -- __ 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
Bill, The menu items don't change background color in IE6. The text color does change. Also, the pop-out for 'Tour Itineraries' is not popping out in IE6. Not sure of the cause, however. Jim On Feb 7, 2008 5:33 AM, Bill Stemp [EMAIL PROTECTED] wrote: http://www.pielows.co.za/ I'm particularly interested in how one section of the site appears in IE6 (or before). This section is accessed with the menu link '_*Cape Tours*_' and has a CSS-driven menu on the left. I think that this menu's background is not correctly aligned in IE6, but cannot be sure. Thanks for looking and any help. Bill __ 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
Since building the site, I've upgraded my IE from 6 to 7. I now have to use 'multipleIEs' (http://www.positioniseverything.net/articles/multiIE.html) to check in previous versions. When the site was first uploaded, it worked fine in IE6 (with the exception of the orange menu background being a few pixels below where it should be), but now I'm getting these reports that there is no 'flyout' of the menu in IE6. I also found the same using my standalone IE6 but thought this was just one of those things that doesn't work 100% using these 'standalone' versions. If anyone has not upgraded to IE7 and is using IE6 as their primary IE browser, I'd be very interested to know if the menu does in fact 'flyout' or not. Bill Ingo wrote: Bill Stemp schrieb am 07.02.2008 14:33 http://www.pielows.co.za/ I'm particularly interested in how one section of the site appears in IE6 (or before). This section is accessed with the menu link '_*Cape Tours*_' and has a CSS-driven menu on the left. I think that this menu's background is not correctly aligned in IE6, but cannot be sure. No hover, no flyout with IE6 here. Gr ingo __ 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
Sandy wrote: I am working on a web site, and I would be grateful if you could take the time to look at a rough version of it, and let me know what you think. http://cantoraccess.com/beta_sandy2/index.html Any comments or suggestions are much appreciated! Sandy You may want check you pages in IE/6, IE/7, and the Gecko's at 800 with and without a little font-scaling. On a nothing to do with CSS, does it make a difference, or who cares, aside: If you are seeking /an opinion/, mine is that this information: Skip to content Search: Search main menu * About Us * Contact * Presentations * Publications * Resources * Services should appear on the screen as you have it, but be called from beneath the primary content and above the footer. And that Go to top (in the footer) is not necessary or needed. -- 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-d] site check please
hello all, I am working on a web site, and I would be grateful if you could take the time to look at a rough version of it, and let me know what you think. http://cantoraccess.com/beta_sandy2/index.html the first level pages are all done, as well as the pages in the presentations section. Publications has a few internal pages http://cantoraccess.com/beta_sandy2/publications/pub_access.html http://cantoraccess.com/beta_sandy2/publications/paper01b.html http://cantoraccess.com/beta_sandy2/publications/pub_keyboard.html Services has one internal page http://cantoraccess.com/beta_sandy2/services/att.html One of the things I have done is use h5 positioned off screen to identify menus, so that JAWS users using headings to navigate can get a sense of how the page is laid out. Does this make sense to you guys out there? Is there a better way to do this? Any comments or suggestions are much appreciated! Thanks for your help, Sandy __ 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..
Hi everyone, I have worked a little site and was wondering if people can have a look and check to see if its working ok. I have checked this in Firefox 2.0 (Mac and PC), IE7(PC), Safari and Opera. My only concern is IE6 which may be a pain. If there is a problem in this browser could you help? the page has been validated of xhtml and css. Thanks http://www.nest-life.com/ -- Rob Freeman [EMAIL PROTECTED] __ 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..
Rob freeman wrote: Hi everyone, I have worked a little site and was wondering if people can have a look and check to see if its working ok. I have checked this in Firefox 2.0 (Mac and PC), IE7(PC), Safari and Opera. My only concern is IE6 which may be a pain. If there is a problem in this browser could you help? the page has been validated of xhtml and css. Thanks http://www.nest-life. When the fonts are scaled (+1) in FF, the background-color in the left column is not painting all the way down. This is true in IE/6.0 at text-size largest as well. Correct to a compliant browser, and I think you'll be OK in IE as well. Best, ~dL -- 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 :Arun Dixit:
Jehangir Larry wrote: David Laakso wrote: Jehangir Larry wrote: Re: www.arundixit.com Firefox displays as intended. IE6 and IE7 do not display header background. Additionally, IE6 does not center content.s of #inner. Appreciate advice/ suggestions for above. Also, a general site check please. Thanks. Thanks, as usual. I have implemented the suggestions (including border: fuchsia ;-)), but as yet, no go in both IE6 IE7. Maintaining status quo...till I hear further? Seems to work (more or less) in IE/6.0 and IE/7.0 on this end: xp/ie on mac os x 10.4.11. Please see: http://chelseacreekstudio.com/ca/cssd/lj.html Regards, ~dL -- 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 :Arun Dixit:
David Laakso wrote: Jehangir Larry wrote: David Laakso wrote: Jehangir Larry wrote: Re: www.arundixit.com Firefox displays as intended. IE6 and IE7 do not display header background. Additionally, IE6 does not center content.s of #inner. Appreciate advice/ suggestions for above. Also, a general site check please. Thanks. Thanks, as usual. I have implemented the suggestions (including border: fuchsia ;-)), but as yet, no go in both IE6 IE7. Maintaining status quo...till I hear further? Seems to work (more or less) in IE/6.0 and IE/7.0 on this end: xp/ie on mac os x 10.4.11. Please see: http://chelseacreekstudio.com/ca/cssd/lj.html Regards, ~dL ...certainly does on IE/Win XP too. Let me recheck /compare the CSS on your file with mine. A million thanks, kind Sir. -- Best, JL Jehangir Larry __ 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 :Arun Dixit:
Re: www.arundixit.com Firefox displays as intended. IE6 and IE7 do not display header background. Additionally, IE6 does not center content.s of #inner. Appreciate advice/ suggestions for above. Also, a general site check please. Thanks. -- Best, JL Jehangir Larry __ 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: Gap BTW Divs in IE
Site design: http://northeastassembly.org Three issues that I'm dealing with are: 1. Between the header and horizontal navigation there is a gap in IE6. 2. Also, in FF and Safari the text in the footer is not centered horizontally but it is in IE. 3. The space between each sub menu item is greater in IE than in FF and Safari. Thanks, Aaron __ 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
12/08/2007 www.bildasfriesslakepub.com Would appreciate a look-see in Opera (I'm in O9.24), as the nav bar anchors aren't working right and occasionally disappear all together on scrolling. Which bug and how to fix? Also a check in IE6 to make sure my green box in the left col isn't triggering the Peek-a-boo bug. Finally in IE, I'm getting extra vertical space above the main col (vertical border should touch nav bat above it) and in the footer above and below the content. Not a killer but would appreciate suggestions on how to eliminate it. Add 'has-layout' doesn't do it and causes other problems, since fixed. http://www.bildasfriesslakepub.com/menu.html Would appreciate a look-see in IE, especially IE6 to make sure the right column content is appearing. Much thanks to David and Georg for getting me this far. The site is live and the client gassed. Peter www.fatpawdesign.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
Peter Hyde-Smith wrote: www.bildasfriesslakepub.com Would appreciate a look-see in Opera (I'm in O9.24), as the nav bar anchors aren't working right and occasionally disappear all together on scrolling. Which bug and how to fix? An old instability in Opera when trying to interpret the W3C collapsing margins bug[1] on a parent that doesn't contain its children. The margin ends up reversed now and then, and pushes the ul below the #nav-container. Opera 9.5beta does seem to have a more stable interpretation of that particular combination. To cure, add... #nav ul{margin-bottom: 0;} ...which removes all confusion in all browsers, and doesn't disturb any of them. Also a check in IE6 to make sure my green box in the left col isn't triggering the Peek-a-boo bug. Looks stable enough. Finally in IE, I'm getting extra vertical space above the main col (vertical border should touch nav bat above it) and in the footer above and below the content. Not a killer but would appreciate suggestions on how to eliminate it. Add 'has-layout' doesn't do it and causes other problems, since fixed. Another browser's interpretation of the standardized W3C collapsing margins bug, on another element-combination. Easiest way to cure it is to replace margin-bottom with padding-bottom on the last element where collapsing margins is an issue for IE/win... #header h4 {margin-bottom: 0; padding-bottom: 10px;} http://www.bildasfriesslakepub.com/menu.html Would appreciate a look-see in IE, especially IE6 to make sure the right column content is appearing. It appears, but stays below the left column. IE6 doesn't respect declared dimensions, and is auto-expanding the column - making it too wide for the reserved space. To fix,add... * html #rightcol {overflow-x: hidden;} The last minor imperfection I can see in IE6 is a gap or overlap at the bottom of maincol - either not reaching down to footer or overlapping it. IE6 behaves as if it's another collapsing margins interpretation issue, and a fix for that standardized bug seems to cure it... * html #maincol {padding-bottom: 1px;} - To put all additions and correction together in one place: #nav ul{margin-bottom: 0;} #header h4 {margin-bottom: 0; padding-bottom: 10px;} * html #rightcol {overflow-x: hidden;} * html #maincol {padding-bottom: 1px;} regards Georg PS: of course collapsing margins isn't a bug, but W3C has kept on adding details to the descriptions for a long time on how browsers shall interpret and apply it for different combinations. Thus, different browsers and browser-versions may have slightly different interpretations of it, for the simple reason that descriptions were missing at the time their CSS-engines were updated on those points. [1]http://www.w3.org/TR/CSS21/box.html#collapsing-margins -- 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
Dear All On my site I am using Tanfa's CSS menu. Used it several times already and it always worked fine. Now on my latest website it does not seem to work properly in one of the IE. Unfortunately I do not know which version and have no clue what could be wrong. The site can be viewed at: http://www.artworksbyrene.com/gnd-info/index.html The menu CSS is: /*start main menu */ #menu { background-image: url(../images/menu.jpg); background-repeat: repeat-x; margin: 8px 0; width: 99.8%; height: 24px; border: 1px solid #030; float: left; } #menu a, #menu h2 { padding: 5px 20px 6px 4px; display:block; font-weight: bold; font-size: 11px; text-decoration:none; background-color: transparent; color: #030; } #menu a:hover { background-image: url(../images/menu-hoover.jpg); background-repeat: repeat; background-color: transparent; color:#903; } #menu ul.first { margin-left: 10px; } #menu ul.xlarge { width: 220px; height: 24px; } #menu ul { list-style: none; float: left; width: auto; } #menu ul ul li { background-image: url(../images/menu-hoover.jpg); background-repeat: repeat-x; } #menu li{ position:relative; } #menu ul ul{ position:absolute; z-index:500; top:auto; display:none; } #menu ul ul ul{ top:0; left:100%; } /* Begin non-anchor hover selectors */ /* Enter the more specific element (div) selector on non-anchor hovers for IE5.x to comply with the older version of csshover.htc - V1.21.041022. It improves IE's performance speed to use the older file and this method */ div#menu h2:hover{ background-image: url(../images/menu-hoover.jpg); background-repeat: repeat; background-color: transparent; color:#903; } div#menu li:hover{ cursor:pointer; z-index:100; } div#menu li:hover ul ul, div#menu li li:hover ul ul, div#menu li li li:hover ul ul, div#menu li li li li:hover ul ul {display:none;} div#menu li:hover ul, div#menu li li:hover ul, div#menu li li li:hover ul, div#menu li li li li:hover ul {display:block;} /* End of non-anchor hover selectors */ /* End CSS Popout Menu */ Appreciate any hints/tipps! Thanks, pothound Get easy, one-click access to your favorites. Make Yahoo! your homepage. http://www.yahoo.com/r/hs __ 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
daniela froehlich wrote: Dear All On my site I am using Tanfa's CSS menu. Used it several times already and it always worked fine. Now on my latest website it does not seem to work properly in one of the IE. Unfortunately I do not know which version and have no clue what could be wrong. The site can be viewed at: http://www.artworksbyrene.com/gnd-info/index.html It is not working in IE6. Are you sure the htc file is on the server and that your path to it is correct? Best, ~dL __ 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, major ie6 issues
Subject: Re: [css-d] site-check please, major ie6 issues Peter Hyde-Smith wrote: http://www.bildas.fatpawdesign.com/index.html Probably too much 'hasLayout' for IE6' liking already :-) IE6 seems to have serious stacking-problems, and there's too many 'stacking-correctors' in there too. Changing to default on the problematic elements... #weeklyspecials { position : static; } #rightcol { position : static; } ...will make it appear as intended in IE6. regards Georg -- http://www.gunlaug.no Georg: Made change as recommended. Would appreciate another check. Can I just take out those particular 'position' declarations out all together? Peter __ 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, major ie6 issues
Peter Hyde-Smith wrote: http://www.bildas.fatpawdesign.com/index.html Made change as recommended. Would appreciate another check. Working just fin in IE6 (on w2k). Can I just take out those particular 'position' declarations out all together? Yes, that _should_ automatically take it back to default - static, and give the same result. 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, major ie6 issues
http://www.bildas.fatpawdesign.com/index.html Hello All: I'd appreciate a site check of above page. Seems well behaved except in IE6, which is losing the floated green box in the left column, and evidently the whole content of the right column. Something somewhere probably needs 'has-layout' but I can't figure out what. General hack and slash with constructive comments welcome. Best Regards, Peter Peter Hyde-Smith (FF/O/IE7/Avant in WinXP+SP2) www.fatpawdesign.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, major ie6 issues
I checked IE6, it looks OK to me,same with opera. Ernie :)) From: [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Date: Fri, 30 Nov 2007 22:27:46 -0600 Subject: [css-d] site-check please, major ie6 issues http://www.bildas.fatpawdesign.com/index.html Hello All: I'd appreciate a site check of above page. Seems well behaved except in IE6, which is losing the floated green box in the left column, and evidently the whole content of the right column. Something somewhere probably needs 'has-layout' but I can't figure out what. General hack and slash with constructive comments welcome. Best Regards, Peter Peter Hyde-Smith (FF/O/IE7/Avant in WinXP+SP2) www.fatpawdesign.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/ _ Your smile counts. The more smiles you share, the more we donate. Join in. www.windowslive.com/smile?ocid=TXT_TAGLM_Wave2_oprsmilewlhmtagline __ 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, major ie6 issues
Peter Hyde-Smith wrote: http://www.bildas.fatpawdesign.com/index.html I'd appreciate a site check of above page. Seems well behaved except in IE6, which is losing the floated green box in the left column, and evidently the whole content of the right column. Something somewhere probably needs 'has-layout' but I can't figure out what. Probably too much 'hasLayout' for IE6' liking already :-) IE6 seems to have serious stacking-problems, and there's too many 'stacking-correctors' in there too. Changing to default on the problematic elements... #weeklyspecials { position : static; } #rightcol { position : static; } ...will make it appear as intended in IE6. 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..
Hello everyone, I have been working on a little site for some friends which I have just uploaded. Could anyone please check the site in older browsers For any problems (its not complete). I have workied in OSX running firefox and safari. http://www.precociouscollective.com/artists.html this page has a few floats, which Im a little worried about in older browsers. Thanks. -- lister __ 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..
Looks like it breaks in IE6 win. See screen shot here: http://www.jimdavis.org/test/ie6.jpg You can see how you site will render in different browsers and os's for free here: http://browsershots.org/ Jim On Nov 25, 2007 10:34 AM, Rob freeman [EMAIL PROTECTED] wrote: Hello everyone, I have been working on a little site for some friends which I have just uploaded. Could anyone please check the site in older browsers For any problems (its not complete). I have workied in OSX running firefox and safari. http://www.precociouscollective.com/artists.html this page has a few floats, which Im a little worried about in older browsers. Thanks. __ 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..
Looks, good, Some of the image boxes dropped a little down the page in Safari on Windows xp for me! but in FireFox and IE7 all looks good! Rob freeman wrote: Hello everyone, I have been working on a little site for some friends which I have just uploaded. Could anyone please check the site in older browsers For any problems (its not complete). I have workied in OSX running firefox and safari. http://www.precociouscollective.com/artists.html this page has a few floats, which Im a little worried about in older browsers. Thanks. __ 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..
David Laakso wrote: Rob freeman wrote: Hello everyone, I have been working on a little site for some friends which I have just uploaded. Could anyone please check the site in older browsers For any problems (its not complete). I have workied in OSX running firefox and safari. http://www.precociouscollective.com/artists.html this page has a few floats, which Im a little worried about in older browsers. Thanks. A common structural layout test is to see how a well a page can hold with a little stress. At +2 font-scaling -- when testing all pages -- for example, the structure is too brittle-- things overlap, and shoot out the bottom of containers. So it is not so much you have difficulty with floats, but rather with an over abundant use of absolute positioning and setting of height restraints. Setting overflow: scroll; on #main may be a partial way around some of this this. /But in my personal opinion/, I really think it may be worth considering getting rid of the absolute positioning, and height settings, using margin: 0 auto to center the page; and, just let the content determine the height of each page. Either way, the first thing most people do on this list is to see if the CSS and markup are valid... Regards, ~dL -- 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-d] Site check please
Hi all, I am throwing our new design out there for critique and suggestions. http://www.nwaworldvacations.com BLOCKED::http://www.nwaworldvacations.com We tried to do a better job of CSS and moved into a more Web 2.0 vibe, at least that is what we were trying for. I am sure many will lament our use of tables still, but some habits die hard. I am curious to learn how we might have done a better job with our CSS, i.e. better use of IDs or Classes, less nested, more nested... We did add some Ajax/JavaScript functionality that we didn't have in our previous designs, and are noticing slow page loads and would love to learn or hear of how others handle this better. The Las Vegas destination page is a particularly slow one due to the backend loading of all the hotels... then do a price find and it can take up to 22 seconds to return all the prices for each of them. This is something we are working on to fix/solve/adjust. Our team is small and we based much of our work on the few classes or seminars we have been able to attend as well as on Andy Budd's CSS Mastery. I am posting here to help us continue on that learning curve. Thank you all and I look forward to the suggestions and comments. Cheers, Cory MLT, Inc. __ 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
Cory Shubert wrote: http://www.nwaworldvacations.com We tried to do a better job of CSS and moved into a more Web 2.0 vibe, at least that is what we were trying for. I am sure many will lament our use of tables still, but some habits die hard. I am curious to learn how we might have done a better job with our CSS, i.e. better use of IDs or Classes, less nested, more nested... Those pages don't work well with resized fonts in any browser, and absolute font-sizes don't make it better since one has to 'ignore font size in page' in IE/win in order to resize. The table layout don't work too well if one wants a printout either, so different styles for different media - and a lot of testing, seems necessary. Pages have quite a large file-size when one looks at the amount of content it carries, and attempts to slim down the source code should be made. The use of paragraphs with non-breaking spaces as layout-spacers equals the use of old spacer-gifs, and should be avoided. Use margins and/or paddings instead. The verisign at the bottom doesn't seem to work as intended outside IE/win. The use of inline styles should be discontinued once you've added a stylesheet, as inline styles tend to make debugging and general maintenance harder and more time-consuming. If page-specific styles are needed, it is usually better to group those in a style-element in the page-head. The usability of such a site may be evaluated to a high degree by running it through a text-only browser like Lynx... http://www.delorie.com/web/lynxview.html http://lynx.isc.org/ That's the basic level a well-built site should be able to work at no matter what, so testing your site in Lynx will give you a good sense of what works and what doesn't. 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/
Re: [css-d] Site check please
Cory Shubert wrote: Hi all, I am throwing our new design out there for critique and suggestions. http://www.nwaworldvacations.com BLOCKED::http://www.nwaworldvacations.com We tried to do a better job of CSS and moved into a more Web 2.0 vibe, ...{trimmed} I am posting here to help us continue on that learning curve. Cory Cory, If you mean what you wrote about transitioning to CSS then you may want to /continue to employ tables for the tabular data/. But as of now, it seems to me, you're running a predominately table oriented site with a doctype. The way some of us handle Ajax/JavaScript functionality is to use same with the qualifier the page will work, as well (if not better), without either or both. Your slow page loads may be more part and parcel of the Web 2,.0 vibe than a practical CSS issue. Fast load from the CSS perspective, in my opinion, has more to do with lean, mean coding practice. Eliminating inline styles and other table like practices, calling js from an external file, and reducing white space in the source document /may/ help speed things up to a lessor extent. Testing at +1 and +2 font-scaling in compliant browsers is a good idea; and, providing text for IE users without the need for them to jump through hoops to scale it is always advantageous. Best, ~dL -- 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
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Cory Shubert Sent: Friday, September 14, 2007 5:44 AM To: css-d@lists.css-discuss.org Subject: [css-d] Site check please Hi all, I am throwing our new design out there for critique and suggestions. http://www.nwaworldvacations.com BLOCKED::http://www.nwaworldvacations.com We tried to do a better job of CSS and moved into a more Web 2.0 vibe, at least that is what we were trying for. I am sure many will lament our use of tables still, but some habits die hard. I am curious to learn how we might have done a better job with our CSS, i.e. better use of IDs or Classes, less nested, more nested... We did add some Ajax/JavaScript functionality that we didn't have in our previous designs, and are noticing slow page loads and would love to learn or hear of how others handle this better. The Las Vegas destination page is a particularly slow one due to the backend loading of all the hotels... then do a price find and it can take up to 22 seconds to return all the prices for each of them. This is something we are working on to fix/solve/adjust. Our team is small and we based much of our work on the few classes or seminars we have been able to attend as well as on Andy Budd's CSS Mastery. ### Start here: http://www.websiteoptimization.com/services/analyze/wso.php?url=http://www.n waworldvacations.com/ A good target size for a page is about 70k. Walt __ 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
There's usually a link somewhere to file a bug report. In this case, if you click on feedback you'll be able to check the FAQ and a list of reported problems (where I didn't find yours --looking for javax). Also, I didn't mean non-static (dynamic) as in javascript altered, but as in back-end (server-scripts) kind of dynamic site. If you're not using Java (which seems to be the case) then the problem is more likely on the validator itself ---again, JS shouldn't be the case for this problems. Rafael. Omitade Adediran wrote: Well, it looks like I will be removing the javascript menu for the page so maybe that will take care of it. But, if I didn't how do I go about filing a bug report? Rafael mailto:[EMAIL PROTECTED] wrote: Interesting, it may be something worth to file a bug report. I could validate it by writing the path directly to the css (not the html), but I still get the error you mention when writing the path to the page. The market.html page is a static page, right? If not, it could be some sort of problem in your back-end. Omitade Adediran wrote: Any comment on the css validator comment, Servlet has thrown exception:javax.servlet.ServletException: Timed out. ? What it means? So, thank you so very much, David. Now on to the other page which I fear is much worse. Omitade __ css-discuss [EMAIL PROTECTED] mailto:css-d@lists.css-discuss.org] 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
It seems I checked on the wrong page. There's already a couple of bug reports similar to yours http://www.w3.org/Bugs/Public/show_bug.cgi?id=4397 http://www.w3.org/Bugs/Public/show_bug.cgi?id=4469 http://www.w3.org/Bugs/Public/show_bug.cgi?id=4981 Since they go back to ~March '07, it seems it's not a critical bug (and basically new). You can vote for a fix, though :) Rafael wrote: There's usually a link somewhere to file a bug report. In this case, if you click on feedback you'll be able to check the FAQ and a list of reported problems (where I didn't find yours --looking for javax). Also, I didn't mean non-static (dynamic) as in javascript altered, but as in back-end (server-scripts) kind of dynamic site. If you're not using Java (which seems to be the case) then the problem is more likely on the validator itself ---again, JS shouldn't be the case for this problems. Rafael. Omitade Adediran wrote: Well, it looks like I will be removing the javascript menu for the page so maybe that will take care of it. But, if I didn't how do I go about filing a bug report? Rafael mailto:[EMAIL PROTECTED] wrote: Interesting, it may be something worth to file a bug report. I could validate it by writing the path directly to the css (not the html), but I still get the error you mention when writing the path to the page. The market.html page is a static page, right? If not, it could be some sort of problem in your back-end. Omitade Adediran wrote: Any comment on the css validator comment, Servlet has thrown exception:javax.servlet.ServletException: Timed out. ? What it means? So, thank you so very much, David. Now on to the other page which I fear is much worse. Omitade __ css-discuss [EMAIL PROTECTED] mailto:css-d@lists.css-discuss.org] 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
Omitade Adediran wrote: I have been reading and reading until my brain just feels like mush.. [trimmed] I know the feeling. This stuff can be terribly frustrating at times... I think that it might be a good idea to just get a simple page working cross-browser for starters. http://www.chelseacreekstudio.com/ca/cssd/un html ~dL This is extremely helpful. I have gotten the source code and will go through my style sheet line by line to see what you did in comparison to what I did. I hope that I can learn--there is much to be said about self-teaching but it looks like I really need to take a couple of classes. Unfortunately, I have nothing like that around where I live. Any comment on the css validator comment, Servlet has thrown exception:javax.servlet.ServletException: Timed out. ? What it means? So, thank you so very much, David. Now on to the other page which I fear is much worse. Omitade -- 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
Well, it looks like I will be removing the javascript menu for the page so maybe that will take care of it. But, if I didn't how do I go about filing a bug report? Rafael wrote: Interesting, it may be something worth to file a bug report. I could validate it by writing the path directly to the css (not the html), but I still get the error you mention when writing the path to the page. The market.html page is a static page, right? If not, it could be some sort of problem in your back-end. Omitade Adediran wrote: Any comment on the css validator comment, Servlet has thrown exception:javax.servlet.ServletException: Timed out. ? What it means? So, thank you so very much, David. Now on to the other page which I fear is much worse. Omitade __ 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
Omitade Adediran wrote: I have been reading and reading until my brain just feels like mush...[trimmed] http://www.orisadevotees.org/market.html Omitade Omitade, I know the feeling. This stuff can be terribly frustrating at times... I think that it might be a good idea to just get a simple page working cross-browser for starters. Once you've got that working, you can plug decorative images into it. Most any dropdown/flyout menu is really hard to get working properly in iE 6. This is a /very simple version/ of your page-- quick tested in ie6, ie7, opera, firefox, and safari. http://www.chelseacreekstudio.com/ca/cssd/un.html HTH. Best, ~dL -- 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-d] Site Check Please
Hello: I have been reading and reading until my brain just feels like mush. I feel like this has been asked before and yet I cannot get it. As usual, I have made things more difficult than they need to be. Anyway I have two pages for a site check, I will send them one at a time. The one that I am sending now represents the secondary pages of the site so if I get feed back on this one I can apply it to all of the rest. I know I have accessibility issues because of image files. My pages are validated HTML and I used tidy HTML. I believe that I have too much in my CSS and that they are canceling each other out. I could not validate CSS because I keep getting an error message, Servlet has thrown exception:javax servlet.ServletException: Timed out. Don't know if that is because my CSS is so bad or something else. In IE7, my bottom nav sits like stair steps and I did try what was suggested a few days ago but that did not work probably because of my CSS. The drop down menu sits in the middle of the page which in IE7 causes the header and the background image drop down. All advice will be welcome. I have a tendency to complicate things so if there are also suggestions about getting the same feel that I have now without the images or presenting the images differently (like some kind of economy of scale) I would also welcome that. I know that this is likely a design question and may be off topic. http://www.orisadevotees.org/market.html Omitade __ 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
Lorraine Barte Nepomuceno wrote: Hi everyone, I'm having problems with a design of mine. On some browsers (although not any of ours here at the office, but that may be because we're all widescreen), the right sidebars are pushed down below the main content area: Sample is at: http://www.splashscreen.com/wp/ with CSS at: http://www.splashscreen.com/wp/wp-content/themes/geeks-blog/style.css Any help would be most appreciated! Thanks, Lorraine The floats drop as the window narrows. Have you tried setting the page as a fixed width layout? div#container{ margin:0 auto 0 auto; /*max-width: 920px; width:90% !important;*/ width:920px; } Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site Check, please
David Laakso [EMAIL PROTECTED] wrote: Lorraine Barte Nepomuceno wrote: Hi everyone, I'm having problems with a design of mine. On some browsers (although not any of ours here at the office, but that may be because we're all widescreen), the right sidebars are pushed down below the main content area: Sample is at: http://www.splashscreen.com/wp/ with CSS at: http://www.splashscreen.com/wp/wp-content/themes/geeks-blog/style.css Any help would be most appreciated! Thanks, Lorraine The floats drop as the window narrows. Have you tried setting the page as a fixed width layout? div#container{ margin:0 auto 0 auto; /*max-width: 920px; width:90% !important;*/ width:920px; } Best, ~dL Hi David -what`s the thinking behind /*max-width: 920px; width:90% !important;*/ David? Thanks for explaining to us newbies - Fussy? Opinionated? Impossible to please? Perfect. Join Yahoo!'s user panel and lay it on us. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site Check, please
CSS guru David Laakso very kindly gave me some code: br.both { clear : both; } br.right { clear : right; } br.left { clear : left; } .clear { height : 0; clear : both; } Can someone please explain to me what this does and why it is needed with strict xhtml. Thank-you in advance. - Yahoo! oneSearch: Finally, mobile search that gives answers, not web links. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
[css-d] Site Check, please
Hi everyone, I'm having problems with a design of mine. On some browsers (although not any of ours here at the office, but that may be because we're all widescreen), the right sidebars are pushed down below the main content area: Sample is at: http://www.splashscreen.com/wp/ with CSS at: http://www.splashscreen.com/wp/wp-content/themes/geeks-blog/style.css Any help would be most appreciated! Thanks, Lorraine __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site check Please
On 8/12/07, Tim Offenstein [EMAIL PROTECTED] wrote: I'm looking at your site in Firefox 2 on a Mac (10.4.10). Everything seems to behave reasonably well. Comments: - I can't read the quote at top unless I bump the font size way up. - The backgrounds on links in the main column is a bit intrusive. My preference is background on hover only. - The contrast on both the side menus is too weak (IMHO). I like the rollover effect though - very well done. - The page holds together nicely on resizing. - You have 5 header 1 tags. The recommended best practice is no more than two and preferably only one which should be a duplicate of the page title. I recommend reducing the h1's. Header markup should reflect a hierarchical layout of the page. - Your page validates XHTML Strict but there's a i/i tag in there. i is deprecated and should be replaced with em. I don't know how the W3C validator is saying this page is okay with that i in there?!? - Good job of commenting your XHTML. - I recommend dropping the br / tags where possible and instead style your CSS to compensate. Strictly speaking, you're using HTML markup for stylistic presentation. (Nitpicky I know.) Overall, very good job. -Tim DUH! Sorry I forgot to add the link been a long night.. Can be seen here. http://home.comcast.net/%7Es.oravec/index.html Thanks Tim I changed I think all the things you had mentioned . Thanks again.. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site check Please
Your page validates XHTML Strict but there's a i/i tag in there. i is deprecated and should be replaced with em. I don't know how the W3C validator is saying this page is okay with that i in there?!? Actually there is a good reason it passes. It is commonly stated that the i tag has been deprecated. In fact it has not, and is actually a better choice at times than its usual replacement, the em tag. The em tag, means emphasis, and is usually represented visually as italics. But when you quote someone in a foreign language, or when you cite the title of a journal article, you would want to use italics *without* meaning emphasize these words. So there you would use i instead. It has no semantic meaning, instead it just creates italics because that is how such text would be styled in the print world. You could of course style that text via CSS instead, with a class on a span tag. But really a span tag has no more (or less) semantic meaning than an i tag. The w3c recommends using CSS for this purpose, but has *not* deprecated the i tag. Hope this might help. -- E. Michael Brandt www.divaHTML.com divaGPS : you-are-here menu highlighting divaFAQ : FAQ pages with pizazz www.valleywebdesigns.com JustSo PictureWindow JustSo PhotoAlbum -- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
[css-d] Site Check PLEASE
I added photo gallery please give pointer on what to improve . Thanks __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] site check please / hairball
This is a website I build a year or so ago: http://www.carinainmali.nl Funny isn't it? A little off topic though, sorry for that ;) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site check please
trevor bayliss wrote: */David Laakso [EMAIL PROTECTED]/* wrote: Thanks as ever for the reply David. I have implemented those changes http://216.219.94.105/david1.htm and will change the p´s and h´s to make it look smarter. The AccessibilityCheck box that reads: ignore font sizes I have done-what a nightmare I feel like I´m back to square one again now! I have no idea where to start to sort out the problem the cl div (which is the offending one) is floated right. The only tools I have knowledge of are clear for this case. I will try clearing right and clearing left and clearing both and see what happens. The word Environment (under the 4th image) may be too wide, thus pushing out and dropping the float because there is not enough room for it. Clearing is not going to help. Reduce the font size slightly for all those h's under the images. And in the mark up the word Environment with soft hyphens, like so: Environment. This will cause the word to hyphenate when scaled in IE. See if the float still drops at text-size largest. ~d - What an awesome bit of code the soft hyphens David! Shame it only works with IE as it could sort out some of my breaking issues in FF!! ;) Stupid question while trying to follow your advice how can I change the h´s under the images if the h´s size isn´t controlled by my style sheet anymore with The AccessibilityCheck box that reads: ignore font sizes . I can change them fine for ff obviously but for IE how can I do that? Or do I need to use a default tag that will give me a default size? The file [1] is now holding in IE6without dropping the float at text-size largest with font-sizes ignored. The answer to your question is endless tweaking of col widths, font-sizes, margins, padding, and adding clear: right; to to the further most right column. Extensive change has been made to the CSS as well as some changes to the markup. Make sure you backup your current file! Cursory tested in IE6, IE7, Opera, Firefox, and Camino. You or someone on the list who has more patience, time, and skill will need to correct the remaining issues. [1] http://www.chelseacreekstudio.com/ca/cssd/trevor-03.html Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site check please
David Laakso [EMAIL PROTECTED] wrote: Thanks as ever for the reply David. I have implemented those changes http://216.219.94.105/david1.htm and will change the p´s and h´s to make it look smarter. The AccessibilityCheck box that reads: ignore font sizes I have done-what a nightmare I feel like I´m back to square one again now! I have no idea where to start to sort out the problem the cl div (which is the offending one) is floated right. The only tools I have knowledge of are clear for this case. I will try clearing right and clearing left and clearing both and see what happens. The word Environment (under the 4th image) may be too wide, thus pushing out and dropping the float because there is not enough room for it. Clearing is not going to help. Reduce the font size slightly for all those h's under the images. And in the mark up the word Environment with soft hyphens, like so: Enshy;virshy;onshy;ment. This will cause the word to hyphenate when scaled in IE. See if the float still drops at text-size largest. ~d -- http://chelseacreekstudio.com/ What an awesome bit of code the soft hyphens David! Shame it only works with IE as it could sort out some of my breaking issues in FF!! ;) Stupid question while trying to follow your advice how can I change the h´s under the images if the h´s size isn´t controlled by my style sheet anymore with The AccessibilityCheck box that reads: ignore font sizes . I can change them fine for ff obviously but for IE how can I do that? Or do I need to use a default tag that will give me a default size? - Get the Yahoo! toolbar and be alerted to new email wherever you're surfing. - Pinpoint customers who are looking for what you sell. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
[css-d] Site check please
Hi all. I am at the end of the first leg of my css journey. Very complicated stuff and I nearly turned back to tables! Please could someone have a gander at this page and see what you think and if there are any problems. I believe I have sorted them all out now. If I have any errors (it is, however, validated fine) or anything that I can improve on I would really apreciate the collective wisdom on this one. I am also interested to hear also how it looks in computers with different resolutions-it looks fine for me with firefox and IE. Thanks everyone for all your help along the way. http://216.219.94.105/david1.htm - Park yourself in front of a world of choices in alternative vehicles. Visit the Yahoo! Auto Green Center. - Park yourself in front of a world of choices in alternative vehicles. Visit the Yahoo! Auto Green Center. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site check please
I checked with IE7 and Firefox. 2.0.0.5 I could not see any major problem. Firefox shows the blue tab texts like Medarc Ltd.How we can help too close to top not vertically middle Thanks Troy http://dominor.com On 7/25/07, trevor bayliss [EMAIL PROTECTED] wrote: Hi all. I am at the end of the first leg of my css journey. Very complicated stuff and I nearly turned back to tables! Please could someone have a gander at this page and see what you think and if there are any problems. I believe I have sorted them all out now. If I have any errors (it is, however, validated fine) or anything that I can improve on I would really apreciate the collective wisdom on this one. I am also interested to hear also how it looks in computers with different resolutions-it looks fine for me with firefox and IE. Thanks everyone for all your help along the way. http://216.219.94.105/david1.htm - Park yourself in front of a world of choices in alternative vehicles. Visit the Yahoo! Auto Green Center. - Park yourself in front of a world of choices in alternative vehicles. Visit the Yahoo! Auto Green Center. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site check please
trevor bayliss wrote: Hi all. I am at the end of the first leg of my css journey. Very complicated stuff and I nearly turned back to tables! Please could someone have a gander at this page and see what you think and if there are any problems. I believe I have sorted them all out now. If I have any errors (it is, however, validated fine) or anything that I can improve on I would really apreciate the collective wisdom on this one. I am also interested to hear also how it looks in computers with different resolutions-it looks fine for me with firefox and IE. Thanks everyone for all your help along the way. http://216.219.94.105/david1.htm Trevor, You are getting there. You will know things are working relatively well cross-browser when in IE6.0 you do not drop the far right column float (as it does now) when she is in accessibility mode at text-size /largest/ with the /ignore font sizes specified on Web pages/ box checked [1]. Some /first steps/ toward that goal, might be: 1/ Re-set this: body { font: /*0.9875em*/ 90% tahoma, arial, sans-serif; color: #4d4d4d; text-align: center; } to (default): body { font: 100% tahoma, arial, sans-serif; color: #4d4d4d; text-align: center; } 2/ Re-set this: #topnav a {border-right: #d8e1e9 1px solid; display: block; font: 11px/20px tahoma, arial, sans-serif; color: #fff; text-align: center} to (ditch the pixel font and pixel line-height): #topnav a {border-right: #d8e1e9 1px solid; display: block; font: 76%/1.4 tahoma, arial, sans-serif; color: #fff; text-align: center} 3/ Reduce the font-size of the headings (h2-h6) and content text (p) as necessary. [1] To put IE6 in accessibiliy mode at text-size largest: Go to: ToolsInternet OptionsAccessibilityCheck box that reads: ignore font sizes specified on Web pages Then go to: ViewText SizeLargest Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site check please
David Laakso [EMAIL PROTECTED] wrote: trevor bayliss wrote: Hi all. I am at the end of the first leg of my css journey. Very complicated stuff and I nearly turned back to tables! Please could someone have a gander at this page and see what you think and if there are any problems. I believe I have sorted them all out now. If I have any errors (it is, however, validated fine) or anything that I can improve on I would really apreciate the collective wisdom on this one. I am also interested to hear also how it looks in computers with different resolutions-it looks fine for me with firefox and IE. Thanks everyone for all your help along the way. http://216.219.94.105/david1.htm Trevor, You are getting there. You will know things are working relatively well cross-browser when in IE6.0 you do not drop the far right column float (as it does now) when she is in accessibility mode at text-size /largest/ with the /ignore font sizes specified on Web pages/ box checked [1]. Some /first steps/ toward that goal, might be: 1/ Re-set this: body { font: /*0.9875em*/ 90% tahoma, arial, sans-serif; color: #4d4d4d; text-align: center; } to (default): body { font: 100% tahoma, arial, sans-serif; color: #4d4d4d; text-align: center; } 2/ Re-set this: #topnav a {border-right: #d8e1e9 1px solid; display: block; font: 11px/20px tahoma, arial, sans-serif; color: #fff; text-align: center} to (ditch the pixel font and pixel line-height): #topnav a {border-right: #d8e1e9 1px solid; display: block; font: 76%/1.4 tahoma, arial, sans-serif; color: #fff; text-align: center} 3/ Reduce the font-size of the headings (h2-h6) and content text (p) as necessary. [1] To put IE6 in accessibiliy mode at text-size largest: Go to: ToolsInternet OptionsAccessibilityCheck box that reads: ignore font sizes specified on Web pages Then go to: ViewText SizeLargest Best, ~dL -- http://chelseacreekstudio.com/ Thanks as ever for the reply David. I have implemented those changes http://216.219.94.105/david1.htm and will change the p´s and h´s to make it look smarter. The AccessibilityCheck box that reads: ignore font sizes I have done-what a nightmare I feel like I´m back to square one again now! I have no idea where to start to sort out the problem the cl div (which is the offending one) is floated right. The only tools I have knowledge of are clear for this case. I will try clearing right and clearing left and clearing both and see what happens. - Take the Internet to Go: Yahoo!Go puts the Internet in your pocket: mail, news, photos more. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
[css-d] Site Check Please
Hey everyone, I just released my site for my design studio, if anyone is willing, can you test it out? I'm pretty much looking for visual errors. (I tested it in pretty much everything standard on a PC, but no mac or linux). I would also love any other feedback (if OT, please keep off-list) you may offer. I have plenty of experience with standards and CSS/XHTML and usability, but we can all learn more! http://www.phazm.com/ Thank You, - Jon Hughes __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site Check Please
Jon Hughes wrote: I just released my site for my design studio, if anyone is willing, can you test it out? I'm pretty much looking for visual errors. (I tested it in pretty much everything standard on a PC, but no mac or linux). http://www.phazm.com/ - Jon Hughes re: safari/camino Nice visual. In the nit-picking category: -- Short page shift at upper screen resolution -- A little breaking of your name and the top paragraph and the footer at +2 --No page title or navigqation if images are disabled Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
[css-d] site check please
http://www.intheholler.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] site check please
On 15/07/2007 12:19, Stephen Oravec wrote: http://www.intheholler.com Win XP - FF 2.0.0.4 - fine Opera 9.20 - fine IE6 - not fine. 1. The darker green borders on the headings e.g. What's New are very thick. They look ~1em thick. 2. The right-hand side column moves beneath the left-hand side column, and starts right after the middle column ends. I'm thinking this is because your wrapper div is not wide enough in IE6. Possibly a manifestation of the 3px gutter bug? -- http://antanova.blogspot.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] site check please
On 15/07/2007 12:19, Stephen Oravec wrote: http://www.intheholler.com Win XP - FF 2.0.0.4 - fine Opera 9.20 - fine IE6 - not fine. 1. The darker green borders on the headings e.g. What's New are very thick. They look ~1em thick. 2. The right-hand side column moves beneath the left-hand side column, and starts right after the middle column ends. I'm thinking this is because your wrapper div is not wide enough in IE6. Possibly a manifestation of the 3px gutter bug? -- http://antanova.blogspot.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] site check please
IE6...Lots of scrolling to do here. If the Links col.was placed directly under the Nav. col. (it is now to the left and under 'What's New ') it would reduce the vertical scrolling. If the Header and the Footer widths were reduced to the(approx.) combined widths of Nav. and What's New cols. horizontal scrolling would be reduced. I found the Header text a bit difficult to read. Ernie. :) From: Stephen Oravec [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Subject: [css-d] site check please Date: Sun, 15 Jul 2007 07:19:53 -0400 http://www.intheholler.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/ _ http://liveearth.msn.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site check please
Gary Benson wrote: My rationale for only putting a couple of questions in the Find out more box was so the reader wasn't bombarded with information. There's only five questions on the site now, but I plan to write several more. Rather than putting all the questions on every page, how would it be if I put a Show more questions... link at the bottom of the Find out more boxes? Do you think that might work? Gary - I think that would have helped me, especially if it was written Show all questions, so I know I am seeing all available options as opposed to another select grouping. (I like seeing all of my options at once.) If I clicked on that, what would happen? Dagmar __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site check please
Dagmar Noll wrote: Gary Benson wrote: My rationale for only putting a couple of questions in the Find out more box was so the reader wasn't bombarded with information. There's only five questions on the site now, but I plan to write several more. Rather than putting all the questions on every page, how would it be if I put a Show more questions... link at the bottom of the Find out more boxes? Do you think that might work? I think that would have helped me, especially if it was written Show all questions, so I know I am seeing all available options as opposed to another select grouping. (I like seeing all of my options at once.) Cool, I'll do that then. If I clicked on that, what would happen? It would just be a link to the same page that's in the navigation bar. Thanks for your help, Gary -- Bath shiatsu -- http://www.relaxshiatsu.co.uk/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
[css-d] Site check please
Hi all, Could I trouble you for site check of http://www.relaxshiatsu.co.uk/ please? I use Firefox on Linux so Windows and Mac checks are especially welcome, as are any general comments and suggestions you may have. If it helps, this is what I see when I look at it: http://www.relaxshiatsu.co.uk/links/70f13fd1.png Thanks in advance, Gary -- Bath shiatsu -- http://www.relaxshiatsu.co.uk/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site check please
On Jul 11, 2007, at 9:20 AM, Gary Benson wrote: Hi all, Could I trouble you for site check of http://www.relaxshiatsu.co.uk/ please? I use Firefox on Linux so Windows and Mac checks are especially welcome, as are any general comments and suggestions you may have. If it helps, this is what I see when I look at it: http://www.relaxshiatsu.co.uk/links/70f13fd1.png Thanks in advance, Gary -- Bath shiatsu -- http://www.relaxshiatsu.co.uk/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/ Hi Gary, It looks good in FF 2.0.0.4 (Mac) and Safari 2.0.4. Nice and clean. Mark __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site check please
Gary Benson wrote: Hi all, Could I trouble you for site check of http://www.relaxshiatsu.co.uk/ please? I use Firefox on Linux so Windows and Mac checks are especially welcome, as are any general comments and suggestions you may have. If it helps, this is what I see when I look at it: http://www.relaxshiatsu.co.uk/links/70f13fd1.png Thanks in advance, Gary -- Bath shiatsu -- http://www.relaxshiatsu.co.uk/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/ Hi Gary, Looks as good in FF/Win as it does for Linux. In IE7/Win, it looks 'pretty' good, but there's an issue with the curve at the lower left of your content area. screenshot: http://www.swhi.net/css-d/relaxshiatsu.jpg Hope this helps. Regards, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site check please
Mark Wheeler [EMAIL PROTECTED] wrote: On Jul 11, 2007, at 9:20 AM, Gary Benson wrote: Hi all, Could I trouble you for site check of http://www.relaxshiatsu.co.uk/ please? I use Firefox on Linux so Windows and Mac checks are especially welcome, as are any general comments and suggestions you may have. If it helps, this is what I see when I look at it: http://www.relaxshiatsu.co.uk/links/70f13fd1.png Thanks in advance, Gary -- Bath shiatsu -- http://www.relaxshiatsu.co.uk/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/ Hi Gary, It looks good in FF 2.0.0.4 (Mac) and Safari 2.0.4. Nice and clean. Mark __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/ Hi Gary it looks like this in IE http://216.219.94.105/shiatsu.JPG - Get the free Yahoo! toolbar and rest assured with the added security of spyware protection. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site check please
Gary Benson wrote: Hi all, Could I trouble you for site check of http://www.relaxshiatsu.co.uk/ please? I use Firefox on Linux so Windows and Mac checks are especially welcome, as are any general comments and suggestions you may have. Looks great Gary. The curve problem that Ray mentioned is also appearing in IE6 Windows--just so you know that is only happening on your home page. All interior pages look fine. You might already be aware but you do have one error in your CSS. Other than that it looks good in Firefox 2, Opera 9.2 and Safari for Windows. Matthew -- www.ohlman.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site check please
--- Gary Benson [EMAIL PROTECTED] wrote: Hi all, Could I trouble you for site check of http://www.relaxshiatsu.co.uk/ please? I use Firefox on Linux so Windows and Mac checks are especially welcome, as are any general comments and suggestions you may have. If it helps, this is what I see when I look at it: http://www.relaxshiatsu.co.uk/links/70f13fd1.png Thanks in advance, Gary Hi Gary, Looks good in Windows FF, Safari Mac FF but not in IE 6 7. Here is a link to the jpg of IE 7: http://eliazer.com/relaxshiatsu.jpg As Ray stated there is something wrong with the corners in the top bottom right - they are out of alignment and also if you look closely the alignment of the image list markers is off with the text. Further more in IE 6 the Home | Questions links and the photo of flower do not show up. And if I might add, on a personal note, I think you should keep the navigation at the bottom of page in the Find Out More section, consistent. I think it's confusing for the user for the links to be shifting from page to page. You should offer all links to all your questions, even if you have a link to the Questions at the top. Hope this helps. Elli Choose the right car based on your needs. Check out Yahoo! Autos new Car Finder tool. http://autos.yahoo.com/carfinder/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site check please
Gary Benson a écrit : Hi all, Could I trouble you for site check of http://www.relaxshiatsu.co.uk/ please? I use Firefox on Linux so Windows and Mac checks are especially welcome, as are any general comments and suggestions you may have. If it helps, this is what I see when I look at it: http://www.relaxshiatsu.co.uk/links/70f13fd1.png Thanks in advance, Gary Looks well in all Mac browsers excepts Internet Exploder. Maybe .topRightPhoto {form.css (line 49) float:right; padding-bottom:15px; padding-left:15px; } needs a relative position ? Anyway the text goes after this div. By the way, why you use zoom ? Sorry, but I don't understand. #findOutMore { zoom: 1; } Cordialement Luis __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site check please
Hi all, Could I trouble you for site check of http://www.relaxshiatsu.co.uk/ please? I use Firefox on Linux so Windows and Mac checks are especially welcome, as are any general comments and suggestions you may have. If it helps, this is what I see when I look at it: http://www.relaxshiatsu.co.uk/links/70f13fd1.png Thanks in advance, Gary Hi Gary, After seeing the IE6 photos, it looks like you are battling the .png transparency problem in IE6. Have a look at google with: png internet explorer transparency That ought to get you started. Mark __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site check please
I think you should keep the navigation at the bottom of page in the Find Out More section, consistent. I think it's confusing for the user for the links to be shifting from page to page. You should offer all links to all your questions, even if you have a link to the Questions at the top. I agree. I browsed the site focusing on the flow from one page to the next, and became quickly conflicted as to how to proceed as the question list changed. I clicked on one question, read the answer, and then was conflicted as to whether I wanted to click back to the second question on the previous page, or use the navigation below. Would I ever see that original question again?, I wondered. I was trying to keep track of what questions I had read and where questions of interest were located earlier in my click path. That was disorienting until I figured out I could click Questions for a full list of questions. I do like the visual design. Crisp, clean. Lovely. Best, Dagmar __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site check please
Matthew Ohlman wrote: Gary Benson wrote: Could I trouble you for site check of http://www.relaxshiatsu.co.uk/ please? I use Firefox on Linux so Windows and Mac checks are especially welcome, as are any general comments and suggestions you may have. Looks great Gary. The curve problem that Ray mentioned is also appearing in IE6 Windows--just so you know that is only happening on your home page. All interior pages look fine. You might already be aware but you do have one error in your CSS. Do you mean the zoom thing, or something else? Cheers, Gary __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site check please
Luis Speciale wrote: Gary Benson a écrit : Could I trouble you for site check of http://www.relaxshiatsu.co.uk/ please? [snip] By the way, why you use zoom ? Sorry, but I don't understand. #findOutMore { zoom: 1; } It forces hasLayout on the #findOutMore div which stops it extending under the photo on the main page. http://archivist.incutio.com/viewlist/css-discuss/90171 Cheers, Gary __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site check please
Dagmar Noll wrote: Elli Vizcaino wrote: I think you should keep the navigation at the bottom of page in the Find Out More section, consistent. I think it's confusing for the user for the links to be shifting from page to page. You should offer all links to all your questions, even if you have a link to the Questions at the top. I agree. I browsed the site focusing on the flow from one page to the next, and became quickly conflicted as to how to proceed as the question list changed. I clicked on one question, read the answer, and then was conflicted as to whether I wanted to click back to the second question on the previous page, or use the navigation below. Would I ever see that original question again?, I wondered. I was trying to keep track of what questions I had read and where questions of interest were located earlier in my click path. That was disorienting until I figured out I could click Questions for a full list of questions. That's an interesting point. My rationale for only putting a couple of questions in the Find out more box was so the reader wasn't bombarded with information. There's only five questions on the site now, but I plan to write several more. Rather than putting all the questions on every page, how would it be if I put a Show more questions... link at the bottom of the Find out more boxes? Do you think that might work? I do like the visual design. Crisp, clean. Lovely. Wow, thanks! :D Cheers, Gary __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site Check Please
Hallo Matthew, I hope this delay response helps to further reaffirm the advice given so far... For what its worth, I am one of those folks using an iMac Flat panel 800Ghz. I have IE 5.2Mac and have never used it personally, other than when I was checking site I was building. IE5 Mac was just a big fat pain in the Derry Air, and I would have no qualms in saying to you, the number of people with Macs who would still be using it, well, you could count them on the fingers of my left hand. Can you see my left hand from where you are? (O: Cheers, Tigdh P.S. Thanks again to all on this site who are all helping me immensely. On 26/6/07 1:45 AM, Matthew Ohlman [EMAIL PROTECTED] wrote: Jason, Ingo, and David, Thanks so much for your input and time. I made a few of the changes you suggested, but I don't guess I will go to far trying to support for IE/Mac. I guess the number of users using that combination would be slim these days, plus I don't think I will get very far without having easy access to a Mac! :-D Thanks again, Matthew __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/ -- Timothy Gleeson [ p. 6334 2631 m. 0434 249 753 e. [EMAIL PROTECTED] ] Po Box 128 Newstead Tasmania 7250 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site Check Please
David Laakso wrote: Matthew Ohlman wrote: ... I would especially appreciate a review of IE on Mac if possible since I do not have access to a Mac. General comments and suggestions are very much appreciated if you have any. The site is: http://www.ohlman.com/sldc/index.html IE Mac: in general: if you need to support IE-Mac, buy a Mac :) and read Philippe's IE-Mac bugs and oddities pages. http://www.l-c-n.com/IE5tests/ 1) Several background-images are missing, therefore, the menu is not usable. - don't use single quotes 2) right column drops down - if you, for some reasons, don't want to filter the IE-Win Hacks per Conditional Comments: Note that * html is read by IE-Mac too. Use the IE-Mac commented backslash hack to hide your * html rules from IE-Mac. Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site Check Please
Ingo Chao wrote: IE Mac: in general: if you need to support IE-Mac, buy a Mac :) and read Philippe's IE-Mac bugs and oddities pages. http://www.l-c-n.com/IE5tests/ Lol - yes read them, and buy a Mac. [...] 2) right column drops down - if you, for some reasons, don't want to filter the IE-Win Hacks per Conditional Comments: Note that * html is read by IE-Mac too. Use the IE-Mac commented backslash hack to hide your * html rules from IE-Mac. or more robust: wrap your things in an @media filter. @media screen { /* my beautiful hacks */ } Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site Check Please
Matthew Ohlman wrote: Good Evening CSS-D, I was hoping someone could give me a quick site check on the following design. I would especially appreciate a review of IE on Mac if possible since I do not have access to a Mac. General comments and suggestions are very much appreciated if you have any. The site is: http://www.ohlman.com/sldc/index.html Thanks so much in advance, Matthew Personally, I think that IE/Mac is such an esoteric and combination that it would be acceptable to serve IE on Mac a reset stylesheet, or just serve unstyled. So long as any user with that OS/Browser combo is able to access the content you're OK. You'd be unlucky to have a user with the Mac/IE combo anyway, IMO. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site Check Please
Jason, Ingo, and David, Thanks so much for your input and time. I made a few of the changes you suggested, but I don't guess I will go to far trying to support for IE/Mac. I guess the number of users using that combination would be slim these days, plus I don't think I will get very far without having easy access to a Mac! :-D Thanks again, Matthew __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site Check Please
Matthew, Thought I'd chip in. I've been using a Mac for years, and not even I know how to get hold of a Mac with IE5 now. Microsoft ditched it years ago. I think it was out on some of the first builds of OSX and on old OS9. If I was developing Google I'd develop for it, but if it's for a smaller site (not to demean), switch styles off or do a browser check and tell 'em to go get Safari or Firefox. Marcus Jason, Ingo, and David, Thanks so much for your input and time. I made a few of the changes you suggested, but I don't guess I will go to far trying to support for IE/Mac. I guess the number of users using that combination would be slim these days, plus I don't think I will get very far without having easy access to a Mac! :-D Thanks again, Matthew __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
[css-d] Site Check please in IE and Safari problem
Hi Everyone Could someone do a site check in Internet Explorer please I think there are some spacing issues. I'm also not seeing the colour specified in the navigation on mouse over - works fine in firefox and Opera any suggestions please I've also put a random Image generator on the portfolio page, is there a way to get this to validate? http://www.philturner-uk.com/phil/portfolio.html Thanks Phil Turner FREELANCE DESIGNER TEL: 0161 439 1669 Chartered Graphic Designer MCSD BA Hons [EMAIL PROTECTED] http://www.philturner-uk.com NEW BOOK - YOUR PLANET NEEDS YOU http://www.yourplanetneedsyou.org P Please consider the environment before printing this email. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site Check please in IE and Safari problem
Hi Phil, Phil Turner wrote: Hi Everyone Could someone do a site check in Internet Explorer please I think there are some spacing issues. I'm also not seeing the colour specified in the navigation on mouse over - works fine in firefox and Opera any suggestions please I don't see spacing issues but your .png issues aren't displaying correctly. I think there was a thread on the list about that this morning. I have uploaded screen shots for you to see. I am using IE 6.0 on Windows XP Home. The screen shots are: http://www.ohlman.com/css-d/phil1.gif http://www.ohlman.com/css-d/phil2.gif I've also put a random Image generator on the portfolio page, is there a way to get this to validate? Try putting your JS into a seperate file and call it into the document like this: script language=javascript type=text/javascript src=ticker.js/script I think that may take care of the validation problem, but I'm not 100% sure. Matthew __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site Check please in IE and Safari problem
Phil Turner wrote: Hi Everyone Could someone do a site check in Internet Explorer please I think there are some spacing issues. I'm also not seeing the colour specified in the navigation on mouse over - works fine in firefox and Opera any suggestions please Phil, Looking closer I see your color on the nav, but a gap (looks like a margin or padding is declared) on hover. See screenshot. http://www.ohlman.com/css-d/phil3.gif HTH Matthew __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
[css-d] Site Check Please
Good Evening CSS-D, I was hoping someone could give me a quick site check on the following design. I would especially appreciate a review of IE on Mac if possible since I do not have access to a Mac. General comments and suggestions are very much appreciated if you have any. The site is: http://www.ohlman.com/sldc/index.html Thanks so much in advance, Matthew __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
[css-d] Site Check Please
Good Evening CSS-D, I was hoping someone could give me a quick site check on the following design. I would especially appreciate a review of IE on Mac if possible since I do not have access to a Mac. General comments and suggestions are very much appreciated if you have any. The site is: http://www.ohlman.com/sldc/index.html Thanks so much in advance, Matthew __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site Check Please
Matthew Ohlman wrote: Good Evening CSS-D, I was hoping someone could give me a quick site check on the following design. I would especially appreciate a review of IE on Mac if possible since I do not have access to a Mac. General comments and suggestions are very much appreciated if you have any. The site is: http://www.ohlman.com/sldc/index.html Thanks so much in advance, Matthew Nice visual. No got Mac/IE. Power users on compliant browsers /may/ break it with heavy-hand font-scaling regardless of the OS. IE7.0 holds. IE6.0 drops the right column float at text-size largest. Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
[css-d] Site Check Please Footer Problem
Good Morning; I have very slowly learned how to use CSS for text formating etc. and use those techniques on most of my new pages. I have now created my first CSS layout page and would appreciatesome feedback from the experts before converting hundreds of pages. Please take a look at http://www.drdelmath.com/essays/reading_mathematics/css_reading_mathematics_tip1.htm and http://www.drdelmath.com/essays/reading_mathematics/css_copyright_page.html with style sheets http://www.drdelmath.com/essays/style_sheet_essays_normal.css and http://www.drdelmath.com/essays/style_sheet_essays_projection.css All the strange colors are simply to show me where various block elements are located -- that will get changed. In view of that please point out any errors and bad practices. The projection style sheet is identical to the normal style sheet except for font sizes. Notice the footer (copyright) location on the two pages. Its location is okay when there is a lot of text in the content div ( as on the css_copyright_page.html). On short pages (like css_reading_mathematics_tip1.htm) I would prefer to have the footer appear at the bottom of the window not at the bottom of the text. How can I force the footer to the bottom of the window when the amount of text is small? The same problem occurrs with printing -- the footer appears at the end of text rather than bottom of the last page. Can I fix this with CSS? My next step will be to replace the menu with a fly-out menu. Thanks for any suggestions. Del [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
[css-d] Site check, please -- two small problems
Hi folks, I would appreciate it if anyone interested would quickly scan through http://ids.mediumcool.com. I think most cross-browser issues are solved -- except for two. First, on any page below the home page, there is a bread crumb trail. In IE6 and 7, the first link in the trail -- Home -- is not activated as a link. Viewing the source shows that the a tag is in place and correct, and Safari and Firefox have no problem with it. The problem is caused by an IE conditional statement that moves the breadcrumb to the left. I don't know why the move would disable the link, but it seems to. If someone can explain to me a way to make IE align the breadcrumbs as they are in Firefox without the conditional, I'd love it. Second, I am using the son of Suckerfish menus. In Safari, when you move over a choice to reveal the submenu, things appear okay -- until you move onto one of the submenu's choices. Then the list item expands, showing more width to the right, and that extended area remains visible even after the submenu is closed. This must be a CSS error on my part, but I can't figure it out. Unfortunately, since the site is almost finished, the CSS is linked, not embedded - except for IE conditionals. But you can find the style sheet itself at http://ids.mediumcool.com/styles/ids.css. Thanks in advance for your help. -- Thanks, Tom Tom McNeer MediumCool http://www.mediumcool.com 1735 Johnson Road NE Atlanta, GA 30306 404.589.0560 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site check, please -- two small problems
See this Tom, http://htmlfixit.com/?p=1013 The advice there should fix your son of suckerfish issue I suspect. Don Second, I am using the son of Suckerfish menus. In Safari, when you move over a choice to reveal the submenu, things appear okay -- until you move onto one of the submenu's choices. Then the list item expands, showing more width to the right, and that extended area remains visible even after the submenu is closed. This must be a CSS error on my part, but I can't figure it out. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site check, please -- two small problems
At 10:15 AM 5/30/2007, you wrote: I would appreciate it if anyone interested would quickly scan through http://ids.mediumcool.com. Hi Tom, I'm sorry but I'm not going to be able to help you with your problem but I did want to mention that the one red guy in the background ... very clever idea! If you hadn't planned on doing so, you might want to work on some validating - got some pages that aren't. That might help you w/your issues as well. ÷÷÷ ÷÷÷ ÷ ÷÷÷ Deb Designer @ Digital Mouse Designs com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site check, please -- two small problems
Tom McNeer wrote: Hi folks, I would appreciate it if anyone interested would quickly scan through http://ids.mediumcool.com. I think most cross-browser issues are solved -- except for two. First, on any page below the home page, there is a bread crumb trail. In IE6 and 7, the first link in the trail -- Home -- is not activated as a link. Viewing the source shows that the a tag is in place and correct, and Safari and Firefox have no problem with it. The problem is caused by an IE conditional statement that moves the breadcrumb to the left. I don't know why the move would disable the link, but it seems to. If someone can explain to me a way to make IE align the breadcrumbs as they are in Firefox without the conditional, I'd love it. Have you tried putting the breadcrumb trail in a div instead of a span? I'm wondering if IE is getting hung up on the repositioning of an inline element. Your span seems like a block level element anyway, so maybe using a div would give you better results. Lori __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] Site check, please -- two small problems
Tom McNeer wrote: Deb, Thanks for the compliment. As far as validation goes, are you referring to HTML or CSS validation? The W3C CSS validator simply throws a servlet error, and has been doing so for a long time; so I haven't been able to validate the CSS, although it's not different from page to page. If you could give me some general idea of what sort of validation errors you received, I'd appreciate it. Lori, Actually, I took the breadcrumb trail out of a div because of weird IE behavior. If I turn it into a div, the div itself is positioned correctly, but for some reason the text inside is indented about 10 pixels. Firebug reports no padding on the element, either specified or inherited. ??? When you make it a span, the text and element are both positioned to the right, corrected by the conditional padding -- but disabling the link. -- Thanks, Tom Tom, There are several bugs in your stylesheet. For one, there's a missing semi-colon on the last rule in the wrapperBorder definition. If you're using Firefox, the new error console has a CSS section which will show all the CSS errors - and there are quite a few. If you have the new error console, open it from the Tools menu and pick the CSS tab in the second row of menu options, starting with JS. Maybe you should get your CSS fixed up before we start messing around with spans and divisions... Lori __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] site check please, picture links added
http://test.fatpawdesign.com/ Sorry about lack of clarity regarding problem. Above URL links to page with picture links that show what I mean. Cheers, Peter - Original Message - From: Peter Hyde-Smith [EMAIL PROTECTED] Subject: [css-d] site check please,need help with lower nav in header in IE7/WIN XP http://test.fatpawdesign.com/purm/purm.aminepolyols.html http://test.fatpawdesign.com/purm/purmbaseformatcss.css http://test.fatpawdesign.com/purm/purmpagecss.css In FF and Opera in Win XP; and in FF, Opera, and IE6 in Win2K the h3.titlerow clears the floated dl#pagenav above it, so the blue background of it and the blue background of the a.youarehere nav tab appear as a unit, and the rest of the dl#pagenav shows the #111 background behind it. In IE7 in Win XP the h3.titlerow does not clear the floated dl#pagenav. Its height seems to extend to the bottom of the h3Raw Material Guide - Polyols/h3 above, and its blue background shows through dl#pagenav. Any suggestions? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] site check please, picture links added
Peter Hyde-Smith wrote: http://test.fatpawdesign.com/ Above URL links to page with picture links that show what I mean. I suggest you add a 'hasLayout' trigger... #pageheader {height: 100%;} ...but I can't check if that'll make IE7 clear properly. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] site check please, picture links added
- Original Message - From: Gunlaug Sørtun [EMAIL PROTECTED] To: Peter Hyde-Smith [EMAIL PROTECTED] Cc: [EMAIL PROTECTED] Sent: Sunday, April 15, 2007 11:35 AM Subject: Re: [css-d] site check please, picture links added Peter Hyde-Smith wrote: http://test.fatpawdesign.com/ Above URL links to page with picture links that show what I mean. I suggest you add a 'hasLayout' trigger... #pageheader {height: 100%;} ...but I can't check if that'll make IE7 clear properly. regards Georg -- http://www.gunlaug.no Georg: Thanks. That did it. Ever tempted to put at the begining of the CSS declarations, *{height: 100%;} :-) Cheers, Peter __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
Re: [css-d] site check please, picture links added
Peter Hyde-Smith wrote: Ever tempted to put at the begining of the CSS declarations, *{height: 100%;} 'hasLayout' is not a cure - it's _the_ disease, so I would only try that in cases where IE works flawless and I'm really, really, bored ;-) Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
[css-d] Site check please - concerns about clearing floats, and internet explorer (all versions)
Hi, Please spare a moment and help me with my site tests. I have been trying to clear floats in the main content. It has worked on all the browsers listed below except i.e. 5.2-mac. http://www.3pointdesign.com/ http://www.3pointdesign.com/styles/one.css Safari 2.0.4 Firefox mozilla 1.5.0.9 Webkit (safari) Netscape 7.2 Opera 9.10 Internet explorer 5.2 all mac browsers. The website looks just the way I want in all of the above browsers except Internet Explorer. It is an old version and I am not too fussed, however I am of course very concerned that it is coming out ok on pc - especially i.e. 6+ If anyone has an idea of why i.e. 5 .2 on the mac is making such a cock up of it then please let me know. Please link me to a better method of rounded corners to get this effect if you know of one. Is my method of clearing the bottom of floated images ok? All advice and criticisms are welcome. If my code does not validate it is because of trying to embed the flash. I spent all morning trying to find a way that validates wc3, but had no luck. Is flash a big problem for wc3 validation? - apologies if off topic. Best wishes, chris Christopher Blake [EMAIL PROTECTED] 07816163420 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/