Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 16

Thread: Validation

  1. #1
    Regular Coder
    Join Date
    Oct 2007
    Location
    Glencoe, Ontario, Canada
    Posts
    340
    Thanks
    19
    Thanked 27 Times in 27 Posts

    Validation

    I got rid of like 50 errors on my site but I dont know why or how to correct this errors

    http://validator.w3.org/check?uri=ht...F1.606#line-57

    Code:
    <td width="50%" height="21"><p align="left"><a href="#" onClick="backward();return false">Previous Design </a></p></td>

    http://validator.w3.org/check?uri=ht...idator%2F1.606

    Code:
    <div style="padding-left:10px" align="left">Name:</div>
    
    <div style="padding-left:10px" align="left"><br />
    
    <div style="padding-left:10px" align="left"><br />

    Any Help with this will be appreciated.
    Eric "PitbullMean" Melo
    Always Start your layout with*{border:0; margin:0; padding:0;}
    Be sure to Thank ALL Users who give assistance.

  • #2
    New Coder
    Join Date
    Feb 2009
    Posts
    32
    Thanks
    0
    Thanked 4 Times in 4 Posts
    The align attribute is deprecated.

    Just throw "text-align:left;" in your style attribute.

  • #3
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    1) I believe it must be lower case.

    Code:
    <td width="50%" height="21"><p align="left"><a href="#" onclick="backward();return false">Previous Design </a></p></td>
    2) I believe a <div> is not allowed inside of a <label>, try <p> or nothing at all really. <label> is a text wrapper already.
    jeremy - gnomeontherun
    Educated questions often get educated answers, and simple questions often get simple answers.

  • #4
    Regular Coder
    Join Date
    Oct 2007
    Location
    Glencoe, Ontario, Canada
    Posts
    340
    Thanks
    19
    Thanked 27 Times in 27 Posts
    I just removed the div tag and added a class to the label tag thank jeremywilken
    Eric "PitbullMean" Melo
    Always Start your layout with*{border:0; margin:0; padding:0;}
    Be sure to Thank ALL Users who give assistance.

  • #5
    Regular Coder
    Join Date
    Oct 2007
    Location
    Glencoe, Ontario, Canada
    Posts
    340
    Thanks
    19
    Thanked 27 Times in 27 Posts
    I got another validation problem, some XML Parse problem on a friend of mines site

    http://validator.w3.org/check?uri=ht...idator%2F1.606
    Eric "PitbullMean" Melo
    Always Start your layout with*{border:0; margin:0; padding:0;}
    Be sure to Thank ALL Users who give assistance.

  • #6
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    Looks like your missing a closing </div> and on Line 20, Column 74: there is no attribute "srcover", meaning you meant 'src' but have 'srcover'.

    The rest might sort out when you fix those.
    jeremy - gnomeontherun
    Educated questions often get educated answers, and simple questions often get simple answers.

  • #7
    Regular Coder
    Join Date
    Oct 2007
    Location
    Glencoe, Ontario, Canada
    Posts
    340
    Thanks
    19
    Thanked 27 Times in 27 Posts
    well the srcover is a image rollover in the navigation.

    .nav {
    background: url(../images/navigation/nav_bg.jpg) repeat-x;
    width:100%;
    height:30px;
    margin:auto;
    text-align:center;
    }


    Code:
    			<div class="nav">
    				<a href="index.html"><img src="images/navigation/homeoff.jpg" srcover="images/navigation/homeon.jpg" alt=""/></a>
    				<a href="#"><img src="images/navigation/supportoff.jpg" srcover="images/navigation/supporton.jpg" alt=""/></a>
    				<a href="demo.html"><img src="images/navigation/demooff.jpg" srcover="images/navigation/demoon.jpg" alt=""/></a>
    				<a href="testimonial.html"><img src="images/navigation/testoff.jpg" srcover="images/navigation/teston.jpg" alt=""/></a>
    				<a href="#"><img src="images/navigation/voiceoff.jpg" srcover="images/navigation/voiceon.jpg" alt=""/></a>
    				<a href="packages.html"><img src="images/navigation/packoff.jpg" srcover="images/navigation/packon.jpg" alt=""/></a>
    			</div>
    Heres the link to the site;

    http://elite-rangers.com/WGH/
    Last edited by PitbullMean; 02-23-2009 at 01:10 AM.
    Eric "PitbullMean" Melo
    Always Start your layout with*{border:0; margin:0; padding:0;}
    Be sure to Thank ALL Users who give assistance.

  • #8
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    It is not an attribute in that DOCTYPE. You should use CSS to do that instead with a :hover attribute to switch between images instead of that attribute.
    jeremy - gnomeontherun
    Educated questions often get educated answers, and simple questions often get simple answers.

  • #9
    Regular Coder
    Join Date
    Oct 2007
    Location
    Glencoe, Ontario, Canada
    Posts
    340
    Thanks
    19
    Thanked 27 Times in 27 Posts
    Can you give me an example

    2 or 3 links so i can see what u did.
    Eric "PitbullMean" Melo
    Always Start your layout with*{border:0; margin:0; padding:0;}
    Be sure to Thank ALL Users who give assistance.

  • #10
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    jeremy - gnomeontherun
    Educated questions often get educated answers, and simple questions often get simple answers.

  • #11
    Regular Coder
    Join Date
    Oct 2007
    Location
    Glencoe, Ontario, Canada
    Posts
    340
    Thanks
    19
    Thanked 27 Times in 27 Posts
    ok i did what the code shows but its not going horizontal its vertical maybe im doing something wrong.


    Code:
    .rollover a {
    display:block;
    width: 118px;
    height:30px;
    font: bold 13px sans-serif;;
    color:#fff;
    background: url(../images/navigation/nav.jpg) 0 0 no-repeat;
    text-decoration: none;
    padding-top:7px;
    }
    .rollover a:hover { 
    background-position: 0 -30px;
    color: #fff;
    }
    Code:
    <div class="rollover">
    
    <a href="#">Item 1</a>
    <a href="#">Item 2</a>
    <a href="#">Item 3</a>
    <a href="#">Tutorio</a>
    </div>
    Eric "PitbullMean" Melo
    Always Start your layout with*{border:0; margin:0; padding:0;}
    Be sure to Thank ALL Users who give assistance.

  • #12
    Regular Coder
    Join Date
    Oct 2007
    Location
    Glencoe, Ontario, Canada
    Posts
    340
    Thanks
    19
    Thanked 27 Times in 27 Posts
    Any help would be appreciated

    http://elite-rangers.com/WGH/ to see what i mean
    Last edited by PitbullMean; 02-23-2009 at 11:03 PM.
    Eric "PitbullMean" Melo
    Always Start your layout with*{border:0; margin:0; padding:0;}
    Be sure to Thank ALL Users who give assistance.

  • #13
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    Hey, I don't mind helping but I do appreciate not being pushed. I'm aware when you post, its in my user panel, so please don't take advantage of the people here.

    So my challenge to you is this: determine the reason this code forces each item on a new line.

    Code:
    display:block;
    width: 118px;
    height:30px;
    jeremy - gnomeontherun
    Educated questions often get educated answers, and simple questions often get simple answers.

  • #14
    Regular Coder
    Join Date
    Oct 2007
    Location
    Glencoe, Ontario, Canada
    Posts
    340
    Thanks
    19
    Thanked 27 Times in 27 Posts
    How am I taking advantage of people I give help too when i understand the topic this is why im asking cause i dont fully understand CSS.

    Anyway I added this instead of what u posted
    Code:
    height:23px;
    width:118px;
    float:left;
    Its now horizontal but not centered, Any Idea?
    Last edited by PitbullMean; 02-24-2009 at 01:35 AM.
    Eric "PitbullMean" Melo
    Always Start your layout with*{border:0; margin:0; padding:0;}
    Be sure to Thank ALL Users who give assistance.

  • #15
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    I'm saying not to be pushy by sending a PM for me to check it, it makes it seem like you are somewhat demanding my help asap. It just makes me feel like I'm being used, which is why I mention it. I'm glad you help too, thats very important and rates high in my mind.

    Now to the point at hand.

    With a block element everything forces the next element down, unless you make it float. However you should leave the display:block statement.

    Code:
    display:block;
    width: 118px;
    height:30px;
    float:left;
    text-align: center;
    If you are trying to center the stuff inside the anchor add the last line. If you are trying to center the whole nav bar, then try this (change the width as appropriate), and it will center the rollover list inside of its container.

    Code:
    .rollover
    {
    width: 472px;
    margin: 0 auto;
    }
    jeremy - gnomeontherun
    Educated questions often get educated answers, and simple questions often get simple answers.


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

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