[WSG] HTML 5

2010-01-21 Thread Jayachandran Kandasamy
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
***

Re: [WSG] css vallidation

2010-01-21 Thread Jayachandran Kandasamy
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 wrote:

> 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

Re: [WSG] vallidation problems

2010-01-21 Thread Jayachandran Kandasamy
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 wrote:

> 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 
> 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] my site

2010-01-21 Thread Jayachandran Kandasamy
Hi Marvin,

I have highlighted the code below .. please avoid using  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 :)
**
*http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd*
*">
http://www.w3.org/1999/xhtml* *
">


Joe's Fruit and Vegetable Shop




  

Joe's Fruit and Vegetable Shop*

*

 


  
  
  *

*
  Home
  All Produce
  Recipes
  Staff
  History*

*  Search
  Fruit And Vegetable Links
  Fruit And Vegetable Recipes
  Copyright
  Credits
  *

*  
  

  
  
Today's Specials
Phone 1800-Joe-Fruit
*

* 
  Mangoes
   Large juicy tropical Queensland mangoes, ideal for letting the
juice drip down your chin as you eat them! 
$1.99 each. 

 *

*  Mushrooms
  Delicious champignon mushrooms, perfect for the French cooking you
do so well. 
$3.99 / kg.

 
  Strawberries*

*  Punnet of hydroponics strawberries. Exquisite taste, mouth
watering; perfect with French vanilla ice-cream. 
$2.99 a Punnet.

 
  Tomatoes
  Hydroponics tomatoes, vine ripened, juicy and red: they taste like
old-fashioned tomatoes your mother used to serve! *

*$7.99 a tray (approx. 3 kg).


Today's specials are all available now at:
Joe's Fruit Shop
55 Main Road
Anytown 2999*

*Phone: 9555-9876
For phone orders: 1800-Joe-Fruit
 mailto:i...@joes.com.au?subject=joe's*
* Website Query" target="_top">E-Mail Joe Bashir 

  
  *
*   Top Of Page 

© All Rights Reserved Joe's Fruit Shop PTY. LTD. 2009.
  



*
*
Cheers,
JC

*
On Thu, Jan 21, 2010 at 4: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

2010-01-21 Thread Luke Hoggett

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

2010-01-21 Thread Joseph Taylor

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

2010-01-21 Thread Joseph Taylor

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
***

[WSG] my site

2010-01-21 Thread Marvin Hunkin
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
***



Re: [WSG] Foreign language issue

2010-01-21 Thread Jayachandran Kandasamy
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  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
***

[WSG] Foreign language issue

2010-01-21 Thread Tom Livingston
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
***



[WSG] Out of Office AutoReply: WSG Digest

2010-01-21 Thread Anthony Earl
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
***