Results 1 to 4 of 4

Thread: Missing Comma Seperator?

  1. #1
    Join Date
    Mar 2007
    Posts
    38
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Missing Comma Seperator?

    I used the W3C CSS Validator and I only get this one error and I can't seem to figure it out. Any ideas? Thank you.


    48 Missing comma separator. : url('img/test.ani')


    Here is my html.

    <p><a style="CURSOR:url(img/test.ani)" , href="index.html" target="_self"><font size="3" face="Arial Black"><b><i>Home</i></b></font></a><hr>

  2. #2
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,920
    Thanks
    2
    Thanked 267 Times in 262 Posts

    Default

    Hi there Cball,

    your line...
    <p><a style="CURSOR:url(img/test.ani)" , href="index.html" target="_self"><font size="3" face="Arial Black"><b><i>Home</i></b></font></a><hr>
    ...will validate with...

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    ...if the highlighted comma is removed.

    coothead

  3. #3
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    CURSOR is not a property, you've used a lot of deprecated presentational markup, and that comma inside the HTML tag is just plain wrong. You probably want:
    Code:
    <p>
      <a
        style="
          cursor: url(img/test.ani);
          font-family: 'Arial Black', Arial, sans-serif;
          font-size: 90&#37;;
          font-weight: bold;
          font-style: italic;
        "
        href="index.html"
        target="_self"
      >
        Home
      </a>
      <hr>
    • Don't use point font sizes. Point font sizes don't scale well between different resolutions (they're designed to describe text on printable media, not flexible media like the Web). Use a percentage instead, where 100% refers to the font size of the parent element, and 100% of the root element is the user's default font size. The 3 in a <font> tag (which is deprecated) is probably about 80% on an average resolution, if I remember correctly.
    • Don't use deprecated presentational markup. Presentational markup is contrary to the spirit of the standards. Even if your page validates, it's still not much good unless you ditch the "old ways" of doing things. You should use HTML 4.01 Strict, and avoid any tags or attributes that describe how something should look rather than what information it contains; aside from a few of the table-related ones like cellspacing and cellpadding, they've all been replaced by CSS.
    • The target attribute is also deprecated, on the grounds that you shouldn't be using frames or popup windows anyway.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  4. #4
    Join Date
    Mar 2007
    Posts
    38
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Woohoo!!!


    Thanks Twey

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •