[css-d] Normalizing CSS inline breadcrumbs menus
Hi all! A simple solution: http://onwebdev.blogspot.com/2010/08/jquery-normalizing-css-inline.html HTH ^^ Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@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 design/layout feedback desired
On 25/08/10 04:21, Francesco wrote: Looking for feedback on a design I'm almost done with. http://blackcoil.com/classychild -- Francesco Sanfilippo, Blackcoil Productions I've tried this in Firefox 3.6.8 for Ubuntu Linux, with default text size set at 16, and in Epiphany 2.30.2 (Linux Webkit-based browser) with default text size set at 12. These settings usually mean sites display pretty much the same across the two browsers, but for some reason in this site, the text shows slightly larger in Epiphany, causing the baby 0-12 months text in the left-hand column to wrap onto two lines. It's not a problem - just an observation. Other than that, the site looks good. If the text size is increased to 24 or more, then the header-navigation links wrap, but the header doesn't increase in size to accommodate this. Setting #header min-height:100px, rather than height:100px should help; setting the height in ems would be even better. I don't have a problem reading the header-links text, but I use a tool from Vision Australia to check colour contrast for visibility, and these two combinations do fail that test. I find this tool really useful - http://www.visionaustralia.org.au/info.aspx?page=628 - it's designed for Windows, but also runs on Linux using Wine. The black text Girls over the photo is very hard to read, but maybe not too much of a problem in context. Overall, I like the layout. It's clear and uncluttered and I found it easy to use. Hope this helps. Lesley __ css-discuss [cs...@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] Normalizing CSS inline breadcrumbs menus
A simple solution: http://onwebdev.blogspot.com/2010/08/jquery-normalizing-css-inline.html I don't think this is a good idea regarding accessibility :-( -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discuss [cs...@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] @media (max-width: 240px) {...}
This page [signature link] on a drag from a full desktop window to a 480px window opens fine in Opera without a horizontal scroll bar. Same at 240px in Opera. However in FF and Safari it's fine at 480px, but refuses to open at all at 240px. Why be that? css :: around line 168 http://chelseacreekstudio.com/site/css/sisu.css Best, Jean Sibelius -- http://chelseacreekstudio.com/ __ css-discuss [cs...@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] Normalizing CSS inline breadcrumbs menus
Furthermore, I see no mysterious gaps, Gabriele : http://web-consultants.org.uk/sites/tests/Inline-lists.html Tested using Seamonkey 2.0.6 under Windows/XP;SP3. Philip Taylor Gabriele Romanato wrote: A simple solution: http://onwebdev.blogspot.com/2010/08/jquery-normalizing-css-inline.html Thierry Koblentz wrote: I don't think this is a good idea regarding accessibility :-( __ css-discuss [cs...@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] Extending the border-collapse property to all elements
Hello. I don't know if the subject has already been discussed. Anyway, here are my 2 cents: http://onwebdev.blogspot.com/2010/08/css-extending-border-collapse-property.html HTH. Bye Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@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] @media (max-width: 240px) {...}
Philippe Wittenbergh wrote: On Aug 25, 2010, at 11:09 PM, David Laakso wrote: However in FF and Safari it's fine at 480px, but refuses to open at all at 240px. Why be that? What do you mean 'refuses to open'. when I resize a window with a Gecko browser to something smaller than 240px, the media query is applied. /Smacks self/. The Firefox/3.6.8 cache must be stuck. I did not check in SeaMonkey at 240px prior to writing the list. I see now that it is O.K. in that browser. You can't resize a (desktop) Safari window to that size. minimum window width is 390px more or less. I did not know that. Philippe --- Thanks. J.S. -- http://chelseacreekstudio.com/ __ css-discuss [cs...@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] Normalizing CSS inline breadcrumbs menus
On Aug 25, 2010, at 11:17 PM, Philip Taylor (Webmaster, Ret'd) wrote: http://web-consultants.org.uk/sites/tests/Inline-lists.html Tested using Seamonkey 2.0.6 under Windows/XP;SP3. There is a (one) white-space node between each string. Try: a, strong { background: yellow;} tabs are normalised to spaces, then collapsed together. that is the normal white-space processing model. Philippe --- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [cs...@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] Normalizing CSS inline breadcrumbs menus
OK, then I suppose that Gabriele and I differ over the meaning of mysterious in mysterious gaps. I was expecting a single space-of-the-line, but thought that Gabriele must be experiencing more in order for them to qualify as mysterious. Presumably white-space-collapse: discard will remove the last space once CSS3 becomes a published specification and browser writers rush to adopt it. ** Phil. Philippe Wittenbergh wrote: There is a (one) white-space node between each string. Try: a, strong { background: yellow;} tabs are normalised to spaces, then collapsed together. that is the normal white-space processing model. __ css-discuss [cs...@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] Help with multi-column drop-down menu
I've built a prototype drop-down menu based on the Suckerfish model with some tweaks to use images in the top row of navs. Now I'm trying to make the first nav (Senators) that has quite a few list items into a two column drop-down. Here is the original prototype using one column: http://uatext1.cga.ct.gov/sdo/navs-suckerfish.html Here is the one I'm trying to work into two columns (only under Senators): http://uatext1.cga.ct.gov/sdo/navs-suckerfish2.html Here is the CSS for the second version (only the last three classes are different from the first sample): http://uatext1.cga.ct.gov/sdo/css/suckerfish2.css Any help greatly appreciated, Tim __ css-discuss [cs...@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] Out of the stone age
I feel like I am working from the stone age. I have a legacy custom Cobol application running on SCO Unix and I have built a basic, although very in-efficient, web order application. If you click on the link below, you will see that I have a simple order form that will allow the customer to select up to 15 different items per order. Each line item has a drop down that contains every item available for purchase, which is several thousand items, and each drop down contains an identical list of items. So, 15 order lines times thousands of items and you have a huge html page. There has to be a way to streamline this. Due to the age of this server and the legacy app, it seems my options are limited. http://www.coastalind.com/ciordersample.html Any and all suggestions are welcome. Scott __ css-discuss [cs...@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] Out of the stone age
Lineberger, Scott wrote: Any and all suggestions are welcome. Well, before the list-police step in, this probably isn't the best place to ask (since it has nothing to do with CSS per se), but perhaps your server technology will allow you to dynamically add records, so the initial form can be minimal. There is an example of such a form here : http://web-consultants.org.uk/sites/porphyrogenitus/Autograph-MSS-V2.3.aspx Philip Taylor __ css-discuss [cs...@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] kthings 02 (Formerly Floating images -understanding ...etc.)
On 8/24/10 4:29 PM, Keith Purtell wrote: Re David Hucklesby's reply: First, thanks for the image citation advice. And the navigation on the left: Somehow I have to make that fit the available space. What to do? Why not give it more space? This end, I have very long line lengths on the main text - shorter would be easier to read. That would give you more room for the navigation. The brown area is too narrow, unless I use one of the fly-out menus (what I call them) in the Listmania link you provided. Before I go there, however, I'm going to try something more simple that will post soon. It also will borrow from one of the Listmania examples. Yes. I agree the brown area is too narrow--that was my point. What prevents you from making it wider? Cordially, David -- __ css-discuss [cs...@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] [OT] Out of the stone age
On Thursday 26 August 2010 06:07, Lineberger, Scott wrote: [snip] There has to be a way to streamline this. Due to the age of this server and the legacy app, it seems my options are limited. checkboxes / tickboxes -- Michael __ css-discuss [cs...@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] ADMIN: Out of the stone age
At 7:12 PM +0100 8/25/10, Philip Taylor (Webmaster, Ret'd) wrote: Well, before the list-police step in, this probably isn't the best place to ask (since it has nothing to do with CSS per se)... That makes it very much the wrong place to ask, let alone discuss, unless the question is how to use CSS to make the form look better. Since it wasn't, so far as I can tell, the thread is therefore ended. -- Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone CSS is much too interesting and elegant to be not taken seriously. -- Martina Kosloff (http://mako4css.com/) __ css-discuss [cs...@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] IE8 rendering issue
I need some help with a rendering problem on IE8 that does not show on other browsers including IE7, Firefox and Chrome. I am using an image replacement technique for the title header. On IE8, there is a large gap at top of the image so the backgrounds don't match up. The website is http://piedmont-div.org/pilgrimage/ . The CSS in question is : #header h1 { background: transparent url(/pilgrimage/images/pp_title.jpg) no-repeat top left; margin: 0; padding: 0; font-size: 3em; font-weight: bold; overflow:hidden; text-indent:-5000px; height:79px; } The HTML is h1Piedmont Pilgrimage/h1 I thought this might be related to a hasLayout issue. But adding zoom:1 did not seem to help. Any assistance would be appreciated. Regards, Scott Povlot __ css-discuss [cs...@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] IE8 rendering issue
Scott Povlot wrote: I need some help with a rendering problem on IE8 that does not show on other browsers including IE7, Firefox and Chrome. I am using an image replacement technique for the title header. On IE8, there is a large gap at top of the image so the backgrounds don't match up. The website is http://piedmont-div.org/pilgrimage/ . Scott Povlot Umm, I think it show up in all browsers that open a window wider than 1152px. I am at 1680 / 116.5dpi -- a full length line-measure set 20 percent less than my default becomes extremely difficult to read. An easy-out, that would close the gap and simutaneously create a more readable line-measure is to set at fixed 980 width and center the page between the rails. Or wait to hear from other responders. In the meantime, it may be advantageous to validate. Best, ~d -- :: desktop and mobile :: http://chelseacreekstudio.com/ __ css-discuss [cs...@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] ADMIN: Out of the stone age
That makes it very much the wrong place to ask, let alone discuss, unless the question is how to use CSS to make the form look better. Since it wasn't, so far as I can tell, the thread is therefore ended. Perhaps it was implied in the question by saying: Any and all suggestions are welcome. You seem to be quite heavy handed these days when the number of postings per day is on a reducing scale! Do you intend to shut down this discussion group? __ css-discuss [cs...@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] ADMIN: Out of the stone age
At 12:54 AM +0100 8/26/10, John D wrote: That makes it very much the wrong place to ask, let alone discuss, unless the question is how to use CSS to make the form look better. Since it wasn't, so far as I can tell, the thread is therefore ended. Perhaps it was implied in the question by saying: Any and all suggestions are welcome. The problem was framed as a problem of generating a huge amount of markup from a legacy system. If it had then included something like how do I make this page look better with CSS? then that would have been on-topic. Tacking on a wide-open question such as the above does not imply that such a question was asked, however. You seem to be quite heavy handed these days when the number of postings per day is on a reducing scale! Do you intend to shut down this discussion group? Assuming that taking administrative action twice in the past few weeks constitutes quite a heavy hand, then my hand has become heavier due to the increased number of off-topic postings. For some time, the community was essentially self-regulating. This seems to be less true of late and so I have taken a more active role, as has sometimes been the case since I founded the list back in January of 2002. Until the list really is shut down or I have handed the reins over to someone else, that will not change. And if I should have been more active over this past summer, then I apologize for my neglect. Moreover, I pity the members of any mailing list whose metric of success is quantity, not quality. As I said before, this thread is done-- though if the original poster would like to start a new thread which re-frames the problem in an on-topic way, that would of course be fine with me. Anyone who has questions or concerns about my administration of the list is always free to contact me off-list at css-d-ow...@lists.css-discuss.org or at the personal address I'm using to post this message. -- Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone CSS is much too interesting and elegant to be not taken seriously. -- Martina Kosloff (http://mako4css.com/) __ css-discuss [cs...@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] kthings 02 (Formerly Floating images -understanding ...etc.)
Time, and considering keeping the existing brown area, putting brief text in the nav buttons. Then they'd see the full page title when they got there. So many options. Thanks again for helping. - Keith Purtell __ css-discuss [cs...@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] kthings 02 (Formerly Floating images -understanding ...etc.)
Keith Purtell wrote: Time, and considering keeping the existing brown area, putting brief text in the nav buttons. Then they'd see the full page title when they got there. So many options. Thanks again for helping. - Keith Purtell So many options. So little time. What is your uri? Best, ~d PS Try to keep it simple whatever and whatever it is... -- :: desktop and mobile :: http://chelseacreekstudio.com/ __ css-discuss [cs...@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/