Re: [css-d] site review: hydrogeologist
I believe content is king and should precede navigation in the html. ... unless you're using a screen reader, then you'll need to go to the bottom of the page to access the navigation. This is why they have skip links. As for the long words not wrapping, why not use: word-wrap: break-word; Greg -Original Message- From: David Laakso [mailto:laakso.davi...@gmail.com] Sent: Tuesday, July 09, 2013 5:59 PM To: CSS Discuss Cc: Greg Gamble Subject: Re: [css-d] site review: hydrogeologist On Tue, Jul 9, 2013 at 6:36 PM, Greg Gamble ggam...@sbctc.edu wrote: Curious on why you placed the Navigation at the bottom of the page? I believe content is king and should precede navigation in the html. Also, why are you using all of the soft hyphens ... #x00ad; ? Not all of them are necessary but primarily because font-scaling in mobile hand-sets causes long words to break the outermost containing block [producing horizontal page wiggle ]. In plain English one has to scroll both horizontally and vertically to read the text. And using -moz-hyphens:auto;-ms-hyphens:auto;-o;webkit-hyphens:auto;hyphens:auto; is not even close to being ready for prime-time. Best, David Laakso __ css-discuss [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/
Re: [css-d] site review: hydrogeologist
Le 11 juil. 2013 à 22:54, Greg Gamble ggam...@sbctc.edu a écrit : As for the long words not wrapping, why not use: word-wrap: break-word; That is a horrible solution in general for 'western' text as it breaks words at any arbitrary point, without respect for grammar and word-breaking rules; it might work in very controlled environments, eventually. Or for 'western' text strings embedded inside CJK text. http://dev.w3.org/csswg/css-text/#word-break Philippe -- Philippe Wittenbergh http://l-c-n.com __ css-discuss [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/
Re: [css-d] site review: hydrogeologist
I wouldn't say its horrible, but you are correct in where the breaks happen, if they happen. It's usually not an issue if your container is sized to fit the text. And what is Western text embedded inside CJK text? Greg -Original Message- From: Philippe Wittenbergh [mailto:e...@l-c-n.com] Sent: Thursday, July 11, 2013 7:02 AM To: Greg Gamble Cc: CSS Discuss Subject: Re: [css-d] site review: hydrogeologist Le 11 juil. 2013 à 22:54, Greg Gamble ggam...@sbctc.edu a écrit : As for the long words not wrapping, why not use: word-wrap: break-word; That is a horrible solution in general for 'western' text as it breaks words at any arbitrary point, without respect for grammar and word-breaking rules; it might work in very controlled environments, eventually. Or for 'western' text strings embedded inside CJK text. http://dev.w3.org/csswg/css-text/#word-break Philippe -- Philippe Wittenbergh http://l-c-n.com __ css-discuss [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/
Re: [css-d] site review: hydrogeologist
On Thu, Jul 11, 2013 at 10:37 AM, Greg Gamble ggam...@sbctc.edu wrote: And what is Western text embedded inside CJK text? Greg Chinese, Japanese, and Korean. Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com __ css-discuss [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/
Re: [css-d] site review: hydrogeologist
Works good on the desktop, but now on my iPhone the shaded buttons dont appear, it just stretches the flat buttons to the width of the landscape. FYI. But it doesn't look bad. Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Jul 10, 2013, at 12:54 AM, David Laakso wrote: On Tue, Jul 9, 2013 at 10:57 PM, Philippe Wittenbergh e...@l-c-n.com wrote: Le 10 juil. 2013 à 04:46, Karl DeSaulniers k...@designdrumm.com a écrit : Take a look at it on a phone browser. I have an iPhone 5 using safari. View portrait first then rotate to landscape. The top nav (for me) is overlapping the header text. It is a bug in Safari 6.0x and the equivalent Mobile Safari on iOS 6.x (and maybe older versions of Safari, haven't tested). That is fixed in Safari.next. I think toggling between 'block' and 'inline-block' on the li instead of the b and a kids will work better. Keep the latter two as 'block' the whole time. Philippe re: http://ccstudi.com/rum/ Bingo! That's the ticket to ride. Thank you, Philippe. Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com __ css-discuss [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 [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-d] site review: hydrogeologist
Constructive comments and suggestions on this responsive layout appreciated. http://ccstudi.com/rum/ css http://ccstudi.com/rum/r/r.css Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com __ css-discuss [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/
Re: [css-d] site review: hydrogeologist
Take a look at it on a phone browser. I have an iPhone 5 using safari. View portrait first then rotate to landscape. The top nav (for me) is overlapping the header text. Best, Karl Sent from losPhone On Jul 9, 2013, at 1:53 PM, David Laakso laakso.davi...@gmail.com wrote: Constructive comments and suggestions on this responsive layout appreciated. http://ccstudi.com/rum/ css http://ccstudi.com/rum/r/r.css Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com __ css-discuss [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 [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/
Re: [css-d] site review: hydrogeologist
Same on chrome for iPhone. Best, Karl Sent from losPhone On Jul 9, 2013, at 2:46 PM, Karl DeSaulniers k...@designdrumm.com wrote: Take a look at it on a phone browser. I have an iPhone 5 using safari. View portrait first then rotate to landscape. The top nav (for me) is overlapping the header text. Best, Karl Sent from losPhone On Jul 9, 2013, at 1:53 PM, David Laakso laakso.davi...@gmail.com wrote: Constructive comments and suggestions on this responsive layout appreciated. http://ccstudi.com/rum/ css http://ccstudi.com/rum/r/r.css Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com __ css-discuss [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 [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 [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/
Re: [css-d] site review: hydrogeologist
No skip links Heading tags are not in order. You start with an H2, go to an H1, then to an H5 and an H6. Alt tags for images are empty. Do the images have meaning, or are they used for filler? Same image in multiple locations on the same page. Hovering over a link shows a line above the link text, which can be confusing. Looks ok on a Nokia Lumia 928 w/WP8 using IE10 and UC Browser. Greg -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of David Laakso Sent: Tuesday, July 09, 2013 11:53 AM To: CSS Discuss Subject: [css-d] site review: hydrogeologist Constructive comments and suggestions on this responsive layout appreciated. http://ccstudi.com/rum/ css http://ccstudi.com/rum/r/r.css Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com __ css-discuss [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 [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/
Re: [css-d] site review: hydrogeologist
On Tue, Jul 9, 2013 at 3:46 PM, Karl DeSaulniers k...@designdrumm.com wrote: Take a look at it on a phone browser. I have an iPhone 5 using safari. View portrait first then rotate to landscape. The top nav (for me) is overlapping the header text. Best, Karl http://ccstudi.com/rum/ css http://ccstudi.com/rum/r/r.css Karl, overlap not seen [behaves as intended] when rotating from portrait to landscape in this particular iPhone 5 simulator http://iphone5simulator.com/ . However, what one gets on a simulator dose not always match what one sees on an actual device. Anyone else see the problem Karl wrote about on iPhone 5 and/or have a fix for same? Note that the nav is the last item in the html source and is absolute positioned in the css to the top of the page; consequently, there may in fact be some overlap in some small screen devices. Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com __ css-discuss [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/
Re: [css-d] site review: hydrogeologist
Take a look.. http://designdrumm.com/IMG_0164.PNG HTH, Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Jul 9, 2013, at 4:14 PM, David Laakso wrote: On Tue, Jul 9, 2013 at 3:46 PM, Karl DeSaulniers k...@designdrumm.com wrote: Take a look at it on a phone browser. I have an iPhone 5 using safari. View portrait first then rotate to landscape. The top nav (for me) is overlapping the header text. Best, Karl http://ccstudi.com/rum/ css http://ccstudi.com/rum/r/r.css Karl, overlap not seen [behaves as intended] when rotating from portrait to landscape in this particular iPhone 5 simulator http://iphone5simulator.com/ . However, what one gets on a simulator dose not always match what one sees on an actual device. Anyone else see the problem Karl wrote about on iPhone 5 and/or have a fix for same? Note that the nav is the last item in the html source and is absolute positioned in the css to the top of the page; consequently, there may in fact be some overlap in some small screen devices. Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com __ css-discuss [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/
Re: [css-d] site review: hydrogeologist
iOS 6.1.4 - build 10B350 using safari and chrome does same thing. Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Jul 9, 2013, at 4:35 PM, Karl DeSaulniers wrote: Take a look.. http://designdrumm.com/IMG_0164.PNG HTH, Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Jul 9, 2013, at 4:14 PM, David Laakso wrote: On Tue, Jul 9, 2013 at 3:46 PM, Karl DeSaulniers k...@designdrumm.com wrote: Take a look at it on a phone browser. I have an iPhone 5 using safari. View portrait first then rotate to landscape. The top nav (for me) is overlapping the header text. Best, Karl http://ccstudi.com/rum/ css http://ccstudi.com/rum/r/r.css Karl, overlap not seen [behaves as intended] when rotating from portrait to landscape in this particular iPhone 5 simulator http://iphone5simulator.com/ . However, what one gets on a simulator dose not always match what one sees on an actual device. Anyone else see the problem Karl wrote about on iPhone 5 and/or have a fix for same? Note that the nav is the last item in the html source and is absolute positioned in the css to the top of the page; consequently, there may in fact be some overlap in some small screen devices. Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com __ css-discuss [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 [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/
Re: [css-d] site review: hydrogeologist
On Tue, Jul 9, 2013 at 5:35 PM, Karl DeSaulniers k...@designdrumm.com wrote: Take a look.. http://designdrumm.com/IMG_0164.PNG HTH, Best, Karl DeSaulniers re: http://ccstudi.com/rum/ Thanks for the screen shots. I have modified the CSS. Please open in iPhone 5 portrait mode. Rotate to landscape. Reload the device or tap any of the three bunched up links. Does iPhone 5 landscape recover, now? Thanks Karl. Best, David Laakso __ css-discuss [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/
Re: [css-d] site review: hydrogeologist
Yes and no. If I load the page as landscape they work, but if I load the page as portrait and then go to landscape they dont. maybe try a diplay:inline instead of block on the ul Karl DeSaulniers Design Drumm http://designdrumm.com On Jul 9, 2013, at 4:59 PM, David Laakso wrote: On Tue, Jul 9, 2013 at 5:35 PM, Karl DeSaulniers k...@designdrumm.com wrote: Take a look.. http://designdrumm.com/IMG_0164.PNG HTH, Best, Karl DeSaulniers re: http://ccstudi.com/rum/ Thanks for the screen shots. I have modified the CSS. Please open in iPhone 5 portrait mode. Rotate to landscape. Reload the device or tap any of the three bunched up links. Does iPhone 5 landscape recover, now? Thanks Karl. Best, David Laakso __ css-discuss [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 [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/
Re: [css-d] site review: hydrogeologist
Or a display: list-item? Karl DeSaulniers Design Drumm http://designdrumm.com On Jul 9, 2013, at 5:10 PM, Karl DeSaulniers wrote: Or a display: list-item? On Jul 9, 2013, at 5:06 PM, Karl DeSaulniers wrote: Yes and no. If I load the page as landscape they work, but if I load the page as portrait and then go to landscape they dont. maybe try a diplay:inline instead of block on the ul Karl DeSaulniers Design Drumm http://designdrumm.com On Jul 9, 2013, at 4:59 PM, David Laakso wrote: On Tue, Jul 9, 2013 at 5:35 PM, Karl DeSaulniers k...@designdrumm.com wrote: Take a look.. http://designdrumm.com/IMG_0164.PNG HTH, Best, Karl DeSaulniers re: http://ccstudi.com/rum/ Thanks for the screen shots. I have modified the CSS. Please open in iPhone 5 portrait mode. Rotate to landscape. Reload the device or tap any of the three bunched up links. Does iPhone 5 landscape recover, now? Thanks Karl. Best, David Laakso __ css-discuss [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 [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 [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/
Re: [css-d] site review: hydrogeologist
Same thing happens in safari on my desktop if I grab the right side of the browser and shrink the browser window. display: list-tiem on the ul element fixed it for me with inspect element on my desktop. HTH, Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Jul 9, 2013, at 5:11 PM, Karl DeSaulniers wrote: Or a display: list-item? Karl DeSaulniers Design Drumm http://designdrumm.com On Jul 9, 2013, at 5:10 PM, Karl DeSaulniers wrote: Or a display: list-item? On Jul 9, 2013, at 5:06 PM, Karl DeSaulniers wrote: Yes and no. If I load the page as landscape they work, but if I load the page as portrait and then go to landscape they dont. maybe try a diplay:inline instead of block on the ul Karl DeSaulniers Design Drumm http://designdrumm.com On Jul 9, 2013, at 4:59 PM, David Laakso wrote: On Tue, Jul 9, 2013 at 5:35 PM, Karl DeSaulniers k...@designdrumm.com wrote: Take a look.. http://designdrumm.com/IMG_0164.PNG HTH, Best, Karl DeSaulniers re: http://ccstudi.com/rum/ Thanks for the screen shots. I have modified the CSS. Please open in iPhone 5 portrait mode. Rotate to landscape. Reload the device or tap any of the three bunched up links. Does iPhone 5 landscape recover, now? Thanks Karl. Best, David Laakso __ css-discuss [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 [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 [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 [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/
Re: [css-d] site review: hydrogeologist
Curious on why you placed the Navigation at the bottom of the page? Also, why are you using all of the soft hyphens ... #x00ad; ? Greg -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of David Laakso Sent: Tuesday, July 09, 2013 2:14 PM To: CSS Discuss Cc: Karl DeSaulniers Subject: Re: [css-d] site review: hydrogeologist On Tue, Jul 9, 2013 at 3:46 PM, Karl DeSaulniers k...@designdrumm.com wrote: Take a look at it on a phone browser. I have an iPhone 5 using safari. View portrait first then rotate to landscape. The top nav (for me) is overlapping the header text. Best, Karl http://ccstudi.com/rum/ css http://ccstudi.com/rum/r/r.css Karl, overlap not seen [behaves as intended] when rotating from portrait to landscape in this particular iPhone 5 simulator http://iphone5simulator.com/ . However, what one gets on a simulator dose not always match what one sees on an actual device. Anyone else see the problem Karl wrote about on iPhone 5 and/or have a fix for same? Note that the nav is the last item in the html source and is absolute positioned in the css to the top of the page; consequently, there may in fact be some overlap in some small screen devices. Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com __ css-discuss [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 [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/
Re: [css-d] site review: hydrogeologist
Also might want to add to the ul element list-style-type: none; a dics is showing on safari on my desktop Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Jul 9, 2013, at 5:15 PM, Karl DeSaulniers wrote: Same thing happens in safari on my desktop if I grab the right side of the browser and shrink the browser window. display: list-tiem on the ul element fixed it for me with inspect element on my desktop. HTH, Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Jul 9, 2013, at 5:11 PM, Karl DeSaulniers wrote: Or a display: list-item? Karl DeSaulniers Design Drumm http://designdrumm.com On Jul 9, 2013, at 5:10 PM, Karl DeSaulniers wrote: Or a display: list-item? On Jul 9, 2013, at 5:06 PM, Karl DeSaulniers wrote: Yes and no. If I load the page as landscape they work, but if I load the page as portrait and then go to landscape they dont. maybe try a diplay:inline instead of block on the ul Karl DeSaulniers Design Drumm http://designdrumm.com On Jul 9, 2013, at 4:59 PM, David Laakso wrote: On Tue, Jul 9, 2013 at 5:35 PM, Karl DeSaulniers k...@designdrumm.com wrote: Take a look.. http://designdrumm.com/IMG_0164.PNG HTH, Best, Karl DeSaulniers re: http://ccstudi.com/rum/ Thanks for the screen shots. I have modified the CSS. Please open in iPhone 5 portrait mode. Rotate to landscape. Reload the device or tap any of the three bunched up links. Does iPhone 5 landscape recover, now? Thanks Karl. Best, David Laakso __ css-discuss [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 [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 [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 [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 [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/
Re: [css-d] site review: hydrogeologist
Also, if I might suggest on the nav links, placing at least one more space or padding on each side of the text inside the buttons with the shaded backgrounds. The text looks a little crammed in there. But not entirely necessary. Just my opinion. :) Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Jul 9, 2013, at 5:35 PM, Karl DeSaulniers wrote: Also might want to add to the ul element list-style-type: none; a dics is showing on safari on my desktop Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Jul 9, 2013, at 5:15 PM, Karl DeSaulniers wrote: Same thing happens in safari on my desktop if I grab the right side of the browser and shrink the browser window. display: list-tiem on the ul element fixed it for me with inspect element on my desktop. HTH, Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Jul 9, 2013, at 5:11 PM, Karl DeSaulniers wrote: Or a display: list-item? Karl DeSaulniers Design Drumm http://designdrumm.com On Jul 9, 2013, at 5:10 PM, Karl DeSaulniers wrote: Or a display: list-item? On Jul 9, 2013, at 5:06 PM, Karl DeSaulniers wrote: Yes and no. If I load the page as landscape they work, but if I load the page as portrait and then go to landscape they dont. maybe try a diplay:inline instead of block on the ul Karl DeSaulniers Design Drumm http://designdrumm.com On Jul 9, 2013, at 4:59 PM, David Laakso wrote: On Tue, Jul 9, 2013 at 5:35 PM, Karl DeSaulniers k...@designdrumm.com wrote: Take a look.. http://designdrumm.com/IMG_0164.PNG HTH, Best, Karl DeSaulniers re: http://ccstudi.com/rum/ Thanks for the screen shots. I have modified the CSS. Please open in iPhone 5 portrait mode. Rotate to landscape. Reload the device or tap any of the three bunched up links. Does iPhone 5 landscape recover, now? Thanks Karl. Best, David Laakso __ css-discuss [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 [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 [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 [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 [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 [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/
Re: [css-d] site review: hydrogeologist
On Tue, Jul 9, 2013 at 6:36 PM, Greg Gamble ggam...@sbctc.edu wrote: Curious on why you placed the Navigation at the bottom of the page? I believe content is king and should precede navigation in the html. Also, why are you using all of the soft hyphens ... #x00ad; ? Not all of them are necessary but primarily because font-scaling in mobile hand-sets causes long words to break the outermost containing block [producing horizontal page wiggle ]. In plain English one has to scroll both horizontally and vertically to read the text. And using -moz-hyphens:auto;-ms-hyphens:auto;-o;webkit-hyphens:auto;hyphens:auto; is not even close to being ready for prime-time. Best, David Laakso __ css-discuss [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/
Re: [css-d] site review: hydrogeologist
Le 10 juil. 2013 à 04:46, Karl DeSaulniers k...@designdrumm.com a écrit : Take a look at it on a phone browser. I have an iPhone 5 using safari. View portrait first then rotate to landscape. The top nav (for me) is overlapping the header text. It is a bug in Safari 6.0x and the equivalent Mobile Safari on iOS 6.x (and maybe older versions of Safari, haven't tested). That is fixed in Safari.next. I think toggling between 'block' and 'inline-block' on the li instead of the b and a kids will work better. Keep the latter two as 'block' the whole time. Philippe -- Philippe Wittenbergh http://l-c-n.com __ css-discuss [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/
Re: [css-d] site review: hydrogeologist
Except chrome on iOS 6 does it too. Haven't tested chrome on the desktop, but I will. Best, Karl Sent from losPhone On Jul 9, 2013, at 9:57 PM, Philippe Wittenbergh e...@l-c-n.com wrote: Le 10 juil. 2013 à 04:46, Karl DeSaulniers k...@designdrumm.com a écrit : Take a look at it on a phone browser. I have an iPhone 5 using safari. View portrait first then rotate to landscape. The top nav (for me) is overlapping the header text. It is a bug in Safari 6.0x and the equivalent Mobile Safari on iOS 6.x (and maybe older versions of Safari, haven't tested). That is fixed in Safari.next. I think toggling between 'block' and 'inline-block' on the li instead of the b and a kids will work better. Keep the latter two as 'block' the whole time. Philippe -- Philippe Wittenbergh http://l-c-n.com __ css-discuss [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 [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/
Re: [css-d] site review: hydrogeologist
Le 10 juil. 2013 à 12:59, Karl DeSaulniers k...@designdrumm.com a écrit : Except chrome on iOS 6 does it too. Haven't tested chrome on the desktop, but I will. Of course. Chrome on iOS uses the exact same rendering engine as Safari. Chrome-up-to-date on desktop should have that bug fixed by the same patch as what fixed Safari nightly build. Philippe -- Philippe Wittenbergh http://l-c-n.com __ css-discuss [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/
Re: [css-d] site review: hydrogeologist
Chrome on my desktop doesn't cover the header, but the two green buttons get broken into two lines and the third button gets a hyphen put into it. Same with camino, just no hyphen. Same with Sunshine, just no hyphen. Same with firefox, just no hyphen, but it also covers the header. Karl DeSaulniers Design Drumm http://designdrumm.com On Jul 9, 2013, at 11:06 PM, Philippe Wittenbergh wrote: Le 10 juil. 2013 à 12:59, Karl DeSaulniers k...@designdrumm.com a écrit : Except chrome on iOS 6 does it too. Haven't tested chrome on the desktop, but I will. Of course. Chrome on iOS uses the exact same rendering engine as Safari. Chrome-up-to-date on desktop should have that bug fixed by the same patch as what fixed Safari nightly build. Philippe -- Philippe Wittenbergh http://l-c-n.com __ css-discuss [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 [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/
Re: [css-d] site review: hydrogeologist
On Tue, Jul 9, 2013 at 10:57 PM, Philippe Wittenbergh e...@l-c-n.com wrote: Le 10 juil. 2013 à 04:46, Karl DeSaulniers k...@designdrumm.com a écrit : Take a look at it on a phone browser. I have an iPhone 5 using safari. View portrait first then rotate to landscape. The top nav (for me) is overlapping the header text. It is a bug in Safari 6.0x and the equivalent Mobile Safari on iOS 6.x (and maybe older versions of Safari, haven't tested). That is fixed in Safari.next. I think toggling between 'block' and 'inline-block' on the li instead of the b and a kids will work better. Keep the latter two as 'block' the whole time. Philippe re: http://ccstudi.com/rum/ Bingo! That's the ticket to ride. Thank you, Philippe. Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com __ css-discuss [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/
Re: [css-d] site review
On Mon, Oct 15, 2012 at 1:47 PM, David Laakso laakso.davi...@gmail.comwrote: This is an attempt to reach desktop, laptop, tablet, and mobile from one address: ccstudi.com/ Your constructive comments and suggestions are always appreciated. css: http://ccstudi.com/site/css/sisu.css TIA. Best, David Laakso Thanks so much to all for the excellent feedback! Corrections and revisions -- too numerous to list individually -- are currently on the server. Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com __ css-discuss [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/
Re: [css-d] site review
Very well done. Try also to use orientation:portrait/landscape to a finer control over device orientation. E.g. my http://boxer.waapp.it/ a web app for iPad. :-) Thumbs up! :-) __ css-discuss [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/
Re: [css-d] site review
Impressively flexible! In terms of layout engineering, it's the most responsive design I've seen yet. Amazing how it all fits and reads elegantly through various breakpoints (I can get this down to 200px wide and still have a pleasant reading experience — no mean feat!). My only quibble is that, what with the variety and range of colours and forms, not to mention the rather muted palette (ie not a huge deal of colour contrast), 2-dimensional layout actually becomes important to get an idea of the relative context and significance of the various sections of the page — when the layout collapses to 1 column, it becomes a linear experience with an ever increasing number of colours, shaped boxes, border etc, and some kind of coherence and relative meaning is lost. But then there are some things that appear inherently semantically confused, at least to myself: why is the page title expressed as an h3 in the header and again as an h5 in the footer, both with apparently equal visual weighting? How come the article element within each page omits any heading apart from a visually hidden h2 [1] marking its content out as 'content', a heading that effectively trumps the page's actual title in terms of markup weighting? And then there's this neat trick you've got going on whereby b elements wrap syllables in words in order to show where hyphenation should occur — my web inspector couldn't immediately tell me how you'd done that. Can you tell us a bit more about that please? More question than commentary, sorry. This is definitely a piece of front-end where I'm going to pore over the code for insights… [1] Recent wisdom (or FUD, depending on your angle) has it that text-indent can apparently negatively affect performance by computing the render of a huge box (http://www.zeldman.com/2012/03/01/replacing-the-px-hack-new-image-replacement/) — what do you reckon to the HTML5 boilerplate method Snook came up with? (http://snook.ca/archives/html_and_css/hiding-content-for-accessibility) Regards, Barney Carroll barney.carr...@gmail.com +44 7429 177278 barneycarroll.com __ css-discuss [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-d] Site review and assistance with IE
Here's the site: http://webct.mscc.edu/motlowtest/ This is my first try at this sort of thing so I'm willing to listen to all criticism. The Search div doesn't appear in the proper place in IE 6, it wraps to the next line. I'm not sure why. Also in both 5.5 and 6 the A-Z index image has a white background that doesn't appear in 7 or Firefox. Thanks in advance. Jody __ 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 Review
This is a site we designed that just went live this week for a Herman Miller furniture dealership in Pasadena. The style sheets still contain some invisible debris, but the design should be tight across most browsers (down to IE 6). All comments and criticism are welcome (particularly if you see a browser issue!). www.m3office.com Thanks so much. Scott Everett The Ethos Factory www.ethosfactory.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 Review :: herman miller ::
Scott Everett wrote: This is a site we designed that just went live this week for a Herman Miller furniture dealership in Pasadena. The style sheets still contain some invisible debris, but the design should be tight across most browsers (down to IE 6). All comments and criticism are welcome (particularly if you see a browser issue!). www.m3office.com Thanks so much. Scott Everett Generally, I think it is doing ok cross-browser, but structurally a little brittle vertically with font-scaling in compliant browsers; and, in the IEs (if the font-sizes are ignored). I dropped the right column float on one page at text-size largest in IE6. The submit a service request' text looks a little tight to the right page edge. The underline text links are easy to spot but seem unfinished compared with the rest of the site. The top nav is functional in IE 6, but not rendering the same as other browsers (if that is of any concern). There is a javascript error on the page and you may want to validate. 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 Review :: herman miller ::
Hello, Loading this on Mac os 10.4 w/FireFox gives me: AJAX Search API Load Failure: Ivalid version argument: http://www.google.com/uds/api?file=uds.jsv= Line 68 In firefox. I refreshed a few times... Only seems to happen on the homepage. Also, this is asking to get owned: form action=http://www.m3office.com/cgi-bin/FormMail.pl; method=post name=M3_Service id=M3_Service input type=hidden name=env_report value=REMOTE_ADDR,HTTP_USER_AGENT / input type=hidden name=return_link_url value=http://www.m3office.com/service/thankyou.php; / input type=hidden name=recipient value=[EMAIL PROTECTED], [EMAIL PROTECTED] / input type=hidden name=print_config value=email,subject / input type=hidden name=redirect value=http://www.m3office.com/service/thankyou.php; / input type=hidden name=title value=M3 Office Service Request Form / input type=hidden name=required value=email,phone,nature_of_request / input type=hidden name=missing_fields_redirect value=http://www.m3office.com/service/error.php; / Please. This is awful. - Ben David Laakso wrote: Scott Everett wrote: This is a site we designed that just went live this week for a Herman Miller furniture dealership in Pasadena. The style sheets still contain some invisible debris, but the design should be tight across most browsers (down to IE 6). All comments and criticism are welcome (particularly if you see a browser issue!). www.m3office.com Thanks so much. Scott Everett Generally, I think it is doing ok cross-browser, but structurally a little brittle vertically with font-scaling in compliant browsers; and, in the IEs (if the font-sizes are ignored). I dropped the right column float on one page at text-size largest in IE6. The submit a service request' text looks a little tight to the right page edge. The underline text links are easy to spot but seem unfinished compared with the rest of the site. The top nav is functional in IE 6, but not rendering the same as other browsers (if that is of any concern). There is a javascript error on the page and you may want to validate. 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 Review
Like the design, Scott... elegant, clean, interface easy to understand, good functionality. Good work! Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Scott Everett Sent: Friday, December 14, 2007 11:49 AM To: css-d@lists.css-discuss.org Subject: [css-d] Site Review This is a site we designed that just went live this week for a Herman Miller furniture dealership in Pasadena. The style sheets still contain some invisible debris, but the design should be tight across most browsers (down to IE 6). All comments and criticism are welcome (particularly if you see a browser issue!). www.m3office.com Thanks so much. Scott Everett The Ethos Factory www.ethosfactory.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 Review, IE Problems // World Disability Day.com
On 31-Oct-07, at 3:04 AM, David Laakso wrote: Rahul Gonsalves wrote: http://rahulgonsalves.com/WDD/ Stress test it and the problems may become more apparent: font- scaling at +3 in a compliant browser; and, text-size largest in the IE's, for example (the solutions are often elusive but well worth the effort to correct them). This has been one of my problems. I am partial to large header images, which often entail using a fixed-width layout, which, as you say, begins to show problems when the font-size is increased. What would you suggest? Sizing containers in em's? I'm not sure where to start... View the page with images disabled. View the page in a text-browser (Lynx). Opera's emulation of a text browser seems to give me a page that looks navigable. How does it read if CSS is disabled? Should the horizontal navigation remain were it is (in the source) or should it be at the top on the screen, but last in the document source order. Hmmm. This is not something that I am convinced about - while there is a logic to having content come up first, I don't know whether this justifies breaking a convention that most /new/ assistive technology- users are used to? I would be happy to hear more on this. Is there enough readability contrast? According to the colour contrast application that I use [1], the body text has enough contrast to meet both AA and AAA guidelines. Some of the text that exists on the page does not pass AAA guidelines, which is something that I can live with, as I will be providing a high- contrast stylesheet as well. More questions than answers from this end. But the really great thing about all this stuff is that the solutions are almost always CSS based. All welcome - if I'm not pushed, I tend to stagnate. Best, ~uncle david PS Keep up the good work. You are looking pretty good so far... Thank you :-). I am afraid that I have grown a little too fond of serif fonts. Best, - Rahul. __ 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 Review, IE Problems // World Disability Day.com
On 31-Oct-07, at 1:17 AM, Ingo Chao wrote: Rahul Gonsalves wrote: http://rahulgonsalves.com/WDD/ I do not know what problem you mean with splash text, but the third column drops in IE6 because of the italics bug [1] visible in the center column/blockquote p. Ingo, Thank you for that pointer. I have fixed it by applying the fix suggested at the end of the article. My apologies for not being clear. By 'splash text', I meant the text contained within the splash-a and splash-b containers, which renders as the text layered on top of the images that fade in and out. I do not currently have access to Internet Explorer, but I believe that in IE6, the text is pushed below the image. In Firefox, Safari and Opera, it displays as I intend it to. Thanks, - Rahul. __ 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 Review, IE Problems // World Disability Day.com
Rahul Gonsalves wrote: On 31-Oct-07, at 3:04 AM, David Laakso wrote: Rahul Gonsalves wrote: http://rahulgonsalves.com/WDD/ Stress test it and the problems may become more apparent: font- scaling at +3 in a compliant browser; and, text-size largest in the IE's, for example (the solutions are often elusive but well worth the effort to correct them). This has been one of my problems. I am partial to large header images, which often entail using a fixed-width layout, which, as you say, begins to show problems when the font-size is increased. What would you suggest? Sizing containers in em's? I'm not sure where to start... Best, - Rahul. Rahul, My reference to stress font scaling has *more to do with height than width* (although you may get a little horizontal crossover among the three adjacent lower columns). When the fonts are scalled the image containing text should drive the text block beneath it down, rather than overlapping it as it does now. I did not then, nor I have I now, looked into exactly what is restricting the veritcal height and causing that /vertical overlap/. As far as the accessibility matters are concerned, they may be questions of opinion best directed to WSG or dropped if you ae comfortable with what you have. Best, ~uncle david -- 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 Review, IE Problems // World Disability Day.com
Hello. The following site is behaving rather badly in Internet Explorer. I wonder whether anybody has any suggestions as to how to get the 'splash' text correctly, or whether my current method of positioning things is a bad one, etc. http://rahulgonsalves.com/WDD/ As it is a site intended for World Disability Day, I am trying to make sure that it remains accessible to people with disabilities. Any suggestions on that count are also welcome. Non-CSS related suggestions and ideas off-list please. Feel free to be as harsh :-). There are only four pages so far, as we are still in the 'template- refining' stage - so please ignore the dead links. Best, - Rahul. __ 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 Review, IE Problems // World Disability Day.com
Rahul Gonsalves wrote: Hello. The following site is behaving rather badly in Internet Explorer. I wonder whether anybody has any suggestions as to how to get the 'splash' text correctly, or whether my current method of positioning things is a bad one, etc. http://rahulgonsalves.com/WDD/ I do not know what problem you mean with splash text, but the third column drops in IE6 because of the italics bug [1] visible in the center column/blockquote p. Ingo [1] http://www.positioniseverything.net/explorer/italicbug-ie.html -- http://www.satzansatz.de/css.html __ 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 Review, IE Problems // World Disability Day.com
Rahul Gonsalves wrote: Hello. The following site is behaving rather badly in Internet Explorer. I wonder whether anybody has any suggestions as to how to get the 'splash' text correctly, or whether my current method of positioning things is a bad one, etc. http://rahulgonsalves.com/WDD/ Best, - Rahul. Stress test it and the problems may become more apparent: font-scaling at +3 in a compliant browser; and, text-size largest in the IE's, for example (the solutions are often elusive but well worth the effort to correct them). View the page with images disabled. View the page in a text-browser (Lynx). How does it read if CSS is disabled? Should the horizontal navigation remain were it is (in the source) or should it be at the top on the screen, but last in the document source order. Is there enough readability contrast? More questions than answers from this end. But the really great thing about all this stuff is that the solutions are almost always CSS based. Best, ~uncle david PS Keep up the good work. You are looking pretty good so far... -- 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 Review Please
Hi Folks, This my first review request. Would those of you with the time and inclination please have a look at this 'test' site, and offer your professional opinion. I am yet to be supplied with some of the 'artwork' (images, header images, etc..) I've run the XHTML and CSS through the recommended validators, and they've 'passed muster'. http://www.tigdh.com/art/index.html http://www.tigdh.com/art/aa.css As for the site design, it is what was presented to me, more or less, in marquette form, so at this stage I have little input into the overall 'feel' of the site. That hasn't stopped me from coming up with a few little marquettes of my own (O: You'll also notice quite a bit of 'commentary text' in the XHTML. It's there for the client so I can discuss with them the various aspects of the design, and so as to avoid 'itchy finger' syndrome. Most of it will go. The specific issues, well, at least the ones I'm aware of at least, are: 1. How do I get around IE not really liking the horizontal menu set- up? (It is a modified list from Russ Weakly's Max Design site and was originated by James N Pope) 2. Why does IE do this? (I know, we could be at that answer for hours on end...) 3. I have attempted to follow along as best as I can with regard to designing with resizing the text in mind. I'm just not sure how to 'control' the look of the layout once it starts to take on air. Any references or pointer would be handy and much appreciated, thanks. Many thanks to those from whom I have appropriated 'items' from... Tigdh -- TAG [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/
Re: [css-d] Site Review Please
Hi Folks, This my first review request. Would those of you with the time and inclination please have a look at this 'test' site, and offer your professional opinion. I am yet to be supplied with some of the 'artwork' (images, header images, etc..) I've run the XHTML and CSS through the recommended validators, and they've 'passed muster'. http://www.tigdh.com/art/index.html http://www.tigdh.com/art/aa.css Have just had quick look - no great time for detail. Site doesn't work in IE6 at all. The footer is about 20-300px in depth and the content overlaps this. This is usually a clear issue but I note that you have clear:both in your footer. As for menu, not even top line is showing in IE6. Best to sort that first and then try and add the slidey bit. This will need either javascript or the hover.htc script to make IE6 do the slidey bit. Ian IY e-Solutions http://www.iyesolutions.co.uk No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.485 / Virus Database: 269.13.6/991 - Release Date: 05/09/2007 14:55 __ 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 Review Request (Win IE 5.5, 6 and Mac)
Thanks to EVERYONE who helped with this a few days ago! I've had a sick Dachsund and I'm getting ready for an interstate move, so things have been hectic. I appreciate this incredible list! Francesco Sanfilippo, CEO S I N C I T Y C R E A T I V E http://www.sincitycreative.com On 8/18/07, Francesco (Sin City Creative) [EMAIL PROTECTED] wrote: Hi guys! A new css-based site I did most of the work on is online. Looks flawless and as intended on Windows IE 7 and Windows Firefox 2. I ned some help with: Windows - Opera, IE 5.5 and IE 6 Mac - Common browsers http://newsite.omedix.com/ http://newsite.omedix.com/Styles/OmedixStyles.css Thanks in advance! Francesco __ 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 Review Request (Win IE 5.5, 6 and Mac)
Hi guys! A new css-based site I did most of the work on is online. Looks flawless and as intended on Windows IE 7 and Windows Firefox 2. I ned some help with: Windows - Opera, IE 5.5 and IE 6 Mac - Common browsers http://newsite.omedix.com/ http://newsite.omedix.com/Styles/OmedixStyles.css Thanks in advance! Francesco __ 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 Review Request (Win IE 5.5, 6 and Mac)
Francesco (Sin City Creative) wrote: Hi guys! A new css-based site I did most of the work on is online. Looks flawless and as intended on Windows IE 7 and Windows Firefox 2. I ned some help with: Windows - Opera, IE 5.5 and IE 6 Mac - Common browsers http://newsite.omedix.com/ http://newsite.omedix.com/Styles/OmedixStyles.css Thanks in advance! Francesco Mac/ff You may, or may not, want to: -- Ditch the rivers: /*p { text-align: justify; }*/ --Keep the footer text from breaking out the bottom with font-scaling --Move the inline css styles to the external style sheet --Hide the js from the markup validator and/or call it from external files --validate the markup and css 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 Review Request (Win IE 5.5, 6 and Mac)
Francesco (Sin City Creative) wrote: ... http://newsite.omedix.com/ Safari 2 shows a color mismatch of some backgrounds. http://www.satzansatz.de/alien/omedix.png 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/
[css-d] Site Review - CFL.in/Delta
Dear All, http://cfl.in/delta/index.html A site check, and your comments would be greatly appreciated. It's a fairly simple, two-column layout, with a CSS/JS dropdown menu from Project VII (thanks Al!). The site is not quite at the release state - so some links don't work. These are in a minority though. Niggling things: http://cfl.in/delta/staff.html The text on the right/left of the floated image, the biography of each person, should be aligned to the top of each image - right now there's a 5px (or so) gap on top. All pages should validate. Subjective remarks always welcome - offlist if necessary. Thanks in advance, Regards, -- Rahul. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Review - CFL.in/Delta
Your website is great. I like the quote, how you styled it. One thing that I think you should change is the font. In my opinion, in this website the sans-serif font isn't the best for the headings. I think using a serif font will be better. Rahul Gonsalves wrote: Dear All, http://cfl.in/delta/index.html A site check, and your comments would be greatly appreciated. It's a fairly simple, two-column layout, with a CSS/JS dropdown menu from Project VII (thanks Al!). The site is not quite at the release state - so some links don't work. These are in a minority though. Niggling things: http://cfl.in/delta/staff.html The text on the right/left of the floated image, the biography of each person, should be aligned to the top of each image - right now there's a 5px (or so) gap on top. All pages should validate. Subjective remarks always welcome - offlist if necessary. Thanks in advance, Regards, -- Rahul. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Review - CFL.in/Delta
Hi Rahul, The quote inside the blockquote element on the home page needs to be contained inside a p element to validate, i.e. blockquotepyour_quote/p/blockquote You've also used the strong element quite a lot in the footer. I'm guessing this is a styling decision rather than a semantic one, in which case you should really be using CSS to style the text you wish to be in bold and not relying on an XHTML element which is supposed to give meaning to your text. Apart from that... looks really, really good :) Phil __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Review - CFL.in/Delta
Phil Pickering wrote: Hi Rahul, The quote inside the blockquote element on the home page needs to be contained inside a p element to validate, i.e. blockquotepyour_quote/p/blockquote Ah, thanks. I've been using Dreamweavers validation, and using the Tidy Firefox extension, but neither of them caught that. Will fix this. You've also used the strong element quite a lot in the footer. I'm guessing this is a styling decision rather than a semantic one, in which case you should really be using CSS to style the text you wish to be in bold and not relying on an XHTML element which is supposed to give meaning to your text. That's true. I'll replace it with a class. Apart from that... looks really, really good :) Thank you very much! Phil Regards, Rahul. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Site review request
Hello - I am new to the list and a relative newbie to CSS - I'm at the tail end of my first paid gig for the layout of a site and would appreciate feedback. There are 3 stylesheets involved. The big problem(s) I had (and still have) regard tables and form elements. I wanted to avoid tables for the membership form, but my skills aren't at that level - yet. There is also an IE bug with the dropdown menu when on the membership application page - the dropdown drops behind the dropdown boxes in the form - is there a fix for that?. Plus the topbar search is all askew in Opera I had to use a table and alter the graphic to make it work in IE FF. I've just begun to grasp the concept of when to use classes and when to use ids, so I realize there are probably styles that should be a class instead of id - you're feedback on that, as well, would be most welcome. The site is: www.wpapoker.com The membership form http://www.wpapoker.com/membership/membershipform.php which is currently in place is temporary. It will be replaced by http://www.wpapoker.com/membership/membershipform_test.php when it is completed. Thank you in advance for your assistance - be gentle Kym __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Site Review
Hello - I am new to the list and a relative newbie to CSS - I'm at the tail end of my first paid gig for the layout of a site and would appreciate feedback. There are 3 stylesheets involved. The big problem(s) I had (and still have) regard tables and form elements. I wanted to avoid tables for the membership form, but my skills aren't at that level - yet. There is also an IE bug with the dropdown menu when on the membership application page - the dropdown drops behind the dropdown boxes in the form - is there a fix for that?. Plus the topbar search is all askew in Opera I had to use a table and alter the graphic to make it work in IE FF. I've just begun to grasp the concept of when to use classes and when to use ids, so I realize there are probably styles that should be a class instead of id - you're feedback on that, as well, would be most welcome. The site is: www.wpapoker.com The membership form http://www.wpapoker.com/membership/membershipform.php which is currently in place is temporary. It will be replaced by http://www.wpapoker.com/membership/membershipform_test.php when it is completed. Thank you in advance for your assistance - be gentle Kym __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] site review pc
http://idealzone.net/adpromomextel/home.html thanks. rush. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site review pc
rashantha de silva wrote: http://idealzone.net/adpromomextel/home.html thanks. rush. Rush, You could easily accomplish a similar layout without tables and all the br / tags. There are many CSS layouts to select from on the List Wiki: http://css-discuss.incutio.com/ This is a good site http://css.maxdesign.com.au/ for navigation lists. Don't forget to validate the markup. Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.12) Gecko/20051207 Firefox/1.0.7 (Debian package 1.x.1.0.7-8) Regards, ~davidLaakso __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site review::~dL
http://www.dlaakso.com/blog/wordpress/ FF, View Page Style: No Style The photo of the waterfall is 587*440px, while the others are all 100x100px. Could this, depending on the connection and cache, cause headaches while incrementally rendering the page? Tried clearing of cache this morning, but could not see the vertical alignment again in #header-minor/#footer-minor. Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site review::~dL
I am working on a weblog for my son. Your comments and suggestions will be appreciated. Or will they? :-P http://www.dlaakso.com/blog/wordpress/ Hi David, I think you need to reduce the width of the sidebar a little because it drops in IE/Win. Besides that, very nice... Thierry | www.TJKDesign.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site review::~dL
Thierry Koblentz wrote: I am working on a weblog for my son. Your comments and suggestions will be appreciated. Or will they? :-P http://www.dlaakso.com/blog/wordpress/ Hi David, I think you need to reduce the width of the sidebar a little because it drops in IE/Win. Besides that, very nice... Thierry | www.TJKDesign.com Thierry, Hmm. No float drop of sidebar this end @ 800 text-size largest in XP_SP2 IE6.0. Are you using Win/2000? What version of IE? Thanks, David __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site review::~dL
I think you need to reduce the width of the sidebar a little because it drops in IE/Win. Besides that, very nice... Thierry, Hmm. No float drop of sidebar this end @ 800 text-size largest in XP_SP2 IE6.0. Are you using Win/2000? What version of IE? Same as yours, but now it works. I just don't get it. I even used the Web Accessibility Toolbar to change the value of the width and I saw the sidebar content jumping back up. Very weird. Sorry for the false alarm... Anyway, while I was trying to reproduce the drop, I found out that there is a jump when I hover my cursor over the headings (main column). Thierry | www.TJKDesign.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site review::~dL
Ingo Chao wrote: David Laakso wrote: I am working on a weblog for my son. Your comments and suggestions will be appreciated. Or will they? :-P http://www.dlaakso.com/blog/wordpress/ Wish I could do such nice things. :) I wish I could do stuff that works. FF1.5RC3 [Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8) Gecko/2005 Firefox/1.5] does display the thumbs in #header-minor/#footer-minor vertically (FF1.0.5 arranges them horizontally, as intended). Bug? Ingo Good grief. Weird. I am using FF1.5 RC3 xp_sp2 and the stupid thumbs are horizontal, as intended. Have not checked in FF 1.5. Back to the drawing boardor the asylum. Thanks Ingo. Best, David -- David Laakso http://www.dlaakso.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site review::~dL
I should have mentioned that I can see the vertical rendering on the live page. On a local copy of the page, all is well and horizontally aligned. Can anyone confirm a) the problem Thierry has reported on IE6 and b) what I see in FF1.5RC3? Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site review::~dL
On 22 Nov 2005, at 8:34 am, Ingo Chao wrote: I should have mentioned that I can see the vertical rendering on the live page. On a local copy of the page, all is well and horizontally aligned. Can anyone confirm a) the problem Thierry has reported on IE6 and b) what I see in FF1.5RC3? It works correctly on my side, both Camino 1.0b (=Firefox 1.5rc3) and Firefox 1.6a1. If you reload the page, does the problem disappear ? Philippe --- Philippe Wittenbergh http://emps.l-c-n.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site review::~dL
Philippe Wittenbergh wrote: It works correctly on my side, both Camino 1.0b (=Firefox 1.5rc3) and Firefox 1.6a1. If you reload the page, does the problem disappear ? Hmm. It did not disappear. But now (after a restart) I cannot reproduce it anymore. Weird. Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site review::~dL
Ingo Chao wrote: Philippe Wittenbergh wrote: It works correctly on my side, both Camino 1.0b (=Firefox 1.5rc3) and Firefox 1.6a1. If you reload the page, does the problem disappear ? Hmm. It did not disappear. But now (after a restart) I cannot reproduce it anymore. Weird. I went through the same thing with the sidebar. It is weird... Thierry | www.TJKDesign.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site review::~dL
Ingo Chao wrote: Philippe Wittenbergh wrote: It works correctly on my side, both Camino 1.0b (=Firefox 1.5rc3) and Firefox 1.6a1. If you reload the page, does the problem disappear ? Hmm. It did not disappear. But now (after a restart) I cannot reproduce it anymore. Weird. Ingo Content headings still jump after a restart on my end-- xp_sp2 ie6.0. http://www.dlaakso.com/blog/wordpress/ Leonardo is scratching his head, too. ~d. -- David Laakso http://www.dlaakso.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site review::~dL
David Laakso wrote: Content headings still jump after a restart on my end-- xp_sp2 ie6.0. http://www.dlaakso.com/blog/wordpress/ Leonardo is scratching his head, too. Confirm jumping headings. IE6/win2K pro. Did Leonardo remember to give those content-divs a 'hasLayout' trigger? 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/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site review::~dL
Ingo Chao wrote: I should have mentioned that I can see the vertical rendering on the live page. On a local copy of the page, all is well and horizontally aligned. Can anyone confirm a) the problem Thierry has reported on IE6 and b) what I see in FF1.5RC3? Ingo Ingo, Felix Miata confirmed (chatzilla) to me that he gets horizontal thumbnails in RC3. http://www.dlaakso.com/blog/wordpress/ Best, ~d -- David Laakso http://www.dlaakso.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site review::~dL
David Laakso wrote: I am working on a weblog for my son. Your comments and suggestions will be appreciated. Or will they? :-P http://www.dlaakso.com/blog/wordpress/ Thank you. Best, ~dL Deleting the margin-bottom seems to have stopped the content heading from jumping in xp/ie6.0. div#content img { display: block; margin: 0 auto /*75px*/0 auto; padding: 0; } No luck so far w/ the vertical thumb problem though. Best, ~d -- David Laakso http://www.dlaakso.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site review::~dL
Ingo Chao wrote: I should have mentioned that I can see the vertical rendering on the live page. On a local copy of the page, all is well and horizontally aligned. Can anyone confirm a) the problem Thierry has reported on IE6 and b) what I see in FF1.5RC3? Ingo Ingo, Re: b)what I see in FF1.5RC3? Rahul Gonsalves wrote: [...] Also, I'm not sure whether it's a bug or a feature, but disabling all styles (Webdev Toolbar, FF1.5) moves the pictures on top into a single horizontal rather than vertical line. Reloading forces them vertically again.Warmly,Rahul. Best, ~d -- David Laakso http://www.dlaakso.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Site Review
Dear All: Finally finished my transition to valid, tableless XHTML 1.0 and CSS. Please do take a look at the site on as many browsers as possible. Comments and suggestions welcome! http://www.jaithirtha.net/rahul/index.htm Also, my CSS code looks like a huge mess! If anybody has any suggestions on how to pare it down, please do tell. Thanks to all, especially Uwe and Bruno, Regards, Rahul. -- . Rahul Gonsalves [EMAIL PROTECTED] + 91.98866 19365 . __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Review
Hello Rahul, Thursday, June 9, 2005, 6:56:34 PM, you wrote: RG Dear All: RG Finally finished my transition to valid, tableless XHTML 1.0 and CSS. RG Please do take a look at the site on as many browsers as possible. RG Comments and suggestions welcome! RG http://www.jaithirtha.net/rahul/index.htm Laptop Win2000 SP4 1400x1050 true colour 32bit FireFox 1.0.4 Looks fine no infelicities spotted works fine -- Best regards, Arthurmailto:[EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Review
On Thu, 09 Jun 2005 13:56:34 -0400, Rahul Gonsalves [EMAIL PROTECTED] wrote: Finally finished my transition to valid, tableless XHTML 1.0 and CSS. Please do take a look at the site on as many browsers as possible. Comments and suggestions welcome! http://www.jaithirtha.net/rahul/index.htm Also, my CSS code looks like a huge mess! If anybody has any suggestions on how to pare it down, please do tell. Thanks to all, especially Uwe and Bruno, Regards, Rahul. Nice job, Rahul(despite those two rogues)! 9 screen captures: http://www.browsercam.com/public.aspx?proj_id=168932 The CSS looked fine to me-- the software liked it, too. aside: the fonts go a little goofy in IE on zoom-- its a bug -- try changing font-size 1em on the body to 100.01%. Best, David Laakso -- http://www.dlaakso.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Review
Dear All: Thanks for the extremely useful feedback that I've got about the project. Roxanne: Rahul: Site looks great! You do have a few Mac issues though. Here are some screenshots. http://www.browsercam.com/public.aspx?proj_id=163962 I believe that IE Mac 5.5 and prior versions have a problem with text-align: right. If there is a hack which is easy to implement, then I'd like to put it in - otherwise, I'm going to skip it.. Also the logo on top in your screenshot (IE Mac 5.2 800x600) seems to have slipped a bit. I'm not sure how to fix that - the whole image centreing thing is beyond my comprehension at the moment. David : 9 screen captures: http://www.browsercam.com/public.aspx?proj_id=168932 Thanks a ton! This helps a *lot*. I don't see any issues with Safari 1.2 (1024x768). However, your caps don't include IE for Mac - which is where I assume most of the problems will be. Thanks Arthur and Anthony for looking at it! Arnie: No graphics! Using foxfire win xp peo Arnie Can't seem to reproduce your error - and since the other people have seen the images, I assume that it was a server problem when you checked? Thanks for looking though. Ingo : I will definitely look at changing the links hover color - it does add some coherence to the page. Thanks for the tip, and I was just looking at the image centreing technique - you've contributed towards that! Thanks for that! Once again, Thanks a lot everybody who looked at this. Much appreciated! As an aside, where can one download older copies of browsers? Is it possible to use multiple copies of say IE (6.0, 5.5, 5.0) on the same machine? This is obviously for Windows - for Linux, Konquerer is the only one I test on. Rahul Gonsalves. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/