Re: [css-d] Spry problems
On 11/05/2010, at 10:53 AM, Ada Elgavish wrote: > I do not know enough programming to understand what the errors listed by CSS > Validator mean...; thus, I am afraid I cannot correct them...I do understand, > though, that these are errors of syntax in both the horizontal and the > vertical navigation spry. Ada, an absolutely invaluable tool for diagnosing css problems is the Firebug add-on for Firefox (I think there is something similar for ie??). It can show you which rules are coming from which style sheet (or part thereof), what's over-riding what, and whether you need to get more specific to over-ride an inherited rule. Cheers, KathyW. __ 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] On iPhone, fonts look smaller in the footer
On 11/4/10 8:43 PM, bho...@aol.com wrote: Sorry about the previous email. One of these days I'll learn how to send code. A url to the problem site in question is almost always your best bet. Regards, ~grasshopper -- :: 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/
[css-d] On iPhone, fonts look smaller in the footer
Sorry about the previous email. One of these days I'll learn how to send code. I know my code is probably sloppy, but I'm learning. On a site I'm working on, everything looks as planned on all browsers on my computer and mobile devices, except the iPhone & iPod Touch. On these two devices, the text in the footer is somehow half the size as it should be. Any ideas? Bruce p.bottom_links{ text-align:center; } span.bottom_words{ font-family:Arial, Helvetica, sans-serif; color: #00; font-size: 12px; letter-spacing:0px; } a.bottom_menu:link {text-decoration: none; color: #00; font-family: arial; font-size: 12px;} a.bottom_menu:visited {text-decoration: none; color: #00; font-family: arial; font-size: 12px;} a.bottom_menu:hover {text-decoration: underline; color: #00; font-family: arial; font-size: 12px;} a.bottom_menu:active {text-decoration: none; color: #00; font-family: arial; font-size: 12px;} __ 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] On iPhone, fonts look smaller in the footer
Sorry about the previous email. One of these days I'll learn how to send code. I know my code is probably sloppy, but I'm learning. On a site I'm working on, everything looks as planned on all browsers on my computer and mobile devices, except the iPhone & iPod Touch. On these two devices, the text in the footer is somehow half the size as it should be. Any ideas? Bruce p.bottom_links{ text-align:center; } span.bottom_words{ font-family:Arial, Helvetica, sans-serif; color: #00; font-size: 12px; letter-spacing:0px; } a.bottom_menu:link {text-decoration: none; color: #00; font-family: arial; font-size: 12px;} a.bottom_menu:visited {text-decoration: none; color: #00; font-family: arial; font-size: 12px;} a.bottom_menu:hover {text-decoration: underline; color: #00; font-family: arial; font-size: 12px;} a.bottom_menu:active {text-decoration: none; color: #00; font-family: arial; font-size: 12px;} Home | About Us | Members Area | Travel Tips | Passport Info | Contact Us Designed and maintained by http://www.sitenotready.com"; class="bottom_menu">Site Not Ready __ 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] On iPhone, fonts look smaller in the footer
I know my code is probably sloppy, but I'm learning. On a site I'm working on, everything looks as planned on all browsers on my computer and mobile devices, except the iPhone & iPod Touch. On these two devices, the text in the footer is somehow half the size as it should be. Any ideas? Bruce p.bottom_links{ text-align:center; } span.bottom_words{ font-family:Arial, Helvetica, sans-serif; color: #00; font-size: 12px; letter-spacing:0px; } a.bottom_menu:link {text-decoration: none; color: #00; font-family: arial; font-size: 12px;} a.bottom_menu:visited {text-decoration: none; color: #00; font-family: arial; font-size: 12px;} a.bottom_menu:hover {text-decoration: underline; color: #00; font-family: arial; font-size: 12px;} a.bottom_menu:active {text-decoration: none; color: #00; font-family: arial; font-size: 12px;} Home | About Us | Members Area | Travel Tips | Passport Info | Contact Us Designed and maintained by http://www.sitenotready.com"; class="bottom_menu">Site Not Ready __ 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] Spry problems
I do not know enough programming to understand what the errors listed by CSS Validator mean...; thus, I am afraid I cannot correct them...I do understand, though, that these are errors of syntax in both the horizontal and the vertical navigation spry. Would correcting these errors of syntax solve the problems I have at http://138.26.120.126/CAMAC/Trial19.html ? (Copied them again below this message). Would still like to develop the website, if I can get some help... Thanks. Ada (1) The horizontal navigation bar at the top. Using the .css tools in Dreamweaver, I gave the entire navigation bar the width 780px and each menu button a width of 156px. In spite of that the menu bar does not fill the entire width. (2) The horizontal navigation bar at the top. I did something (?!) and, when the page loads up, ONLY the last button shows the "hover" attributes (green on white background) instead of the white font on green background like all the rest. If I hover over it once in the browser, it gets corrected. However, if I close the browser and open it again, the problem persists. Cannot find where I should make the changes to correct this (3) The vertical left side navigation bar. I had corrected it already once to get rid of the grey background of the menu buttons. I would like them white font on the same background as the rest of the DIV, with colors reversed on hover. By the way, in Dreamweaver, the background of the vertical menu buttons looks just the way I want it...Not in the browser though... -Original Message- From: Philip Taylor (Webmaster, Ret'd) [mailto:p.tay...@rhul.ac.uk] Sent: Thursday, November 04, 2010 6:08 PM To: Ada Elgavish Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Spry problems Ada Elgavish wrote: > Dear Philip, > > Thanks again for introducing me to the Validation Service! > > I corrected all the mistakes detected by the validation service. Still > have the problems below... > > Any help will be appreciated! You're very welcome, Ada, and congratulations on correcting the errors so quickly. But now that the HTML is correct, you will see at the bottom of the validation report page a reference (in fact, several references) to the CSS validator, and when you ask it in turn to look at your page, once again it finds problems ... http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2F138.26.120.126%2FCAMAC%2FTrial19.html ** Phil. __ 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] Blocking css was ADMIN: Is blocking ads OK for web developers?
On Nov 5, 2010, at 5:57 AM, Kathy Wheeler wrote: > Actually, that and a comment by another poster re css id names > (#advertisement) makes me ask are there names we should avoid using for class > and id identifiers if they are likely to trigger some sort of blocking > mechanism that might wreck havoc on a page by hiding parts of it?? A couple of resources: CSS rules used by Camino's adblocker: http://mxr.mozilla.org/camino/source/camino/resources/application/ad_blocking.css Adblock plus basic rules: https://easylist-downloads.adblockplus.org/easylist.txt you can dig into the glimmerblocker filters: http://glimmerblocker.org/wiki/Filters For all those blockers, there is more logic behind the scenes (regular expressions for url based blocking and so on). 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] Spry problems
Ada Elgavish wrote: Dear Philip, Thanks again for introducing me to the Validation Service! I corrected all the mistakes detected by the validation service. Still have the problems below… Any help will be appreciated! You're very welcome, Ada, and congratulations on correcting the errors so quickly. But now that the HTML is correct, you will see at the bottom of the validation report page a reference (in fact, several references) to the CSS validator, and when you ask it in turn to look at your page, once again it finds problems ... http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2F138.26.120.126%2FCAMAC%2FTrial19.html ** Phil. __ 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] Spry problems
Dear Philip, Thanks again for introducing me to the Validation Service! I corrected all the mistakes detected by the validation service. Still have the problems below... Any help will be appreciated! Thanks. Ada -Original Message- From: Philip Taylor (Webmaster, Ret'd) [mailto:p.tay...@rhul.ac.uk] Sent: Thursday, November 04, 2010 4:56 PM To: Ada Elgavish Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Spry problems Dear Ada -- Your page has seven errors [1]. Until you correct these, all behaviours are effectively random. Philip Taylor [1] http://validator.w3.org/check?uri=http://138.26.120.126/CAMAC/Trial19.html Ada Elgavish wrote: > Hello, > > I am developing a website at: http://138.26.120.126/CAMAC/Trial19.html using > Dreamweaver in CS4. > > I have several problems: > > > (1) The horizontal navigation bar at the top. I gave the entire navigation > bar the width 780px and each menu button a width of 156px. In spite of that > the menu bar does not fill the entire width. > > > > (2) The horizontal navigation bar at the top. I did something (?!) and, > when the page loads up, ONLY the last button shows the "hover" attributes > (green on white background) instead of the white font on green background > like all the rest. If I hover over it once in the browser, it gets corrected. > However, if I close the browser and open it again, the problem persists. > Cannot find where I should make the changes to correct this > > > (3) The vertical left side navigation bar. I had corrected it already once > to get rid of the grey background of the menu buttons. I would like them > white font on the same background as the rest of the DIV, with colors > reversed on hover. By the way, in Dreamweaver, the background of the vertical > menu buttons looks just the way I want it...Not in the browser though... > > I went through each item of the SprymenuBar.css vertical and horizontal, but > it seems that I have no control over what happens. > > I will appreciate any help I can get. > > Thank you very much. > > Confused in Alabama > > > __ > 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] Spry problems
Dear Ada -- Your page has seven errors [1]. Until you correct these, all behaviours are effectively random. Philip Taylor [1] http://validator.w3.org/check?uri=http://138.26.120.126/CAMAC/Trial19.html Ada Elgavish wrote: Hello, I am developing a website at: http://138.26.120.126/CAMAC/Trial19.html using Dreamweaver in CS4. I have several problems: (1) The horizontal navigation bar at the top. I gave the entire navigation bar the width 780px and each menu button a width of 156px. In spite of that the menu bar does not fill the entire width. (2) The horizontal navigation bar at the top. I did something (?!) and, when the page loads up, ONLY the last button shows the "hover" attributes (green on white background) instead of the white font on green background like all the rest. If I hover over it once in the browser, it gets corrected. However, if I close the browser and open it again, the problem persists. Cannot find where I should make the changes to correct this (3) The vertical left side navigation bar. I had corrected it already once to get rid of the grey background of the menu buttons. I would like them white font on the same background as the rest of the DIV, with colors reversed on hover. By the way, in Dreamweaver, the background of the vertical menu buttons looks just the way I want it...Not in the browser though... I went through each item of the SprymenuBar.css vertical and horizontal, but it seems that I have no control over what happens. I will appreciate any help I can get. Thank you very much. Confused in Alabama __ 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] Spry problems
Hello, I am developing a website at: http://138.26.120.126/CAMAC/Trial19.html using Dreamweaver in CS4. I have several problems: (1) The horizontal navigation bar at the top. I gave the entire navigation bar the width 780px and each menu button a width of 156px. In spite of that the menu bar does not fill the entire width. (2) The horizontal navigation bar at the top. I did something (?!) and, when the page loads up, ONLY the last button shows the "hover" attributes (green on white background) instead of the white font on green background like all the rest. If I hover over it once in the browser, it gets corrected. However, if I close the browser and open it again, the problem persists. Cannot find where I should make the changes to correct this (3) The vertical left side navigation bar. I had corrected it already once to get rid of the grey background of the menu buttons. I would like them white font on the same background as the rest of the DIV, with colors reversed on hover. By the way, in Dreamweaver, the background of the vertical menu buttons looks just the way I want it...Not in the browser though... I went through each item of the SprymenuBar.css vertical and horizontal, but it seems that I have no control over what happens. I will appreciate any help I can get. Thank you very much. Confused in Alabama __ 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] Blocking css was ADMIN: Is blocking ads OK for web developers?
On Thu, Nov 4, 2010 at 1:57 PM, Kathy Wheeler wrote: > > On 11/05/2010, at 1:36 AM, Eric A. Meyer wrote: >> Of course, we could bring it back on-topic by discussing various ways to >> employ user stylesheets to block the display of ads while avoiding (as much >> as possible) the suppression of non-ad content. > > > Actually, that and a comment by another poster re css id names > (#advertisement) makes me ask are there names we should avoid using for class > and id identifiers if they are likely to trigger some sort of blocking > mechanism that might wreck havoc on a page by hiding parts of it?? > > KathyW. > __ I have run into a problem with using certain id and class names. It was very mysterious at the time. My page looked different when viewed locally on my computer compared to in place on the web server. Reason for this was, I used an id name that was blocked by AdBlocker add-on. AND, the AdBlocker was set to not filter localhost content. Thus my page looked okay on my c drive. But the minute I uploaded it large chunks of content were missing. http://adblockplus.org/en/filters#elemhide_basic The url gives you a peek inside the mechanism for element hiding in Adblocker. I have not been able to find a list of default id and class that are blocked. However, I can tell you conclusively that (at the time) id="ad" was blocked :) Since then I have avoided such names for id or class. Regards, Claude Needham __ 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] Blocking css was ADMIN: Is blocking ads OK for web developers?
On 11/05/2010, at 1:36 AM, Eric A. Meyer wrote: > Of course, we could bring it back on-topic by discussing various ways to > employ user stylesheets to block the display of ads while avoiding (as much > as possible) the suppression of non-ad content. Actually, that and a comment by another poster re css id names (#advertisement) makes me ask are there names we should avoid using for class and id identifiers if they are likely to trigger some sort of blocking mechanism that might wreck havoc on a page by hiding parts of it?? KathyW. __ 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: Is blocking ads OK for web developers?
At 10:01 AM -0200 11/4/10, Jackson Araújo wrote: I was wondering, as i started learning my way through web development, if the habit i had of using the so-famous Adblock filters and addons, while surfing the web was something OK. This is, as has been pointed out, wildly off-topic. Of course, we could bring it back on-topic by discussing various ways to employ user stylesheets to block the display of ads while avoiding (as much as possible) the suppression of non-ad content. That could be kind of fun. But unless someone wants to pick up that ball and run with it, the thread is now over. Thank you. -- 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] Is blocking ads OK for web developers?
Hi, I use mac mail and there is a warning along with this email. It says 'unable to verify message signature'. I have never seen this before. I don't like it, and it makes me a bit uneasy. Off topic. but my penny's worth. Pop ups are intrusive, so I have 'block pup up windows' turned on. Does a good job I think cos many of the blogs I use people are always whining about pop ups and I don't get them. Pop ups that then hide behind the current page I am viewing are just the worst. Look at Chinese webites, they have some interesting techniques and a lot of them are just OTT. Fixed position ads irritate me too. Ads appearing after searches and above the site's actual content grind my gears, and I don't know why a developer would really want to do that anyway. I worked on an ad campaign for vodafone called 'content integrated marketing'. The idea being that it looked part of the website that it was placed - but clearly marked 'advertisement'. I didn't feel so bad about that and I think it worked quite well. I don't know about adblock, but I can block ads with my own eyes. So if it's in my face, flagrantly an ad then I don't look at it. bored, going to the pub. Chris On 04/11/2010, at 8:01 PM, Jackson Araújo wrote: I was wondering, as i started learning my way through web development, if the habit i had of using the so-famous Adblock filters and addons, while surfing the web was something OK. I mean, some of you (hopefully "us", in a while) might even have to design advertisement campaigns, etc. So having them turned off could take a valuable (sometimes not that much) source of inspiration away. What do you guys think? Do you use them? Know somebody who does? Perhaps, someday in the future i'd regret doing so... -- José Araújo --zéck-- __ 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] Is blocking ads OK for web developers?
On Nov 4, 2010, at 9:01 PM, Jackson Araújo wrote: > I was wondering, as i started learning my way through web development, if the > habit i had of using the so-famous Adblock filters and addons, while surfing > the web was something OK. > > I mean, some of you (hopefully "us", in a while) might even have to design > advertisement campaigns, etc. So having them turned off could take a valuable > (sometimes not that much) source of inspiration away. > > What do you guys think? Do you use them? Know somebody who does? This is basically completely off-topic for CSS-D. Try a more general lis, such as Webdesign-L. http://www.webdesign-l.com/ More on topic: web developers should have a working knowledge of the world of ad blockers, to make sure their legitimate content isn't blocked or otherwise affected. As far as stylesheet goes, this mostly affect the way selectors are written (class names and ids). I've also seen quite a few pages where contents is mangled because their template uses ads as structural elements. Remove the ad and the construction falls apart. (yeah, something like #advertisement {clear: both;} (I help maintain one ad blocker, and have contributed to others in the past) 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/
[css-d] Is blocking ads OK for web developers?
I was wondering, as i started learning my way through web development, if the habit i had of using the so-famous Adblock filters and addons, while surfing the web was something OK. I mean, some of you (hopefully "us", in a while) might even have to design advertisement campaigns, etc. So having them turned off could take a valuable (sometimes not that much) source of inspiration away. What do you guys think? Do you use them? Know somebody who does? Perhaps, someday in the future i'd regret doing so... -- José Araújo --zéck-- __ 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/