Re: [WSG] A Semi-Transparent Background Color?
To Mike, with what I am currently applying this code to it won't work, unfortunately. But, thanks for the link, it will be needed for a project to be completed in the near future. ;) To Luke, thanks for the link on the search, I will delve into it in a bit. :) To Lewis, Matthew, the link you gave me, gives me...somewhat...the desired result, however, the code I am forced to apply it to cannot be changed, so instead of just the background becoming semi-transparent, the whole thing is transparent. :( The site I am applying this code to, was built completely with tables, sub-tables, sub-sub-tables, etc. Few, if any, (I believe only a few main tables) have id and class attributes to them. A sample of the css targeting for these tables appears below: table table table td { background-image:url(" http://i667.photobucket.com/albums/vv31/learnTheGame/madeown/ohtransparency.png "); filter:alpha(opacity=10); -moz-opacity:0.1; opacity: 0.1; -khtml-opacity:10; } table table table table td { filter:alpha(opacity=100); -moz-opacity:100; opacity:1.0; -khtml-opacity:100; } table table table table { border:0px; } I think the site itself was created with some sort of standard table-only page creator...but, I cannot honestly say for sure. There is no way for me to access any code other than what is located within the CSS style sheet, as permissions will not allow me to. That being said, is there a way, using the above CSS code, to not force all content within the individual Table (td) tags to become transparent as well, only the background of the tables and td's? -- Brett P. On Wed, Feb 11, 2009 at 7:21 PM, Lewis, Matthew wrote: > > There is this article: > > http://css-tricks.com/css-transparency-settings-for-all-broswers/ > > > > > On 12/02/2009, at 1:04 PM, Brett Patterson wrote: > > Hi all, >> >> I was wondering why there was no implementation to allow a >> semi-transparent background color using CSS? If there is, is there a link >> that would point me in the direction to figure out how to go about >> implementing it on a Web page? >> >> -- >> Brett P. >> >> *** >> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm >> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm >> Help: memberh...@webstandardsgroup.org >> *** >> > > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** > > *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] A Semi-Transparent Background Color?
Brett Patterson wrote: Hi all, I was wondering why there was no implementation to allow a semi-transparent background color using CSS? If there is, is there a link that would point me in the direction to figure out how to go about implementing it on a Web page? RGBA in CSS3, if you're only targetting the latest browser versions http://www.w3.org/TR/css3-color/#rgba-color P -- Patrick H. Lauke __ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com __ Co-lead, Web Standards Project (WaSP) Accessibility Task Force http://webstandards.org/ __ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] A Semi-Transparent Background Color?
There is this article: http://css-tricks.com/css-transparency-settings-for-all-broswers/ On 12/02/2009, at 1:04 PM, Brett Patterson wrote: Hi all, I was wondering why there was no implementation to allow a semi- transparent background color using CSS? If there is, is there a link that would point me in the direction to figure out how to go about implementing it on a Web page? -- Brett P. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] A Semi-Transparent Background Color?
try this one http://www.google.com/search?hl=en&rlz=1B3GGGL_enAU252AU254&q=semi+transparent+background+color+css&btnG=Search Brett Patterson wrote: Hi all, I was wondering why there was no implementation to allow a semi-transparent background color using CSS? If there is, is there a link that would point me in the direction to figure out how to go about implementing it on a Web page? -- Brett P. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] A Semi-Transparent Background Color?
Hi Brett, I was wondering why there was no implementation to allow a semi-transparent background color using CSS? Would this worn text technique using an image work for you? http://www.khmerang.com/index.php?p=95 Maybe you can use a dotted color/clear GIF to perform as you want. HTH Respectfully, Mike Cherim http://green-beast.com/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] A Semi-Transparent Background Color?
Hi all, I was wondering why there was no implementation to allow a semi-transparent background color using CSS? If there is, is there a link that would point me in the direction to figure out how to go about implementing it on a Web page? -- Brett P. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Re: Html markup suggestions
Hi Shaun, I agree with you that the microformats.org offerings are less than helpful. One visits the site expecting that we are all going to work together to establish uniform mark up for elements that will be used again and again, but the information isn't presented as such. Rather it is presented as suggestions and results of "googling". This page has the most relevant offerings for naming markup, relevant to books: http://microformats.org/wiki/book-info-examples However, one would certainly expect more. Intuitively, one would expect the documentation to say "booktitle" and "bookauthor" and such... Perhaps once you complete your mark up you'll have something to add to the wiki examples. :) Jen * From: Porkandpaws Date: Tue, 10 Feb 2009 21:25:55 + Subject: Re: Html markup suggestions Hi All I am looking to mark up the following information relating to books Book title Author Cover image ISBN I would like to do this in the most semantic rich way that potentially could be programatically extracted There are no existing microformats suitable for this and I do not know of any drafts. Would anyone care to offer any suggestions Many thanks in anticipation Shaun *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] WSG Digest
Dessde el 9 al 27 de Febrero me encontraré de vacaciones. Sus requerimientos relacionados con Soluciones Verticales por favor copiarlos a Natalia Lillo Cordialmente, Rubén Valenzuela T. Jefe de proyectos soluciones verticales *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Layering Images
So i think you just need to add a div with class="completed" in your relatively positioned for completed items and apply absolute positioning to that div. The div would have the background image of a "Completed" transparent png as you have it in your mockup with bottom: 0. Have you tried to implement something? I'm a little unclear on what exactly the question is and what exactly you need help with in the process. On Feb 11, 2009, at 7:27 AM, Nathan Wheatley wrote: Thanks Todd, I won't dump all the markup in the email, but: Full source of page is here - http://52.nathanwheatley.com/index-hover.html CSS used by page is here - http://52.nathanwheatley.com/assets/style-hover.css I understand there are probably a whole lot of other errors with my markup. Many of them I am aware of. For now, I'm just trying to get it to function correctly. On Wed, Feb 11, 2009 at 11:15 PM, Todd Budnikas wrote: Nathan, sounds like you should just apply position:absolute to to both the image and your and apply position:relative to the li (parent) for the img and to work off of. It would be helpful though to see the CSS in addition to the markup. > I apologise if this has been dealt with before, but I'm having trouble > layering some images in a project I am working on. > What I am trying to achieve is this - > http://img.skitch.com/20090211-reu2htst32muj7s5w8n2au4r33.jpg > > I have the following (repeated, obviously), to display the images. > > href="">No. > 01Task Description > > What I am trying to do is add the "completed" label to some of the items, > which I am having trouble with. What is the best way to approach this? > > Any help would be appreciated. Thanks. > > -- > -- > Nathan Wheatley > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- -- Nathan Wheatley *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Layering Images
Thanks Todd, I won't dump all the markup in the email, but: Full source of page is here - http://52.nathanwheatley.com/index-hover.html CSS used by page is here - http://52.nathanwheatley.com/assets/style-hover.css I understand there are probably a whole lot of other errors with my markup. Many of them I am aware of. For now, I'm just trying to get it to function correctly. On Wed, Feb 11, 2009 at 11:15 PM, Todd Budnikas wrote: > Nathan, sounds like you should just apply position:absolute to to both the > image and your and apply position:relative to the li (parent) for the > img and to work off of. It would be helpful though to see the CSS in > addition to the markup. > > > I apologise if this has been dealt with before, but I'm having trouble > > layering some images in a project I am working on. > > What I am trying to achieve is this - > > http://img.skitch.com/20090211-reu2htst32muj7s5w8n2au4r33.jpg > > > > I have the following (repeated, obviously), to display the images. > > > > No. > > 01Task Description > > > > What I am trying to do is add the "completed" label to some of the items, > > which I am having trouble with. What is the best way to approach this? > > > > Any help would be appreciated. Thanks. > > > > -- > > -- > > Nathan Wheatley > > > > > > *** > > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > > Help: memberh...@webstandardsgroup.org > > *** > > > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** > > -- -- Nathan Wheatley *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Layering Images
Nathan, sounds like you should just apply position:absolute to to both the image and your and apply position:relative to the li (parent) for the img and to work off of. It would be helpful though to see the CSS in addition to the markup. > I apologise if this has been dealt with before, but I'm having trouble > layering some images in a project I am working on. > What I am trying to achieve is this - > http://img.skitch.com/20090211-reu2htst32muj7s5w8n2au4r33.jpg > > I have the following (repeated, obviously), to display the images. > > No. > 01Task Description > > What I am trying to do is add the "completed" label to some of the items, > which I am having trouble with. What is the best way to approach this? > > Any help would be appreciated. Thanks. > > -- > -- > Nathan Wheatley > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Accessibility testing
The Firefox Web Developer Toolbar (by Chris Pederick: http://chrispederick.com/work/web-developer/) has an option under "Tools" to validate Section 508. In the end, it ultimately just point to this site: http://www.cynthiasays.com/fulloptions.asp There is an optional select menu to change from Section 508 to WCGA, etc. Also, the Firefox Accessibility Extension goes a bit further: http://firefox.cita.uiuc.edu/tools.php and a few additional web based solutions mentioned here http://firefox.cita.uiuc.edu/tools.php#other > http://www.vmware.com/download/fusion/ > > http://www.soft32.com/Download/Free/Apple_Boot_Camp/4-200398-1.html > > Problem solved? Otherwise, > > Firefox has plugins that give nice reports, (HTML Validator plugin may > have > had the Accessibility options, i can't remember, it's been a while since i > used it) > > Apart from that, I'm not sure I can help you > > On Wed, Feb 11, 2009 at 4:59 PM, Henrik Madsen > wrote: > >> >> Hi all, >> >> I'm wrapping up a Government agency website. >> >> They have reams of design and usability standards. Some pretty >> pointless; >> others very valid - but no problem. >> >> Re. accessibility, they use ACTF aDesigner. >> >> http://www.eclipse.org/actf/downloads/tools/aDesigner/index.php >> >> And "our scores against WCAG v1.0 Level A" could apparently be improved. >> They have provided scores for star rating, compliance, navigability and >> listenability. >> >> Now, here's the thing. This software is only for PC. I'm Mac. Not very >> accessible eh? :) >> >> What similar software / online systems do people use and get reliable >> results (if reliable results are indeed attainable)? >> >> TIA. >> >> Henrik >> >> >> Henrik Madsen >> *Generator* >> hen...@igenerator.com.au >> www.igenerator.com.au >> >> >> *** >> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm >> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm >> Help: memberh...@webstandardsgroup.org >> *** > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Layering Images
I apologise if this has been dealt with before, but I'm having trouble layering some images in a project I am working on. What I am trying to achieve is this - http://img.skitch.com/20090211-reu2htst32muj7s5w8n2au4r33.jpg I have the following (repeated, obviously), to display the images. No. 01Task Description What I am trying to do is add the "completed" label to some of the items, which I am having trouble with. What is the best way to approach this? Any help would be appreciated. Thanks. -- -- Nathan Wheatley *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Accessibility testing
Hi Henrik Madsen, I also work with Mac, if needed use sofwares 'windows only'I usually use the VirtualBox, this software is Opensource. This software has an incredible performance to emulate other operating systems inside the windows, and more! is opensource (: See this link: http://www.virtualbox.org []'s Maurivan Luiz maurivan.com midiaweb.com.br Em 11/02/2009, às 04:25, Luke Hoggett escreveu: Parallels Henrik Madsen wrote: Hi all, I'm wrapping up a Government agency website. They have reams of design and usability standards. Some pretty pointless; others very valid - but no problem. Re. accessibility, they use ACTF aDesigner. http://www.eclipse.org/actf/downloads/tools/aDesigner/index.php And "our scores against WCAG v1.0 Level A" could apparently be improved. They have provided scores for star rating, compliance, navigability and listenability. Now, here's the thing. This software is only for PC. I'm Mac. Not very accessible eh? :) What similar software / online systems do people use and get reliable results (if reliable results are indeed attainable)? TIA. Henrik Henrik Madsen Generator hen...@igenerator.com.au www.igenerator.com.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***