Validation crisis

Joined
Feb 15, 2021
Messages
99
Reaction score
0
hello,

i am asking help here for some validations i dont get :(



my code:


my codepen:


i know the Lorem Ipsum is fine, not a issue

i kindly ask for some clarification, how to correct my problems

maybe return back to me a codepen with all the corrections... so my code is fully validated :)

i can not do this with out help

assistance, please

seriously, i do appreicate it!

thanks!
 
Joined
Jul 4, 2023
Messages
373
Reaction score
41
i know the Lorem Ipsum is fine, not a issue
as you wrote, nothing to worry about (once the site is up and running it will have normal content)

Error: Element div not allowed as child of element label in this context. (Suppressing further errors from this subtree.)
From line 16, column 11; to line 16, column 29
<div class="lines"></div>
check this: can I use <div> inside <label>
try with <span>: can I use <span> inside <label>
in that way
HTML:
<label for="show-menu" class="show-menu"><span>Menu</span>
  <span class="lines"></span>
</label>
CSS:
.lines {
  display: block;
  /* the rest of your css code */
}

Warning: Article lacks heading. Consider using h2-h6 elements to add identifying headings to all articles.
From line 36, column 7; to line 36, column 15
v>↩↩ <article>
try to investigate in that way.


79.mobile-menuValue Error : padding au is not a padding value : au
CSS:
padding: auto; /* 😉 */

90.mobile-menu ulValue Error : padding none is not a padding value : none
CSS:
padding: 0;
padding syntax
 
Last edited:
Joined
Aug 22, 2023
Messages
42
Reaction score
7
hello,

i am asking help here for some validations i dont get :(



my code:


my codepen:


i know the Lorem Ipsum is fine, not a issue

i kindly ask for some clarification, how to correct my problems

maybe return back to me a codepen with all the corrections... so my code is fully validated :)

i can not do this with out help

assistance, please

seriously, i do appreicate it!

thanks!
There are necessary, crucial components that I don't believe you included!
Rather simple: begin with <!DOCTYPE html>. This is not mandatory, but very significant: assign meta, charset, lang attributes, and perhaps a title. An html, body, and head are entirely missing! And, I suppose I should bring to your attention that you did not assign hrefs to anchors.
There are all technical and formulaic elements that you will ultimately develop familiarity with!
 
Joined
Feb 15, 2021
Messages
99
Reaction score
0
There are necessary, crucial components that I don't believe you included!
Rather simple: begin with <!DOCTYPE html>. This is not mandatory, but very significant: assign meta, charset, lang attributes, and perhaps a title. An html, body, and head are entirely missing! And, I suppose I should bring to your attention that you did not assign hrefs to anchors.
There are all technical and formulaic elements that you will ultimately develop familiarity with!
how does this look?


confused becuse there are <head> and <body> code there

thanks for helping me! on a learning curve here.... i got this code from codepen

this will be te last time i do that for some time!

i want to write my very own code, even if its not fancy or pretty to look at, for now :)
And, I suppose I should bring to your attention that you did not assign hrefs to anchors.
plase point out where to / how to fix this

i would appreciate clarity and how to validate my code

i am not the sharpest tool in the shed, so be clear and patient with me

MOST APPRICIATED!!
 
Joined
Feb 15, 2021
Messages
99
Reaction score
0
There are necessary, crucial components that I don't believe you included!
Rather simple: begin with <!DOCTYPE html>. This is not mandatory, but very significant: assign meta, charset, lang attributes, and perhaps a title. An html, body, and head are entirely missing! And, I suppose I should bring to your attention that you did not assign hrefs to anchors.
There are all technical and formulaic elements that you will ultimately develop familiarity with!
how does this look?


confused becuse there are <head> and <body> code there

thanks for helping me! on a learning curve here.... i got this code from codepen

this will be te last time i do that for some time!

i want to write my very own code, even if its not fancy or pretty to look at, for now :)
And, I suppose I should bring to your attention that you did not assign hrefs to anchors.
plase point out where to / how to fix this

i would appreciate clarity

i am not the sharpest tool in the shed, so be clear and patient with me

MOST APPRICIATED!!
as you wrote, nothing to worry about (once the site is up and running it will have normal content)


check this: can I use <div> inside <label>
try with <span>: can I use <span> inside <label>
in that way
HTML:
<label for="show-menu" class="show-menu"><span>Menu</span>
  <span class="lines"></span>
</label>
CSS:
.lines {
  display: block;
  /* the rest of your css code */
}


try to investigate in that way.



CSS:
padding: auto; /* 😉 */


CSS:
padding: 0;
padding syntax
as you wrote, nothing to worry about (once the site is up and running it will have normal content)


check this: can I use <div> inside <label>
try with <span>: can I use <span> inside <label>
in that way
HTML:
<label for="show-menu" class="show-menu"><span>Menu</span>
  <span class="lines"></span>
</label>
CSS:
.lines {
  display: block;
  /* the rest of your css code */
}


try to investigate in that way.



CSS:
padding: auto; /* 😉 */


CSS:
padding: 0;
padding syntax
thanks for the help!

i did try putting the code you suggested into my code, and it all goes wonky :(

please tell me specifically where the code goes, whether its here or in a code pen,, to solve my validation issues

CODE=css]padding: auto; /* 😉 */[/CODE]

CSS:
padding: 0;

