Re: [css-d] request: a thorough going over
David Laakso wrote: 6/ Gray on gray is sometimes difficult for some users to read. Have you checked your site with a color contrast analyzer? No, I haven't. This is the first I've heard of such a creature. I'll look into them. FWIW, here's one... http://juicystudio.com/article/colour-contrast-analyser-firefox-extension.php Nice extension. I installed it and ran it on the Mozilla Addons page where I downloaded it from - and it reported 60-some odd failures in color contrast or brightness ... ;-) -- David gn...@hawaii.rr.com authenticity, honesty, community __ 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] request: a thorough going over
David Hucklesby wrote: FWIW - I work at a computer training lab that has workstations with 19 monitors, natively running at 1280 x 1024. I have noticed several students switching to 800 x 600 over the last year. I don't think this is necessarily age-related, either, as students doing this have been little more than half my age... Always good to remember that anyone of any age can have vision problems. And it can be compounded by GUIs that don't really give users much option for conveniently adjusting text sizes in the UI. -- David gn...@hawaii.rr.com authenticity, honesty, community __ 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] external link indicators
--- On Wed, 8/26/09, David Robertson funpackeds...@googlemail.com wrote: On 27/08/2009, at 9:02 AM, tommy_til...@arwb.uscourts.gov wrote: Can you or has anyone ever used CSS to indicate that a link would take you outside the current web site? Trying to come up with some way to let the user know they are exiting my site. IIRC it adds padding to the a on the right-hand side and adds a background-image positioned to the right. This is the canonical way of indicating an external link, but it might also help to add information to the title attribute to support non-visual clients. You should also evaluate exactly why you want to indicate this explicitly. Wikipedia is a good example because the vast majority of links are internal and, being an encyclopaedia, the external/internal distinction can be quite significant, and external links may not be obvious. I'm of the opinion that they overuse this technique though - does each and every link under 'external links' really need its own icon indicating it's an external link? Anything's better than opening links in a new window, though :-) __ 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] validating CSS
2009/8/27 jeffrey morin rufus2...@gmail.com: I was discussing some CSS techniques the other day and someone brought up a point of a certain fix that I use not validating in the CSS validator. I have never really been overly concerned with validating my stylesheets as long as the html was good. Is there a certain benefit to validating your CSS The benefits are the same as for HTML: * If something goes wrong, you know it isn't a syntax error * A syntax error that doesn't exist can't cause a problem in a browser outside your test suite * When a syntax error does cause a problem, the validator will help you find it without flooding the report with lot of errors you decided you don't care about * When someone else runs a validator over your code, their opinion won't be lowered by a collection of error messages * When someone else joins your team or takes over the project, they won't have to learn your stylesheet language, they can just use CSS. -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk __ 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] Password Protection
On Wed, Aug 26, 2009 at 06:19:10AM -0700, Cristiano Diniz da Silva wrote: Don't count on it. You will need a server-side scripting language and if you really want some security you will need also a SSL certificate. Not necessarily. You can use HTTP-level authentication by just dropping the right directives into .htaccess and creating a .htpasswd (or similar) containing the valid user credentials. This does not require any server-side programming, but will completely block unauthenticated users from any access to your page(s). Application-level authentication, multiple authorization levels (even just guest vs. logged in), or simply having an application in the first place does require server-side programming, though, like you said. Good point on the SSL also. Sending passwords across the net in plaintext isn't exactly the height of security. -- Dave Sherohman __ 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] external link indicators
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Bobby Jack Anything's better than opening links in a new window, though :-) Not much is more irritating to me than a site that DOES NOT open external links in a new window or tab. Mike __ 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] external link indicators
Off-topic a bit, but that's what right-click - open in new tab (or even better, middle click) is for. Let the user control the tabs/window, rather than the web page. Not much is more irritating to me than a site that DOES NOT open external links in a new window or tab. Mike __ 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] external link indicators
I'm personally of the opinion that the web page should have some form of intelligence. I typically design so that if you stay within the domain you stay in the window. If you leave the domain you get a new one so you can more easily return to the domain if you get too deep into the new site. I just think that's common sense but I know what I believe is rarely common... Mike From: David Robertson [mailto:funpackeds...@googlemail.com] Off-topic a bit, but that's what right-click - open in new tab (or even better, middle click) is for. Let the user control the tabs/window, rather than the web page. Not much is more irritating to me than a site that DOES NOT open external links in a new window or tab. Mike __ 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] external link indicators
On Aug 27, 2009, at 7:25 AM, Michael Stevens wrote: -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Bobby Jack Anything's better than opening links in a new window, though :-) Not much is more irritating to me than a site that DOES NOT open external links in a new window or tab. Mike I absolutely agree. So, if I go to this link in the site, and I decide to do some digging around in the new site, now I have to drill back up to get to the original site. If I'm REALLY lucky, the person in the new site will have coded their site in such a way that I'm trapped in their site, and even the back button just refreshes the page I'm on, so now I have to either reenter the URL of the page I was on, or go into my history and hope that one of the URLs in that list is recognizable. I wish I could say I always have the presence of mind to just right click the link and open the new window, but I don't. I much, much prefer to have links open up in new windows or tabs. I'm always thankful for it. Theresa __ 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] external link indicators
On 2009/08/27 11:35 (GMT-0400) Michael Stevens composed: I'm personally of the opinion that the web page should have some form of intelligence. Then it should be intelligent enough to know it's not its own computer or browser I am using. I'm the one that gets to decide if a new tab or window is appropriate on my computer. If a page automatically opens a new window without first warning me that will happen and giving me an alternative option, I exit them both, never to willingly return, as long as some less rude alternative exists. With things like banking sites, I change banks, or grab the new window's URL out of history and open it in a new tab. I typically design so that if you stay within the domain you stay in the window. If you leave the domain you get a new one so you can more easily return to the domain if you get too deep into the new site. I have no trouble using my browser's history function whenever than turns out to be necessary. Commonly if I find I've entered a new domain, I hit back, then open the link in a new tab, preserving the parent tab's lineage. I generally make my links to offsite look different on hover than onsite links, easily done with mere CSS, and I often add a tooltip on hover to highlight that it's offsite. -- How much better to get wisdom than gold, to choose understanding rather than silver. Proverbs 16:16 NKJV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://fm.no-ip.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] external link indicators
On 27-Aug-09, at 8:30 AM, Theresa Mesa wrote: On Aug 27, 2009, at 7:25 AM, Michael Stevens wrote: -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Bobby Jack Anything's better than opening links in a new window, though :-) Not much is more irritating to me than a site that DOES NOT open external links in a new window or tab. Mike I absolutely agree. So, if I go to this link in the site, and I decide to do some digging around in the new site, now I have to drill back up to get to the original site. If I'm REALLY lucky, the person in the new site will have coded their site in such a way that I'm trapped in their site, and even the back button just refreshes the page I'm on, so now I have to either reenter the URL of the page I was on, or go into my history and hope that one of the URLs in that list is recognizable. I wish I could say I always have the presence of mind to just right click the link and open the new window, but I don't. I much, much prefer to have links open up in new windows or tabs. I'm always thankful for it. Theresa Hello, The interface is designed so that opening a new window with a link is a user decision, like a new channel on the TV. This behaviour was decided years ago. Programmers should follow the paradigm. To do otherwise, ie. open a new window with your links is contrary to usability. Further this thread is not about css and perhaps better belongs on a web design list like the type thread that clogged this list a couple of weeks ago. These are not css issues. Norman __ 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] removing tables
-Original Message- From: David Hucklesby [mailto:huckle...@gmail.com] Subject: Re: [css-d] removing tables Something like this, perhaps? http://www.communitymx.com/content/article.cfm?cid=97480 That helped with margins, so the text doesn't wrap under the thumb image - thank you. BUT... I am now having trouble getting the #container to contain the two med-cat items. The border of #container is supposed to wrap everything except the footer. Any help? http://www.gorillasuits.com/HTN/default-css.html - Greg __ 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] nav help
Along with the container issue I am having in a previous email, I am also having trouble with the nav element. Does anyone have a good resource that will help me emulate the image that I posted for reference on this page? http://www.gorillasuits.com/HTN/default-css.html The blue and red backgrounds are where I am actually working on the nav.. just so I could see how my current css elements are laying out. TIA, Greg greg wilker | video/web producer __ 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] removing tables
On 28/08/2009, at 6:53 AM, Greg Wilker wrote: -Original Message- From: David Hucklesby [mailto:huckle...@gmail.com] Subject: Re: [css-d] removing tables Something like this, perhaps? http://www.communitymx.com/content/article.cfm?cid=97480 That helped with margins, so the text doesn't wrap under the thumb image - thank you. BUT... I am now having trouble getting the #container to contain the two med-cat items. The border of #container is supposed to wrap everything except the footer. Any help? http://www.gorillasuits.com/HTN/default-css.html Google 'containing floats'. #container { overflow: auto; } is one way. __ 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] nav help
From: Greg Wilker jer...@well.com Subject: [css-d] nav help To: css-d@lists.css-discuss.org Date: Thursday, August 27, 2009, 7:19 PM Along with the container issue I am having in a previous email, I am also having trouble with the nav element. Does anyone have a good resource that will help me emulate the image that I posted for reference on this page? http://www.gorillasuits.com/HTN/default-css.html The blue and red backgrounds are where I am actually working on the nav.. just so I could see how my current css elements are laying out. TIA, Greg greg wilker | video/web producer I noticed that your closing tag for the ul is missing. div id=nav ul lia href=#Costumes/a/li lia href=#About Us/a/li lia href=#Contact Us/a/li lia href=#FAQ/a/li lia href=#Home/a/li/ul /ul /*add this*/ /div Rod Castello __ 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-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] removing tables
Greg Wilker wrote: ... I am now having trouble getting the #container to contain the two med-cat items. The border of #container is supposed to wrap everything except the footer. Any help? http://www.gorillasuits.com/HTN/default-css.html -- It's a case of containing your floats. Actually, your use of a BR element to clear floats in .main-cat and .med-cat are giving problems. Firefox correctly clears the sidebar, making .main-cat too tall. Safari 4 for some odd reason makes the entire #mainContent drop below the sidebar. (???) Anyhow, I suggest scrapping the extra BR element as a means of clearing your floats, and use Thierry's suggestion instead. I used overflow: auto; on #container, .main-cat, and .med-cat this end. I did not fire up Windows to check IE, but believe that only .main-cat needs a hasLayout trigger to get it working cross-browser. Other elements have a specified width that does the trick. This is Thierry's suggestion: http://www.tjkdesign.com/articles/clearing-floats_and_block-formatting_context.asp 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] nav help
Greg Wilker wrote: Along with the container issue I am having in a previous email, I am also having trouble with the nav element. Does anyone have a good resource that will help me emulate the image that I posted for reference on this page? http://www.gorillasuits.com/HTN/default-css.html The blue and red backgrounds are where I am actually working on the nav.. just so I could see how my current css elements are laying out. TIA, Greg First things first. Forget the nav for the moment. Is this how the page proper is supposed to look? html http://chelseacreekstudio.com/ca/cssd/gorilla.htm css http://chelseacreekstudio.com/ca/cssd/gorilla_files/main.css Cursory checked in IE 6/7/8 Safari, Opera, FF Note the many markup changes. The goofy colors are a key to the CSS changes. A width is needed on some floats (and some now go right, not left) and that they are cleared within the CSS with the easy clearing method or overflow hidden. __ 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] nav help
-Original Message- From: David Laakso [mailto:da...@chelseacreekstudio.com] Subject: Re: [css-d] nav help http://www.gorillasuits.com/HTN/default-css.html First things first. Forget the nav for the moment. Is this how the page proper is supposed to look? html http://chelseacreekstudio.com/ca/cssd/gorilla.htm css http://chelseacreekstudio.com/ca/cssd/gorilla_files/main.css Cursory checked in IE 6/7/8 Safari, Opera, FF Note the many markup changes. The goofy colors are a key to the CSS changes. A width is needed on some floats (and some now go right, not left) and that they are cleared within the CSS with the easy clearing method or overflow hidden. This is dead-on what is supposed to be happening in the layout. I am working your code/css changes in, and would like to truly learn from this experience... Just to make sure, it looked to me like you didn't change the html - true? This is important for me to learn as I often hit this sort of thing in layouts. TIA, Greg __ 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] nav help
Greg Wilker wrote: http://www.gorillasuits.com/HTN/default-css.html First things first. Forget the nav for the moment. Is this how the page proper is supposed to look? html http://chelseacreekstudio.com/ca/cssd/gorilla.htm css http://chelseacreekstudio.com/ca/cssd/gorilla_files/main.css Cursory checked in IE 6/7/8 Safari, Opera, FF Note the many markup changes. The goofy colors are a key to the CSS changes. A width is needed on some floats (and some now go right, not left) and that they are cleared within the CSS with the easy clearing method or overflow hidden. This is dead-on what is supposed to be happening in the layout. I am working your code/css changes in, and would like to truly learn from this experience... Just to make sure, it looked to me like you didn't change the html - true? False. Read what I wrote. Again. This is important for me to learn as I often hit this sort of thing in layouts. TIA, Greg ~de __ 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] nav help
-Original Message- From: David Laakso [mailto:da...@chelseacreekstudio.com] Subject: Re: [css-d] nav help Greg Wilker wrote: Just to make sure, it looked to me like you didn't change the html - true? False. Read what I wrote. Again. okay - thanks again, 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] nav help
Greg Wilker wrote: -Original Message- From: David Laakso [mailto:da...@chelseacreekstudio.com] Subject: Re: [css-d] nav help Greg Wilker wrote: Just to make sure, it looked to me like you didn't change the html - true? False. Read what I wrote. Again. okay - thanks again, David Sure. Good luck. Best, Quasimodo. __ 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/