Validation crisis

O

OBXKH

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!
 
VBService

VBService

Joined
Jul 4, 2023
Messages
366
Reaction score
41
OBXKH said:
i know the Lorem Ipsum is fine, not a issue
Click to expand...
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>
Click to expand...
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>↩
Click to expand...
try to investigate in that way.


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

90.mobile-menu ulValue Error : padding none is not a padding value : none
Click to expand...
CSS: 
padding: 0;
padding syntax
 
Last edited:
Saul H.

Saul H.

Joined
Aug 22, 2023
Messages
42
Reaction score
7
OBXKH said:
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!
Click to expand...
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!
 
O

OBXKH

Joined
Feb 15, 2021
Messages
99
Reaction score
0
Saul H. said:
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!
Click to expand...
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 :)
Saul H. said:
And, I suppose I should bring to your attention that you did not assign hrefs to anchors.
Click to expand...
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!!
 
O

OBXKH

Joined
Feb 15, 2021
Messages
99
Reaction score
0
Saul H. said:
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!
Click to expand...
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 :)
Saul H. said:
And, I suppose I should bring to your attention that you did not assign hrefs to anchors.
Click to expand...
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!!
VBService said:
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
Click to expand...
VBService said:
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
Click to expand...
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 :)
 
VBService

VBService

Joined
Jul 4, 2023
Messages
366
Reaction score
41
This link:
OBXKH said:
Click to expand...
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>
 
VBService

VBService

Joined
Jul 4, 2023
Messages
366
Reaction score
41
OBXKH said:
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]
Click to expand...
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;
Click to expand...
 
Last edited:
Saul H.

Saul H.

Joined
Aug 22, 2023
Messages
42
Reaction score
7
OBXKH said:
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 :)
Click to expand...
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!
 
O

OBXKH

Joined
Feb 15, 2021
Messages
99
Reaction score
0
Saul H. said:
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!
Click to expand...
thanks for the help!
 
O

OBXKH

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."
Click to expand...

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 :)
 
O

OBXKH

Joined
Feb 15, 2021
Messages
99
Reaction score
0
Saul H. said:
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!
Click to expand...
i looked and all anchors have been assigned a #

a href="#"

where am i wrong?
 
Saul H.

Saul H.

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!
 
O

OBXKH

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

HTML validation 3
Placing a google map into my code 5
Html validation help, please 5
Validaton error 3
jQuery Scrapping & Formatting Inputted Paste 2
css validator 3
Uncomprehensible css validation warnings 7
Validation 6

Members online

No members online now.
Total: 29 (members: 0, guests: 29)
Robots: 426

Forum statistics

Threads
473,770
Messages
2,569,583
Members
45,073
Latest member
DarinCeden

Latest Threads

Top