[WSG] Out of Office AutoReply: WSG Digest
Hello, Thank you for your email. I am out of the office from Thursday 21 Jamuary until Wednesday 27 January. I apologise for any inconvenience and will endeavour to get back to you as soon as possible. Kind regards, Anthony Earl. Accessibility Resource Officer Equality and Diversity Centre La Trobe University *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Foreign language issue
Hello list, I am having an issue with a client regarding Chinese HTML pages/emails. The client can see the page content correctly, but alt text for images - on hover in IE8 - as well as page title text, are appearing as little boxes. I don't get how the content is correct, but titles and alts are not. If anyone could educate me as to why this is occuring - OFF-LIST - i would appreciate it. Thanks a lot. -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Foreign language issue
Hi Tom, Use the required UTF character set in the meta tag inside head tag i hope you got it there are various character set available .. please use the appropriate to achieve the best ... else google it for better understanding :) Thanks, JC On Thu, Jan 21, 2010 at 8:40 PM, Tom Livingston tom...@gmail.com wrote: Hello list, I am having an issue with a client regarding Chinese HTML pages/emails. The client can see the page content correctly, but alt text for images - on hover in IE8 - as well as page title text, are appearing as little boxes. I don't get how the content is correct, but titles and alts are not. If anyone could educate me as to why this is occuring - OFF-LIST - i would appreciate it. Thanks a lot. -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** 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] my site
Marvin, I see you fixed the paragraph before the body tag. I'm re-validating your page and will send back some more tips. Joseph R. B. Taylor /Web Designer / Developer/ -- Sites by Joe, LLC /Clean, Simple and Elegant Web Design/ Phone: (609) 335-3076 Web: http://sitesbyjoe.com Email: j...@sitesbyjoe.com On 1/21/10 7:04 PM, Marvin Hunkin wrote: hi. here's the url to my site i cam currently working on. okay go and read the code. and point out to me what errors i have and how to fix. any advice would be fine. well will work on the index page. and if i can improve it any better as a blind person. let me know. willing to take any advice, or pointers. marvin. http://www.raulferrer.com/joe/html/ *** 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] my site
Marvin, As I send over items I notice - for now forget about HTML 4.01 or HTML 5 and stay with XHTML for the moment. Things to fix then get back to me: Inside the div tag with the id of banner_new you have double break tags surrounding both the first level heading and the image. I see the same thing in the navigation area. I'd rather see you use CSS to create those spaces. For the heading element you could use this CSS: div#banner_new h1 { margin: 20px 0; } For the navigation: div#navigation { margin: 20px 0; } This would put a 20 pixel space at the top and bottom of the elements. If you choose to leave the break tags in place (it's your call), you need to add the forward slash prior to closing the tag so they validate. Try those changes and get back to me. Joseph R. B. Taylor /Web Designer / Developer/ -- Sites by Joe, LLC /Clean, Simple and Elegant Web Design/ Phone: (609) 335-3076 Web: http://sitesbyjoe.com Email: j...@sitesbyjoe.com On 1/21/10 7:04 PM, Marvin Hunkin wrote: hi. here's the url to my site i cam currently working on. okay go and read the code. and point out to me what errors i have and how to fix. any advice would be fine. well will work on the index page. and if i can improve it any better as a blind person. let me know. willing to take any advice, or pointers. marvin. http://www.raulferrer.com/joe/html/ *** 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] my site
as interesting as it is... how about you guys communicate off list. On 22/01/2010 12:09 PM, Joseph Taylor wrote: Marvin, As I send over items I notice - for now forget about HTML 4.01 or HTML 5 and stay with XHTML for the moment. Things to fix then get back to me: Inside the div tag with the id of banner_new you have double break tags surrounding both the first level heading and the image. I see the same thing in the navigation area. I'd rather see you use CSS to create those spaces. For the heading element you could use this CSS: div#banner_new h1 { margin: 20px 0; } For the navigation: div#navigation { margin: 20px 0; } This would put a 20 pixel space at the top and bottom of the elements. If you choose to leave the break tags in place (it's your call), you need to add the forward slash prior to closing the tag so they validate. Try those changes and get back to me. Joseph R. B. Taylor /Web Designer / Developer/ -- Sites by Joe, LLC /Clean, Simple and Elegant Web Design/ Phone: (609) 335-3076 Web: http://sitesbyjoe.com Email: j...@sitesbyjoe.com On 1/21/10 7:04 PM, Marvin Hunkin wrote: hi. here's the url to my site i cam currently working on. okay go and read the code. and point out to me what errors i have and how to fix. any advice would be fine. well will work on the index page. and if i can improve it any better as a blind person. let me know. willing to take any advice, or pointers. marvin. http://www.raulferrer.com/joe/html/ *** 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 *** -- Luke Hoggett 0419 442 807 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] my site
Hi Marvin, I have highlighted the code below .. please avoid using br/ tags for the line breaks please use some margin / padding to achieve the same in CSS Avoid using the inline style with the markup tags itself.. Rest all looks fine buddy :) :) Please download this validator to your FF browser.. that will help you for validating the markup ... so no need to depend on the people for the same... http://www.totalvalidator.com there is addon available for FF browser too. Heres your markup :) ** *!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN ** http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd*http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd * html xmlns=**http://www.w3.org/1999/xhtml* http://www.w3.org/1999/xhtml* head meta http-equiv=content-type content=text/html; charset=ISO-8859-1 / titleJoe's Fruit and Vegetable Shop/title link href=../styles/joe_style.css rel=stylesheet type=text/css / /head body div id=wrapper div id=banner_new p a name=Top/a /p h1Joe's Fruit and Vegetable Shop/h1* *br br img src=../images/fruit.jpg alt=Fruit / /div br br div id=navigation br br* *ul lia href=index.htmlHome/a/li lia href=produce.htmlAll Produce/a/li lia href=recipes.htmlRecipes/a/li lia href=staff.htmlStaff/a/li lia href=history.htmlHistory/a/li* * lia href=search.htmlSearch/a/li lia href=links.htmlFruit And Vegetable Links/a/li lia href=vegetable.htmlFruit And Vegetable Recipes/a/li lia href=copyright.htmlCopyright/a/li lia href=credits.htmlCredits/a/li br* * br /ul div style=clear:both;/div /div div id=main_content h2Today's Specials/h2 pPhone 1800-Joe-Fruit/p hr /* *div class=specials img src=../images/mango.jpg alt=Mango / h3Mangoes/h3 p Large juicy tropical Queensland mangoes, ideal for letting the juice drip down your chin as you eat them! br strong$1.99 each./strong /p /div div class=specials img src=../images/Mushrooms.jpg alt=Mushrooms /* * h3Mushrooms/h3 pDelicious champignon mushrooms, perfect for the French cooking you do so well. br strong$3.99 / kg./strong/p /div div class=specials img src=../images/strawberries.jpg alt=Strawberry / h3Strawberries/h3* * pPunnet of hydroponics strawberries. Exquisite taste, mouth watering; perfect with French vanilla ice-cream. br strong$2.99 a Punnet./strong/p /div div class=specials img src=../images/tomatoes2.jpg alt=Tomatoes / h3Tomatoes/h3 pHydroponics tomatoes, vine ripened, juicy and red: they taste like old-fashioned tomatoes your mother used to serve! br* *strong$7.99 a tray (approx. 3 kg)./strong/p /div hr / pToday's specials are all available now at:/p pJoe's Fruit Shop/p p55 Main Road/p pAnytown 2999/p* *pPhone: 9555-9876/p pFor phone orders: 1800-Joe-Fruit/p p a href=**mailto:i...@joes.com.au?subject=joe's*i...@joes.com.au?subject=joe's * Website Query target=_topE-Mail Joe Bashir/a /p hr / /div div id=footer* * p a href=#Top target=_topTop Of Page/a /p p style=clear:both; p© All Rights Reserved Joe's Fruit Shop PTY. LTD. 2009./p /div /div /body /html * * Cheers, JC * On Thu, Jan 21, 2010 at 4:04 PM, Marvin Hunkin startrekc...@gmail.comwrote: hi. here's the url to my site i cam currently working on. okay go and read the code. and point out to me what errors i have and how to fix. any advice would be fine. well will work on the index page. and if i can improve it any better as a blind person. let me know. willing to take any advice, or pointers. marvin. http://www.raulferrer.com/joe/html/ *** 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] vallidation problems
could you please send me the validator report (screenshot) of what are u using let me check it ... On Wed, Jan 20, 2010 at 7:14 PM, Marvin Hunkin startrekc...@gmail.comwrote: hi. so how do i fix all my vallidation problems and my css. at a loss. what do i do. maybe try to copy the navigation stuff. do not want to take out the br / was vallidating in the copyright page. how to fix. please help me with this one. page. and the link which i will paste. having similar issues with the other pages. also maybe can help with the css. need a white background colour. please help. getting frustrated. my code looks real good. but not sure it is not vallidating. could i try any other validators. that might vallidate my code. marvin. http://validator.w3.org/check#result http://jigsaw.w3.org/css-validator/validator *** 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] css vallidation
Hi Marvin, Why there are several properties for the same selector and written twice .. few of them repeating .. can you please optimise it ? Try giving the background-color: transparent instead of background:transparent and try out.. May be some problem with the validator On Wed, Jan 20, 2010 at 1:02 AM, Marvin Hunkin startrekc...@gmail.comwrote: hi. how to fix this. will paste my errors and the css. and what colours to put in for names. cheers Marvin. The W3C CSS Validation Service W3C CSS Validator results for C:\Docs\Tafe\CertificateFourWebsites\CertFour\PrinciplesOfVisualDesign\PrinciplesOfVisualDesign\styles\joe_style.css (CSS level 2.1) Jump to:Errors (2)Validated CSS W3C CSS Validator results for C:\Docs\Tafe\CertificateFourWebsites\CertFour\PrinciplesOfVisualDesign\PrinciplesOfVisualDesign\styles\joe_style.css (CSS level 2.1) Sorry! We found the following errors (2) URI : C:\Docs\Tafe\CertificateFourWebsites\CertFour\PrinciplesOfVisualDesign\PrinciplesOfVisualDesign\styles\joe_style.css 83 #navigation li a Value Error : background-color left is not a color value : left left 95 #footer li a Value Error : background-color left is not a color value : left left ? Top The W3C validators rely on community support for hosting and development. Donate and help us build better tools for a better web. Valid CSS information p.first:first-letter { text-transform : capitalize; font-style : italic; } body { font : 100%/1.4 Helvetica Neue, Arial, sans-serif; background : #fff; } .left { float : left; padding : 0 8px 8px 0; } .clear { clear : left; } h1 { text-align : center; } h2 { text-align : center; } a:link { color : #008000; } a:visited { color : #22bb22; } div#links a span { display : none; } div#links a:hover span { display : block; position : absolute; top : 350px; left : 5px; width : 100px; text-decoration : none; } a:hover { background-color : #006400; color : #ff; } a:active { color : #ff; text-decoration : none; } #banner { text-align : center; } #content { margin-left : 10px; margin-right : 10px; voice-family : \}\; voice-family : inherit; margin-left : 131px; margin-right : 131px; } body #content { margin-left : 10px; margin-right : 10px; } #nav { position : absolute; left : 10px; top : 100px; width : 100px; text-align : center; } #wrapper { width : 960px; background-color : #fff; margin : 10px auto 0 auto; } #banner_new { text-align : center; } #navigation { margin : 10px; overflow : hidden; } #navigation li { display : block; float : left; } *#navigation li a { display : block; float : left; background-image : url('../../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/nav_banana.png'); background-repeat : no-repeat; background-attachment : scroll; padding-left : 32px; padding-right : 16px; padding-top : 0; padding-bottom : 20px; background-position : top; } #navigation li a { display : block; float : left; background : transparent; padding : 0 16px 20px 0; } *#main_content { margin : 10px; } .specials { float : left; width : 470px; height : 250px; } .specials img { float : left; padding : 10px; } #footer { margin : 10px; overflow : hidden; } #footer li { display : block; float : left; } #footer li a { display : block; float : left; background-image : url('../../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/nav_banana.png'); background-repeat : no-repeat; background-attachment : scroll; padding-left : 32px; padding-right : 16px; padding-top : 0; padding-bottom : 20px; background-position : top; } ? Top Home |About |Documentation |Download |Feedback |Credits Copyright © 1994-2009 W3C® (MIT, ERCIM, Keio), All Rights Reserved. W3C liability, trademark, document use and software licensing rules apply. Your interactions with this site are in accordance with our public and Member privacy statements. p.first:first-letter { text-transform:capitalize; font-style: italic; } body { font: 100%/1.4 Helvetica Neue, Arial, sans-serif; background: #fff; } .left { float: left; padding: 0 8px 8px 0; } .clear {clear: left; } h1 { text-align: center; } h2 { text-align: center; } a:link { color: #008000; } a:visited { color: #22bb22; } div#links a span { display: none; } div#links a:hover span { display: block; position: absolute; top: 350px; left: 5px; width: 100px; text-decoration: none; } a:hover { background-color: #006400; color: #FF; } a:active { color: #FF; text-decoration: none; } #banner { text-align: center; } #content { margin-left: 10px; margin-right:10px; voice-family: \}\; voice-family: inherit; margin-left: 131px; margin-right:131px; } body #content { margin-left: 10px; margin-right:10px; } #nav { position: absolute; left: 10px; top: 100px; width: 100px; text-align: center; } #wrapper {
[WSG] HTML 5
Hi All, Anybody is studying HTML 5 tutorial - like the tutorials should have examples and solutions for modern browser compatibility, please share the tutorials if it is available online Cheers, JC *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***