Re: [WSG] site feedback
Hi Marvin 2009/11/12 Marvin Hunkin startrekc...@gmail.com: here'sthe current version and hopefully the final version. now from a accessibility view point, and a layout and content viewpoint. what do you think? It has a plain and unsophisticated look but there’s a certain honesty that comes with that may prove to be appropriate to the business of selling fresh produce. I believe the home page would benefit from a descriptive paragraph which introduces the business and what Joe has to offer, This would make the most sense near the top of the home page with the first image. A summary of the content that appears on the history page would be appropriate. I’d include a read more link to the history page at the end of this text. Actually I would suggest you rename the history page to 'About Joe’s'. The banana icons used on the main navigation are too complex to be used on every link. Their repetition draws attention away from the links themselves rather than helping people visually distinguish between them. If you are willing to do some additional work, I would suggest you only place the icon in front of the link to the current page. The best way to distinguish this link from the others is to not have it linked at all. Instead of the [a] use a [span] or [strong] for emphasis. This will also provide a usability improvement by preventing the confusion that is created when one follows links to a page already loaded. Are the specials going to change? If so you’ll need to be careful to prevent too much text being added to the description of each special. This is a potential problem because you are setting the height of the specials divs – additional content may be obscured if it doesn’t fit in this height. If this content is going to be regularly changed ask this list about alternative layout techniques you could use to avoid this problem. One more point regarding the navigation. Personally I don’t think it is necessary to repeat the navigation at the top and bottom of the page. The 'Top of page' link ought to be adequate for those looking for the navigation in the footer. It would be better I think to split the navigation into two sets to provide the most important links in the site more emphasis. Very few visitors to the site will be looking for Copyright or Credits information so take these out of the navigation at the top of the page and put them in the footer. Similarly, as Nathanael suggested, the links to other Fruit and Veg sites is another candidate for the footer unless you really see this being a core reason people will visit Joe’s web page. I hope you find my criticisms constructive. Ollie @ollicle *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] .box breaks up on feedback page.
Hello, I have a .box on my lists. All of them have round corners except the one on feedback page. I was able to get the corner on the bottom- right round last night at one point, but when I moused over it, it changed. Not that corner is not round at all. I am chasing errors, but have not found it yet. Will someone help? Thanks!! Kathleen http://198.189.180.32/ma-ftp/media-arts/DMA_C111/dery/site/feedback_6.html http://198.189.180.32/ma-ftp/media-arts/DMA_C111/dery/site/main.css *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] .box breaks up on feedback page.
It work fine in Firefox 3.5. It might be a browser quirk. Kathleen R Dery wrote: Hello, I have a .box on my lists. All of them have round corners except the one on feedback page. I was able to get the corner on the bottom-right round last night at one point, but when I moused over it, it changed. Not that corner is not round at all. I am chasing errors, but have not found it yet. Will someone help? Thanks!! Kathleen http://198.189.180.32/ma-ftp/media-arts/DMA_C111/dery/site/feedback_6.html http://198.189.180.32/ma-ftp/media-arts/DMA_C111/dery/site/main.css *** 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] .box breaks up on feedback page.
Hi Katherine,
This is a case of the specificity, or the weight of one selector
winning over another selector.
You initially apply a rule using this selector:
#navigation ul a { }
You then apply a new rule for the :hover pseudo-class, using this
selector:
#navigation a:hover { }
The third rule you apply is aimed at the last link in your navigation,
where the class of feedback is applied. This only takes place when
you also have the id of feedback applied to the body element.
#feedback #navigation .feedback a { }
The first rule's selector has a weight of: 0-1-0-2 (no inline styles,
one ID, no classes and two elements)
The second rule's selector has a weight of: 0-1-1-1 (no inline styles,
one ID, one pseudo-class and one element)
The third rule's selector has a weight of: 0-2-1-1 (no inline styles,
two IDs, one class and one element)
As you can see, this third rule has much more weight than the two
rules above so it wins out - the :hover rule will not be applied in
this case. There are a number of solutions, but the quickest is to
write a new rule just for this case, making sure the selector is
specific enough, and has enough weight:
#feedback #navigation .feedback a:hover { }
Does this all make sense?
I have a simple presentation about specificity and the cascade online
here if it helps:
http://www.slideshare.net/maxdesign/css-cascade-1658158
Thanks
Russ
On 13/11/2009, at 4:29 AM, Kathleen R Dery wrote:
Hello,
I have a .box on my lists. All of them have round corners except
the one on feedback page. I was able to get the corner on the
bottom-right round last night at one point, but when I moused over
it, it changed. Not that corner is not round at all. I am chasing
errors, but have not found it yet.
Will someone help?
Thanks!!
Kathleen
http://198.189.180.32/ma-ftp/media-arts/DMA_C111/dery/site/feedback_6.html
http://198.189.180.32/ma-ftp/media-arts/DMA_C111/dery/site/main.css
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
[WSG] .box in IE won't go away
Hello, I am going to reframe my question for clarity: There is a browser difference in rendering one of my round cornered boxes on the bottom of my feedback page. In IE7 PC, it breaks up. The same box on other pages work fine. Maybe there is an error in coding, but I am trying to remove it in IE only by using another stylesheet with a conditional comment on that page in question. http://198.189.180.32/ma-ftp/media-arts/DMA_C111/dery/site/feedback_6.html http://198.189.180.32/ma-ftp/media-arts/DMA_C111/dery/site/main.css http://198.189.180.32/ma-ftp/media-arts/DMA_C111/dery/site/ie.css Regards, Kathleen I am using this code, but the box remains in IE7: !--[if IE] link rel=stylesheet type=text/css href=ie.css media=screen / ![endif]-- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] .box breaks up on feedback page.
Yes, I reframed the question again in the forum. It only happens in IE. I am trying to remove it in IE only with a conditional comment. Still it persists. Thanks! Kathleen It work fine in Firefox 3.5. It might be a browser quirk. Kathleen R Dery wrote: Hello, I have a .box on my lists. All of them have round corners except the one on feedback page. I was able to get the corner on the bottom-right round last night at one point, but when I moused over it, it changed. Not that corner is not round at all. I am chasing errors, but have not found it yet. Will someone help? Thanks!! Kathleen http://198.189.180.32/ma-ftp/media-arts/DMA_C111/dery/site/feedback_6.html http://198.189.180.32/ma-ftp/media-arts/DMA_C111/dery/site/main.css *** 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] .box breaks up on feedback page.
Thanks Russ;
I have no problem with hover. My nav and all other links hover fine.
I am confused. Does this affect my box?
I reframed my question to the forum.
Thanks for the feedback! You are kind.
Kathleen
On Nov 12, 2009, at 12:02 PM, Russ Weakley wrote:
Hi Katherine,
This is a case of the specificity, or the weight of one selector
winning over another selector.
You initially apply a rule using this selector:
#navigation ul a { }
You then apply a new rule for the :hover pseudo-class, using this
selector:
#navigation a:hover { }
The third rule you apply is aimed at the last link in your
navigation, where the class of feedback is applied. This only
takes place when you also have the id of feedback applied to the
body element.
#feedback #navigation .feedback a { }
The first rule's selector has a weight of: 0-1-0-2 (no inline
styles, one ID, no classes and two elements)
The second rule's selector has a weight of: 0-1-1-1 (no inline
styles, one ID, one pseudo-class and one element)
The third rule's selector has a weight of: 0-2-1-1 (no inline
styles, two IDs, one class and one element)
As you can see, this third rule has much more weight than the two
rules above so it wins out - the :hover rule will not be applied in
this case. There are a number of solutions, but the quickest is to
write a new rule just for this case, making sure the selector is
specific enough, and has enough weight:
#feedback #navigation .feedback a:hover { }
Does this all make sense?
I have a simple presentation about specificity and the cascade
online here if it helps:
http://www.slideshare.net/maxdesign/css-cascade-1658158
Thanks
Russ
On 13/11/2009, at 4:29 AM, Kathleen R Dery wrote:
Hello,
I have a .box on my lists. All of them have round corners except
the one on feedback page. I was able to get the corner on the
bottom-right round last night at one point, but when I moused over
it, it changed. Not that corner is not round at all. I am chasing
errors, but have not found it yet.
Will someone help?
Thanks!!
Kathleen
http://198.189.180.32/ma-ftp/media-arts/DMA_C111/dery/site/feedback_6.html
http://198.189.180.32/ma-ftp/media-arts/DMA_C111/dery/site/main.css
***
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] .box breaks up on feedback page.
Will someone help?
I think the problem is related to the different default margin/padding
values that different browsers default to. Try replacing this in your css
file:
/* --larger flexible rounded corner box--- */
.box_two {
width: 400px;
background: #da9c73 url(bottom-left.gif) no-repeat left bottom;
padding: 0;
margin: 0;
}
.box_outer {
background: url(bottom-right.gif) no-repeat right bottom;
padding: 0 0 5% 0;
margin: 0;
}
.box_inner {
background: url(top-left.gif) no-repeat left top;
padding: 0;
margin: 0;
}
.box_two ul {
background: url(top-right.gif) no-repeat right top;
padding: 5% 5% 0 5%;
margin: 0;
}
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
[WSG] Nathalie Lapierre is out of the office
I will be out of the office starting 13/11/2009 and will not return until 16/11/2009. If your request is urgent you can contact the Web Content Group No: on 8253 (2)0499. I will checking messages throughout the day. Please consider our environment before printing this email. WARNING - This email and any attachments may be confidential. If received in error, please delete and inform us by return email. Because emails and attachments may be interfered with, may contain computer viruses or other defects and may not be successfully replicated on other systems, you must be cautious. Westpac cannot guarantee that what you receive is what we sent. If you have any doubts about the authenticity of an email by Westpac, please contact us immediately. It is also important to check for viruses and defects before opening or using attachments. Westpac's liability is limited to resupplying any affected attachments. This email and its attachments are not intended to constitute any form of financial advice or recommendation of, or an offer to buy or offer to sell, any security or other financial product. We recommend that you seek your own independent legal or financial advice before proceeding with any investment decision. Westpac Institutional Bank is a division of Westpac Banking Corporation, a company registered in New South Wales in Australia under the Corporations Act 2001 (Cth). Westpac is authorised and regulated in the United Kingdom by the Financial Services Authority and is registered at Cardiff in the United Kingdom as Branch No. BR 106. Westpac operates in the United States of America as a federally chartered branch, regulated by the Office of the Comptroller of the Currency. Westpac Banking Corporation ABN 33 007 457 141. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] .box breaks up on feedback page.
Kathleen R Dery wrote: [...] I am puzzled because the boxes for the lists on other pages are fine with my CSS. It is just the feedback page with the links, the bullets, and the external link icons. This is a good example where using a *logical* debugging process can help immensely, especially when working with CSS and potential browser bugs, and even if you aren't a CSS expert. Based upon your statement above, have you confirmed that the feedback page is in fact ok by removing all the aforementioned content to confirm? Strip it back to the basic template with an empty content column and only your list with the rounded corners and see what happens. If everything is ok, then add the links, bullets etc back in one at a time until you are able to re-create the problem. Once you know which item is the offender, you can better deal with it. FWIW I see the rounded corners just fine in FF 3.015 and FF 3.5. HTH Mark *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] .box breaks up on feedback page.
Thanks Kepler! I do think it has to do with browser-specific margins
and padding also. However, when I tried your CSS, there were two
problems: The filenames for the box parts are supposed to have an
underscore. I fixed that after trying the code the first time. The
results from both times of trying the CSS you provided are a square-
cornered box. I am puzzled because the boxes for the lists on other
pages are fine with my CSS. It is just the feedback page with the
links, the bullets, and the external link icons.
Thanks again!
On Nov 12, 2009, at 2:21 PM, Kepler Gelotte wrote:
Will someone help?
I think the problem is related to the different default margin/padding
values that different browsers default to. Try replacing this in
your css
file:
/* --larger flexible rounded corner box--- */
.box_two {
width: 400px;
background: #da9c73 url(bottom-left.gif) no-repeat left bottom;
padding: 0;
margin: 0;
}
.box_outer {
background: url(bottom-right.gif) no-repeat right bottom;
padding: 0 0 5% 0;
margin: 0;
}
.box_inner {
background: url(top-left.gif) no-repeat left top;
padding: 0;
margin: 0;
}
.box_two ul {
background: url(top-right.gif) no-repeat right top;
padding: 5% 5% 0 5%;
margin: 0;
}
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
***
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] Call for Papers: Round Table conference 2010, May 23-25, Auckland, New Zealand
The Round Table on Information Access for People with Print Disabilities http://e-bility.com/roundtable is a trans-Tasman organisation formed in 1981 to facilitate collaboration between organisations and individuals interested in information access issues. The Round Table comprises over 30 organisation members in Australia and New Zealand, including major accessible format producers, libraries, educators and consumer groups. One of the major activities of the Round Table is an annual conference for information sharing and learning. For the first time in 2010, this conference will be held in Auckland, New Zealand. When: 23-25 May 2010 Where: Heritage Auckland, Auckland, New Zealand Call for Papers The full Call for Papers is now available on the conference blog at: http://roundtable2010.wordpress.com/call-for-papers/ The theme for Round Table's Annual Conference in 2010 is Think Globally, Act Locally. The conference will consider: * What are we achieving in the global context through international groups like the International Council on English Braille http://www.iceb.org/ , the DAISY Consortium http://daisy.org/ , the International Federation of Library Associations and Institutions http://www.ifla.org/en/lpd and the Global Library initiative http://www.daisy.org/projects/global-library/ ? * What local initiatives have been successful in our communities? How can these be expanded to other regions? * What are the issues and opportunities for the print disability community in a world where publishing is moving beyond print? * How are service organisations meeting the changing information access needs of individuals and diverse communities? * How does access to information empower individuals to participate in society? Where are the biggest gaps in information access? The theme will be explored through a mix of speakers, panel discussions and workshops. Be part of Round Table 2010 * Sponsor part of the conference - email the Conference Convenor at mclu...@rnzfb.org.nz for more information * Be part of the Trade Exhibit - email the Conference Convenor at mclu...@rnzfb.org.nz for more information * Attend conference as a delegate - join the Round Table mailing list http://e-bility.com/roundtable/mailinglist.php or keep an eye on the conference blog http://roundtable2010.wordpress.com/ for more information as it becomes available. # This email, including any attachments, is intended solely for the addressee(s). It is confidential and may be legally privileged. If you are not the intended recipient, you must not copy, disclose, distribute or otherwise use it or the information in it. Please notify the sender at once and delete it from your system immediately. Any views or opinions expressed are solely those of the author and do not necessarily represent those of the Royal New Zealand Foundation of the Blind. The Foundation does not accept responsibility for any viruses or other malicious code that may be transmitted with this email. # Please consider the environment before printing this e-mail *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] .box breaks up on feedback page.
Thanks, that is practical advise. I will try it. Kathleen On Nov 12, 2009, at 4:14 PM, Mark Henderson wrote: Kathleen R Dery wrote: [...] I am puzzled because the boxes for the lists on other pages are fine with my CSS. It is just the feedback page with the links, the bullets, and the external link icons. This is a good example where using a *logical* debugging process can help immensely, especially when working with CSS and potential browser bugs, and even if you aren't a CSS expert. Based upon your statement above, have you confirmed that the feedback page is in fact ok by removing all the aforementioned content to confirm? Strip it back to the basic template with an empty content column and only your list with the rounded corners and see what happens. If everything is ok, then add the links, bullets etc back in one at a time until you are able to re-create the problem. Once you know which item is the offender, you can better deal with it. FWIW I see the rounded corners just fine in FF 3.015 and FF 3.5. HTH Mark *** 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] .box breaks up on feedback page.
The filenames for the box parts are supposed to have an underscore
Ah, sorry about that. I changed the filenames to test locally. You also need
to add 'images/' before the filename as in your original as well. So it
should be:
/* --larger flexible rounded corner box--- */
.box_two {
width: 400px;
background: #da9c73 url(images/bottom_left.gif) no-repeat left bottom;
padding: 0;
margin: 0;
}
.box_outer {
background: url(images/bottom_right.gif) no-repeat right bottom;
padding: 0 0 5% 0;
margin: 0;
}
.box_inner {
background: url(images/top_left.gif) no-repeat left top;
padding: 0;
margin: 0;
}
.box_two ul {
background: url(images/top_right.gif) no-repeat right top;
padding: 5% 5% 0 5%;
margin: 0;
}
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
[WSG] site feedback
hi. does it look a lot better now. take a look. let me know. if this site is basically finished. cheers Marvin. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
