• Guest, before posting your code please take these rules into consideration:
    • It is required to use our BBCode feature to display your code. While within the editor click < / > or >_ and place your code within the BB Code prompt. This helps others with finding a solution by making it easier to read and easier to copy.
    • You can also use markdown to share your code. When using markdown your code will be automatically converted to BBCode. For help with markdown check out the markdown guide.
    • Don't share a wall of code. All we want is the problem area, the code related to your issue.


    To learn more about how to use our BBCode feature, please click here.

    Thank you, Code Forum.

validation follow up

P

Pavel

Active Coder
Sort by date Sort by votes
Pavel said:
please see


i have trouble with the 1 error, the others are just warnings... no need to panic, right?

also please see W3C CSS Validator results for http://forallthetime.com/project7_2/style.css (CSS level 3 + SVG)

lost here :(

please pass on all the proper code(HTML and CSS) so i am fully validated.

let ne know how you fixed this, so i can learn from this

MANY THANKS!!!
Click to expand...
Hey Pavel,
That error in the HTML is pretty much self explanatory, it's saying a div element cannot be the child of a label element. Is it something else you're not understanding from that error message?

In the CSS, auto cannot be a value for the padding property. Maybe padding: initial; is what you're trying to do? Or padding: 0;?
 
Upvote 0 Downvote
thanks for the reply!


Johna said:
That error in the HTML is pretty much self explanatory, it's saying a div element cannot be the child of a label element.
Click to expand...
so sorry

i do see where the code is

is it as simple as removing that <div>?

or do i relocate it? where?

basicaly, simplify it for me, please... how do i resolve this problem... its not so much
self explanatory
Click to expand...
to me now

dumb it down for me :)

i kindly ask for the proper code in full to solve this validation crisis

oubviously this is over my head, cannot figure this out without help

PLEASE know this from codepen, which will be my last for a while... i really want to learn by experimenting on my own :)

i need to work from easier concepts for now, which is honestly the next coding i will do once this project is validated

help me out

and thank you for your time and trouble

thanks you for taking the time to help me!!
 
Upvote 0 Downvote
Pavel said:
thanks for the reply!



so sorry

i do see where the code is

is it as simple as removing that <div>?

or do i relocate it? where?

basicaly, simplify it for me, please... how do i resolve this problem... its not so much

to me now

dumb it down for me :)

i kindly ask for the proper code in full to solve this validation crisis

oubviously this is over my head, cannot figure this out without help

PLEASE know this from codepen, which will be my last for a while... i really want to learn by experimenting on my own :)

i need to work from easier concepts for now, which is honestly the next coding i will do once this project is validated

help me out

and thank you for your time and trouble

thanks you for taking the time to help me!!
Click to expand...
hi there,
So the error you are getting means that you can't have a div inside of a label. Best solution would be to use a span inside of that label:
HTML: 
<label class="myLabel"><span>Label Content</span></label>
 
Upvote 0 Downvote
many thanks!

Antero360 said:
<label class="myLabel"><span>Label Content</span></label>
Click to expand...

what am i looking at here?

Antero360 said:
Best solution would be to use a span inside of that label
Click to expand...
what should my span be doing? what is the code i should add to resolve my validation?

Antero360 said:
<label class="myLabel"><span>Label Content</span></label>
Click to expand...
ok, geting there

i need to back up a little :)

what is a label class and a span?


what goes with in Label Content

do you know what specificaly i should add there?



i tried myself to figure this out, i failed :(

i apologize for my sizable ignorance!

thanks again!
 
Upvote 0 Downvote
Johna,

like so?

Antero360 said:
<label class="myLabel"><span>Label Content</span></label>
Click to expand...
need i change anything?


1 error, 4 warnings i dont get

you know, maybe i should stop here :(

its NOT your fault, i am simply lost

and i do NOT want to frustrate you guys any more

Seriously, thank you for taking the time to help me..

i got to thinking.... every one who knows more than i do was once where i am now, right?
 
Upvote 0 Downvote
You need to find and replace auto with something else for a padding, line 86 according to that validator. Look for padding: auto. This is an example of something that should tell you how to fix a problem itself seemingly. Everyone has problems sometimes. Feel free to take advantage of help as long as you are welcome to it, which here should be about forever. Just so you know, I am not a CSS expert, I barely know any CSS, I just can read error messages.
X E.
 
Upvote 0 Downvote
Josiah maybe said:
Everyone has problems sometimes. Feel free to take advantage of help as long as you are welcome to it, which here should be about forever
Click to expand...
ok, i feel better :)

i made line 84
Code: 
margin: auto

correct?


"warnings" are sugestions, right? need i worry about the warnings above?

ok.... how about this, please pass on all the HTML and CSS to validate my code, meaning the above and and my <div> <label> issues



you have addressed these, but please explain again so i get it

this may be the best, easiest, way to learn everything i am strugling with :)

again, thanks!
 
Upvote 0 Downvote
Pavel said:
ok, i feel better :)

