I need some simple XHTML help

Discussion in 'Web Design & Coding' started by James, Jun 5, 2003.

  1. James

    James Photojournalist

    Joined:
    Dec 24, 2002
    Messages:
    6,662
    Likes Received:
    35
    I am trying to get my XHTML page to be 100% validated. But this is what they report back to me:
    Do a view source on my test page if you'd like and tell me what I'm doing wrong. :doh
     
    James, Jun 5, 2003
    #1
    1. Advertisements

  2. James

    S Walch MAME 0.64 :) VIP Member

    Joined:
    Jun 2, 2003
    Messages:
    1,026
    Likes Received:
    14
    Location:
    Manchester
    Add this line under your <titile> line:

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

    Edit:

    Just copy the code below over the one you already have.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    <title>Testing XHTML</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    <body bgcolor="#FFFFFF" text="#000000" link="#000000" alink="#000000" vlink="#000000">
    <div align="center"><h1><font face="verdana">Testing out my XHTML skills</font></h1></div>
    <br />Thank you for stopping by, we hope you enjoy your visit.<br /><br />
    <b>What is this site about, you ask?</b>
    <br />This website is basically a forum. The forums are dedicated to people who need help with any type of computer issue they may encounter. The forums are also for people who enjoy helping others with their computer related issues.<br /><br />
    <b>Membership is Free!</b>
    <br />So, if you need help with your computer, whether it's a hardware, software, operating system, networking, web hosting, mac, html, or any other PC related issue, <u>please join for free</u>. If your into <i>gaming</i> or <i>photo editing</i>- there's a section for you also.
    <br />
    <br /><hr color="red" />
    <font face="verdana" size="1">^ hr bar is colored red.</font>
    <br />
    <br /><hr noshade="false" />
    <font face="verdana" size="1">^ hr bar is shaded.</font>
    <br />
    <br /><hr />
    <font face="verdana" size="1">^ hr bar is not shaded.</font>
    <br />
    <br /><hr noshade="noshade" size="5%" />
    <font face="verdana" size="1">^ hr bar is 5% in size and shaded.</font>
    <br />
    <br /><img src="Kick_Can_smile.gif" alt="Smile" />
    </body>
    </html>
     
    Last edited: Jun 5, 2003
    S Walch, Jun 5, 2003
    #2
    1. Advertisements

  3. James

    James Photojournalist

    Joined:
    Dec 24, 2002
    Messages:
    6,662
    Likes Received:
    35
    Ok, the tutorial didn't mention that meta tag... Now if you go here, now it says a few lines do not pass. I did just what they suggested. :?
     
    James, Jun 5, 2003
    #3
  4. James

    S Walch MAME 0.64 :) VIP Member

    Joined:
    Jun 2, 2003
    Messages:
    1,026
    Likes Received:
    14
    Location:
    Manchester
    lol, sorry - I gave you the wrong line :p

    Change the
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

    to

    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

    The color has to be set before the <hr> tag.

    So code:

    <br /><color ="red" /><hr />

    (I think - I remember doing this :p)

    As for the noshade...I don't have a clue, sorry.
     
    S Walch, Jun 5, 2003
    #4
  5. James

    James Photojournalist

    Joined:
    Dec 24, 2002
    Messages:
    6,662
    Likes Received:
    35
    Ok, the noshade="false" (it should appear as noshade="nodshade") and hr color code was causing the issue.

    For some reason your <color="red" /> <hr /> doesn't work. :?

    So, for now I took that color code for that hr out. Everything is compliant now.
     
    James, Jun 5, 2003
    #5
  6. James

    S Walch MAME 0.64 :) VIP Member

    Joined:
    Jun 2, 2003
    Messages:
    1,026
    Likes Received:
    14
    Location:
    Manchester
    hmm...

    I will check in a bit - but first I've got an exam to revise for :p

    Edit: Right, I've got it I think.

    Change:

    <br /><hr color="red" />
    <font face="verdana" size="1">^ hr bar is colored red.</font>
    <br />

    To this:

    <br /><color ="red"><hr /></color>
    <font face="verdana" size="1">^ hr bar is colored red.</font>
    <br />
     
    Last edited: Jun 5, 2003
    S Walch, Jun 5, 2003
    #6
  7. James

    James Photojournalist

    Joined:
    Dec 24, 2002
    Messages:
    6,662
    Likes Received:
    35
    Nope, still doesn't comply with that code you listed.
     
    James, Jun 5, 2003
    #7
  8. James

    S Walch MAME 0.64 :) VIP Member

    Joined:
    Jun 2, 2003
    Messages:
    1,026
    Likes Received:
    14
    Location:
    Manchester
    grr...

    What does it say?

    Edit:

    I'm gonna upload the Source onto my old webspace and see what I can do with it.

    I'm sure I can figure it out :p
     
    Last edited: Jun 5, 2003
    S Walch, Jun 5, 2003
    #8
  9. James

    James Photojournalist

    Joined:
    Dec 24, 2002
    Messages:
    6,662
    Likes Received:
    35
    I figured it out. You have to do it with CSS, there are a lot of cool things you can do with the hr:

    css:
    HTML:
          .hrtrans {
     	border: 1px solid #FFFFFF;
     	color: transparent;
     	background-color: transparent;
     	height: 10px;
     }
    HTML:
    HTML:
    <hr class="hrtrans" />
    http://www.binarydreams.us/misc/xhtml.html
     
    James, Jun 12, 2003
    #9
  10. James

    S Walch MAME 0.64 :) VIP Member

    Joined:
    Jun 2, 2003
    Messages:
    1,026
    Likes Received:
    14
    Location:
    Manchester
    Aha

    Very nice James ^_^
     
    S Walch, Jun 13, 2003
    #10
    1. Advertisements

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments (here). After that, you can post your question and our members will help you out.