i am pretty sure i know what you mean here! if not, i will ask for guidance :)
 
Joined
Jul 4, 2023
Messages
373
Reaction score
41
This link:
shows code
HTML:
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="style.css">
  <label for="show-menu" class="show-menu"><span>Menu</span>
    <span class="lines"></span>
  </label>
</head>

<body>
is a little bit incorrect
HTML:
<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
  </head>

  <body>
    <label for="show-menu" class="show-menu"><span>Menu</span>
      <span class="lines"></span>
    </label>
  </body>
 
</html>
 
Joined
Jul 4, 2023
Messages
373
Reaction score
41
please tell me specifically where the code goes, whether its here or in a code pen,, to solve my validation issues

CODE=css]padding: auto; /* 😉 */[/CODE]
line 79 ( https://forallthetime.com/project7/style.css) in class formula name .mobile-menu you has
CSS:
padding: au
it should be
CSS:
padding: auto;

line 90 ( https://forallthetime.com/project7/style.css) in class formula name .mobile-menu ul you has
CSS:
padding: none;
it should be
CSS:
padding: 0;

/* Apply to all four sides */
padding: 1em;
padding: 0; /* mean none */

/* top and bottom | left and right */
padding: 5% 10%;

/* top | left and right | bottom */
padding: 1em 2em 2em;

/* top | right | bottom | left */
padding: 5px 1em 0 2em;

/* Global values */
padding: inherit;
padding: initial;
padding: revert;
padding: revert-layer;
padding: unset;
 
Last edited:
Joined
Aug 22, 2023
Messages
42
Reaction score
7
how does this look?


confused becuse there are <head> and <body> code there

thanks for helping me! on a learning curve here.... i got this code from codepen

this will be te last time i do that for some time!

i want to write my very own code, even if its not fancy or pretty to look at, for now :)

plase point out where to / how to fix this

i would appreciate clarity

i am not the sharpest tool in the shed, so be clear and patient with me

MOST APPRICIATED!!


thanks for the help!

i did try putting the code you suggested into my code, and it all goes wonky :(

please tell me specifically where the code goes, whether its here or in a code pen,, to solve my validation issues

CODE=css]padding: auto; /* 😉 */[/CODE]

CSS:
padding: 0;

i am pretty sure i know what you mean here! if not, i will ask for guidance :)
I made a bit of a presumptuous observation! I understand now that you were just including the body in your CodePen. Nonetheless, the anchors need to be assigned; a href="#" will not accomplish anything!
 
Joined
Feb 15, 2021
Messages
99
Reaction score
0
I made a bit of a presumptuous observation! I understand now that you were just including the body in your CodePen. Nonetheless, the anchors need to be assigned; a href="#" will not accomplish anything!
thanks for the help!
 
Joined
Feb 15, 2021
Messages
99
Reaction score
0
thanks!

i adjusted my CSS wth your instructions :)

corrected site


what should i do here?
Code:
Warning: Article lacks heading. Consider using h2-h6 elements to add identifying headings to all articles.
From line 36, column 7; to line 36, column 15
v>↩↩ <article>↩

how do i specificaly fix this? i will try the given code on that link :)

i followed that link

found "You're not doing anything wrong by the way, keep in mind that it's just a warning, not an error."

what do i do here? please be specific :)

Code:
HTML:
<label for="show-menu" class="show-menu"><span>Menu</span>
<span class="lines"></span>
</label>

CSS:
.lines {
display: block;
/* the rest of your css code */
}


where do i specifically put:

Code:
/* Apply to all four sides */
padding: 1em;
padding: 0; /* mean none */

/* top and bottom | left and right */
padding: 5% 10%;

/* top | left and right | bottom */
padding: 1em 2em 2em;

/* top | right | bottom | left */
padding: 5px 1em 0 2em;

/* Global values */
padding: inherit;
padding: initial;
padding: revert;
padding: revert-layer;
padding: unset;

yes, i tried copying and pasting into my VsCode and get errors :(

where does this go in my code?

either an answer here or a code pen.. up to you :)

please see


i did fix
Code:
mobile-menu
and ,
Code:
mobile-menu ul

i have found it takes some time to corect validation, i will give that some time

and warnings (4) please

thanks for your time and trouble!

i appreciate your patience :)
 
Joined
Feb 15, 2021
Messages
99
Reaction score
0
I made a bit of a presumptuous observation! I understand now that you were just including the body in your CodePen. Nonetheless, the anchors need to be assigned; a href="#" will not accomplish anything!
i looked and all anchors have been assigned a #

a href="#"

where am i wrong?
 
Joined
Aug 22, 2023
Messages
42
Reaction score
7
Direct anchor to URL: For instance, a href="google.com". a href = "#" will simply link to the top of the site!
 
Joined
Feb 15, 2021
Messages
99
Reaction score
0
where does this go specifaly

/* Apply to all four sides */
padding: 1em;
padding: 0; /* mean none */

/* top and bottom | left and right */
padding: 5% 10%;

/* top | left and right | bottom */
padding: 1em 2em 2em;

/* top | right | bottom | left */
padding: 5px 1em 0 2em;

/* Global values */
padding: inherit;
padding: initial;
padding: revert;
padding: revert-layer;
padding: unset;
 

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. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads


Members online

Forum statistics

Threads
473,787
Messages
2,569,631
Members
45,338
Latest member
41Pearline46

Latest Threads

Top