i made line 84
Code: 
margin: auto

correct?


"warnings" are sugestions, right? need i worry about the warnings above?

ok.... how about this, please pass on all the HTML and CSS to validate my code, meaning the above and and my <div> <label> issues



you have addressed these, but please explain again so i get it

this may be the best, easiest, way to learn everything i am strugling with :)

again, thanks!
Click to expand...
Did you actually correct it? I am still seeing the same error on line 84: padding invalid value with "auto"
 
Upvote 0 Downvote
please see


it looks good!

BTW i have noticed when validating, the ftp goes up but takes time on the validator(s)

no clue why, but it happens :)

also,

Antero360 said:
Best solution would be to use a span inside of that label:
HTML: 
<label class="myLabel"><span>Label Content</span></label>
Click to expand...

i need some hep here :) please clarify in simple terms

please fill in the proper code for validation :)

i THINK this is all i need for validation!

listen, all of you, again i want to thank you for everything! you have been so patient and never called me dumb!

my last code pen for a while!
 
Upvote 0 Downvote
Johna said:
Could you post the HTML where that error is so we can help you fix it?
Click to expand...
header

Code: 
<header>
      <nav class="mobile-menu">
        <label for="show-menu" class="show-menu"><span>Menu</span>
          <label class="myLabel"><span>Label Content</span></label>
        </label>
        <input type="checkbox" id="show-menu">
        <ul id="menu">
          <li><a href="#">Home</a></li>
          <li><a href="#">About</a> </li>
          <li><a href="#">Portfolio</a> </li>
          <li><a href="#">News</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </nav>
    </header>


error 2 here

line 18

line 18 is
Code: 
<label class="myLabel"><span>Label Content</span></label>

if this is helpful...


not sure what happened to that <div> <label> issue

can you tell me?

did i fix it?

my appologies if i was mistaken! honest mistake!

but... you can see the error and where to fix it :)
 
Upvote 0 Downvote
Pavel said:
header

Code: 
<header>
      <nav class="mobile-menu">
        <label for="show-menu" class="show-menu"><span>Menu</span>
          <label class="myLabel"><span>Label Content</span></label>
        </label>
        <input type="checkbox" id="show-menu">
        <ul id="menu">
          <li><a href="#">Home</a></li>
          <li><a href="#">About</a> </li>
          <li><a href="#">Portfolio</a> </li>
          <li><a href="#">News</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </nav>
    </header>


error 2 here

line 18

line 18 is
Code: 
<label class="myLabel"><span>Label Content</span></label>

if this is helpful...


not sure what happened to that <div> <label> issue

can you tell me?

did i fix it?

my appologies if i was mistaken! honest mistake!

but... you can see the error and where to fix it :)
Click to expand...
Regarding the error message...it means that you have a label tag inside of a label tag so that is not valid. From your code:
HTML: 
<label for="show-menu" class="show-menu"><span>Menu</span>
<label class="myLabel"><span>Label Content</span></label>
</label>

So the actual error in the code is the placement of that closing label tag... if you move it so it is after that closing span tag then you should be fine
 
Upvote 0 Downvote
ok, for some reason there are more errors

see

Code: 
<div class="main-container">
    <header>
      <nav class="mobile-menu">
        <label for="show-menu" class="show-menu"><span>Menu</span>
          <label class="myLabel"><span>Label Content</span></label>
          <input type="checkbox" id="show-menu">
          <ul id="menu">
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a> </li>
            <li><a href="#">Portfolio</a> </li>
            <li><a href="#">News</a></li>
            <li><a href="#">Contact</a></li>
          </ul>
      </nav>
    </header>
    <main>
      <nav>



i am no expert in HTML, so please pass on the code to validate my issues here :)

i request a code pen, please

many thanks!
 
Upvote 0 Downvote
So the problem here is that you didn't close your label element.

Here's the fixed version of that code you just posted:
HTML: 
<div class="main-container">
    <header>
      <nav class="mobile-menu">
        <label for="show-menu" class="show-menu"><span>Menu</span></label> <!-- add closing label tag-->
        <label class="myLabel"><span>Label Content</span></label>
        <input type="checkbox" id="show-menu">
        <ul id="menu">
          <li><a href="#">Home</a></li>
          <li><a href="#">About</a> </li>
          <li><a href="#">Portfolio</a> </li>
          <li><a href="#">News</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <nav>
 
Upvote 0 Downvote
Pavel said:
error is gone!!!

2 warnings though, the first i know is no big deal , Lorem ipsum


please help me out with warning 2

i see the word "consider" is used

if Johna (or who ever) can send me the corrected code again (as above), i would appreciate it!

again, my problem is with the the second warning :)

thank you!
Click to expand...
Again, Warnings are just suggested solutions to potential issues that aren't fatal. The message itself tells you to consider using the h tags... again this is not necessary, so you don't need to focus on them
 
Upvote 0 Downvote

New Threads

Latest posts

Share this page

Buy us a coffee!

300x250
Top Bottom