# Validator link problems?

**URL:** <https://forum.pinegrow.com/t/validator-link-problems/6241>\
**Category:** Beginners\
**Created:** [February 12, 2022, 7:14pm UTC](https://forum.pinegrow.com/t/validator-link-problems/6241 "2022-02-12T19:14:06Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)\
**Post date:** [February 12, 2022, 7:14pm UTC](https://forum.pinegrow.com/t/validator-link-problems/6241/1 "2022-02-12T19:14:06Z")

</div>

I’ve looked up the [Showing results for https://mcgraphics.us/ - Nu Html Checker](https://validator.w3.org/nu/?doc=https%3A%2F%2Fmcgraphics.us%2F) errors below but gotten nowhere. Help please.

```auto
    Error: Bad value _pg_blank for attribute target on element a: Reserved keyword pg_blank used.

    From line 23, column 21; to line 23, column 79

              <a href="#graphic" target="_pg_blank" class="link-primary">Graphi

    Error: Bad value mailto:kat@mcgraphics.us?subject=Mail from McGraphics site for attribute href on element a: Illegal character in query: space is not allowed.

    From line 62, column 33; to line 62, column 145

              <a class="nav-link px-lg-3 py-lg-4 text-white" href="mailto:kat@mcgraphics.us?subject=Mail from McGraphics site">Contac

    Error: Bad value _pg_blank for attribute target on element a: Reserved keyword pg_blank used.

    From line 85, column 29; to line 85, column 75

          <h4><a class="h3" href="#works" target="_pg_blank">Prices

    Error: Bad value https://mcgraphics.us/art/ for the attribute xmlns (only http://www.w3.org/2000/svg permitted here).

    From line 118, column 102; to line 118, column 225

     href="#"><svg xmlns="https://mcgraphics.us/art/" viewBox="0 0 24 24" fill="currentColor" width="1.25em" height="1.25em" class="me-1">↩     

    Warning: Attribute xmlns is not serializable as XML 1.0.

    From line 118, column 102; to line 118, column 225

     href="#"><svg xmlns="https://mcgraphics.us/art/" viewBox="0 0 24 24" fill="currentColor" width="1.25em" height="1.25em" class="me-1">↩     

    Error: Bad value _pg_blank for attribute target on element a: Reserved keyword pg_blank used.

    From line 186, column 41; to line 186, column 142

              <a href="#" class="list-group-item list-group-item-action list-group-item-primary" target="_pg_blank">Choose

    Error: Bad value mailto:kat@mcgraphics.us?subject=contacting for bid or commission for attribute href on element a: Illegal character in query: space is not allowed.

    From line 268, column 29; to line 268, column 203

              <a class="nav-link px-lg-3 py-lg-4 text-dark text-uppercase" href="mailto:kat@mcgraphics.us?subject=contacting for bid or commission" style="font-family: 'Sora', sans-serif;">Contac

```

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [February 12, 2022, 9:00pm UTC](https://forum.pinegrow.com/t/validator-link-problems/6241/2 "2022-02-12T21:00:13Z")

</div>

Hi @kat,  
The first question is whether or not the indicated links work as expected? If the answer is yes, you can probably ignore the validator.

If you **really** want to fix the spaces issue, change the spaces in the subject to %20, so `subject=Mail%20from%20McGraphics%20site`.

For the target of the link, I’ve never seen it added as `_pg_blank`. How did you add the target attribute?  
Cheers,  
Bob

---

<div class="post-metadata">

**Author:** ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)\
**Post date:** [February 13, 2022, 1:05am UTC](https://forum.pinegrow.com/t/validator-link-problems/6241/3 "2022-02-13T01:05:26Z")

</div>

How do I set color bands in css.grid to go completely across? is this an absolute inside relative div thing?

* * *

`<a href="#" class="list-group-item list-group-item-action list-group-item-primary" target="_pg_blank">Choose the best image you have</a>`  
I suspect I picked this up from codepen.  
Weird- `<a>` with #s when there will never be links.  
File contains both Bootstrap & Foundation - ugh.  
 ![Screen Shot 2022-02-12 at 4.51.44 PM](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/d/d01221c732420b8255a0e581b5fca6bf22f4f762.png)

 ![Screen Shot 2022-02-12 at 4.54.04 PM](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/e/efaa6e0fc3dc03dd753e00eebf6adca625d32139.png)

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [February 13, 2022, 10:12am UTC](https://forum.pinegrow.com/t/validator-link-problems/6241/4 "2022-02-13T10:12:22Z")

</div>

Hi @kat,  
I’m not quite sure about your question. I would need to see a little more HTML. Can you change each of the `<a>` to `<div>`?  
Bob

---

<div class="post-metadata">

**Author:** ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)\
**Post date:** [February 13, 2022, 4:31pm UTC](https://forum.pinegrow.com/t/validator-link-problems/6241/5 "2022-02-13T16:31:12Z")

</div>

Really not an issue. It seems to work. But I did `<a> to <div>` - didn’t work and tried removing 1 `href="#"`. That didn’t break anything.  
`<div class="list-group"><a class="list-group-item list-group-item-action list-group-item-primary">Choose the best image you have<a href="#" class="list-group-item list-group-item-action list-group-item-warning">Remember this is what the artist will work from.</a><a href="mailto:kat@mcgraphics.us" class="list-group-item list-group-item-action list-group-item-success">Email jpgs and a bit about the model to Kat</a> </div>`

---

<div class="post-metadata">

**Author:** ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)\
**Post date:** [February 13, 2022, 5:10pm UTC](https://forum.pinegrow.com/t/validator-link-problems/6241/6 "2022-02-13T17:10:38Z")

</div>

I’m trying to control color bands within css-grid. When I try the color doesn’t go the full width. Seems to be controlled by the text.

 ![Screen Shot 2022-02-13 at 8.56.58 AM](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/1/1c455ba116d7cf9f9b0639049bde72c5aa70e82b.png)

---

<div class="post-metadata">

**Author:** ![AllMediaLab](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/allmedialab/32/2079_2.png) [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\
**Post date:** [February 14, 2022, 8:50am UTC](https://forum.pinegrow.com/t/validator-link-problems/6241/7 "2022-02-14T08:50:21Z")

</div>

About the HTML validation:

Remove `xmlns="https://mcgraphics.us/art/"` from the 2 svg’s on the page

**Choose the best image you have** must be:  
`Choose the best image you have</a>`

```auto
   <div class="list-group"><a href="#" class="list-group-item list-group-item-action list-group-item-info">Choose the best image you have<a href="#" class="list-group-item list-group-item-action list-group-item-warning">Remember this is what the artist will work from.</a><a href="mailto:kat@mcgraphics.us" class="list-group-item list-group-item-action list-group-item-success">Email jpgs and a bit about the model to Kat</a>

```

---

<div class="post-metadata">

**Author:** ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)\
**Post date:** [February 14, 2022, 11:40pm UTC](https://forum.pinegrow.com/t/validator-link-problems/6241/8 "2022-02-14T23:40:42Z")

</div>

What am I doing wrong using [Report URI: SRI Hash Generator](https://report-uri.com/home/sri_hash)  
#1.“The hash in the ‘integrity’ attribute doesn’t match the received payload.”

```auto
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Aref+Ruqaa&display=swap"/>

```

Added sri and got  
#2

```auto
"Cross-origin resource needs a 'crossorigin' attribute to be eligible for integrity validation.","source": "Microsoft Edge Tools
 `<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Aref%20Ruqaa&display=swap" integrity="sha256-zePDrcObJOtoXXDvlFeSsmyEsyebW7w0z0+6Ib1jHIw= sha384-XV2MpON+ZNIoHDmW4JVKzJPBvK3GRDTNa1hr4vR5pIsyndp7TgpsxaqsSNXl3ipN sha512-g08ZhIpNeyKRbfYQnq1MKgo2fwCPFP87/Aa+7HT2X2o1izGmjhb/pqNjk4tH6HyZTaHyfJ09uNANgwwmTGphVQ==" crossorigin="anonymous">

```

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [February 15, 2022, 10:54am UTC](https://forum.pinegrow.com/t/validator-link-problems/6241/9 "2022-02-15T10:54:59Z")

</div>

Hi @kat,  
Your second link _looks_ perfect. The only thing I can think is that there is a quote missing somewhere, but it sure doesn’t look like it. Maybe try with just one sha to see if it validates?  
Cheers,  
Bob

---

<div class="post-metadata">

**Author:** ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)\
**Post date:** [February 15, 2022, 7:44pm UTC](https://forum.pinegrow.com/t/validator-link-problems/6241/10 "2022-02-15T19:44:08Z")

</div>

Why is waiting for fontawesome waiting?  
 ![Screen Shot 2022-02-15 at 11.37.56 AM](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/7/7f5356334876f9527927ac856278028034a44826.png)

Got MSE errors down to two. Clarification please on how I find one sha?

```auto
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Aref+Ruqaa&display=swap"/>
    <!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Aref%20Ruqaa&display=swap" integrity="sha256-zePDrcObJOtoXXDvlFeSsmyEsyebW7w0z0+6Ib1jHIw= sha384-XV2MpON+ZNIoHDmW4JVKzJPBvK3GRDTNa1hr4vR5pIsyndp7TgpsxaqsSNXl3ipN sha512-g08ZhIpNeyKRbfYQnq1MKgo2fwCPFP87/Aa+7HT2X2o1izGmjhb/pqNjk4tH6HyZTaHyfJ09uNANgwwmTGphVQ==" crossorigin="anonymous"> -->
    <!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Aref%20Ruqaa&display=swap" integrity="sha256-zePDrcObJOtoXXDvlFeSsmyEsyebW7w0z0+6Ib1jHIw= sha384-XV2MpON+ZNIoHDmW4JVKzJPBvK3GRDTNa1hr4vR5pIsyndp7TgpsxaqsSNXl3ipN sha512-g08ZhIpNeyKRbfYQnq1MKgo2fwCPFP87/Aa+7HT2X2o1izGmjhb/pqNjk4tH6HyZTaHyfJ09uNANgwwmTGphVQ==" crossorigin="anonymous"> -->
    <link rel="stylesheet" href="style.copy.css" type="text/css"/>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sansita+Swashed&display=swap"/>
    <!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sansita%20Swashed&display=swap" integrity="sha256-b1apTkZtENPykPSCMvHOBWWo0YkGxYtnJDIn4RpPz7w= sha384-JxZ6EUc+Uif6CSCPT5AWmPSKj8kCcC4nlLxScKXpRGv7wchXR/JRb2dDGg72FUVb sha512-WPrGwI4it68NEr6kb3AIHp/CnL2Gz0u63qevDJJnTfte7WK5GpVaguDauMS3jz2c5pGctoarP34qvqq/ODMc1g==" crossorigin="anonymous"> -->
    <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.6.3/css/foundation.min.css"/> -->
    <!-- BELOW IS OK -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.6.3/css/foundation.min.css" integrity="sha256-ogmFxjqiTMnZhxCqVmcqTvjfe1Y/ec4WaRj/aQPvn+I= sha384-7vUZJTb1kX9GVspgWpJvPidpGgK+CUj8sZ+ythNth3U9rfP7LZBjJZrXJQawiG+l sha512-dMUQinc1gbNb95AFtKtP4q/g56T8r9oDxlWy0hrHyzfUbMq/vQztAqaR/FDY/bY0R1Ikc30aq94jyQH2Ix++ug==" crossorigin="anonymous">

```

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [February 15, 2022, 8:01pm UTC](https://forum.pinegrow.com/t/validator-link-problems/6241/11 "2022-02-15T20:01:57Z")

</div>

Hey @kat,  
I have no idea why fontawesome is waiting. You can check the network tab in the Developer’s tools for some hints.

For the integrity attribute each of the different encodings (sha’s) are separated by a white space and start with `shaXXX-` Do the first one in your code above is `sha256-`, the next is `sha384-` and the last is `sha512-`.  
Cheers,  
Bob

---

<div class="post-metadata">

**Author:** ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)\
**Post date:** [February 15, 2022, 11:54pm UTC](https://forum.pinegrow.com/t/validator-link-problems/6241/12 "2022-02-15T23:54:27Z")

</div>

1, 2, or 3 sha didn’t work. Time to let this one go for now. It’ll work later–maybe ; )

Different VSC html file: MSE dev tools now has a ul error: `<ul> and <ol> must only directly contain <li>, <script> or <template> elements.` What am I doing wrong?

```auto
<container class="navBar">
     <div class="navLinks">
         <ul>
            <li><a href="#" aria-label="Home">Home</li>
            <li><a href="#" aria-label="About Us">About Us</a></li>
            <li><a href="#" aria-label="Menu">Menu</a></li>
            <li><a href="#" aria-label="Specials">Specials</li>
            <li><a href="#" aria-label="Orders">Orders</li>
            <li><a href="#" aria-label="Smoking">Smoking</a></li>
         </ul>
         <div class="social"></div>
         <div class="logo">BBQ Smokes</div>
     </div>
     </container>

```

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [February 16, 2022, 10:40am UTC](https://forum.pinegrow.com/t/validator-link-problems/6241/13 "2022-02-16T10:40:16Z")

</div>

Hi @kat,  
It looks to me like some of your link elements aren’t fully closed. - Home, Special, Orders.  
Cheers,  
Bob