Hyperlink not working on next line

Question

I can only get hyperlink working on the first line. When a line break is encountered the further hyperlink is not working it is only plain text!

The red box around the black text is the working hyperlink and green is not working as there is a link break.

HTML:

<div class='data_block'>
    <img src='data:image/jpeg;base64,".base64_encode( $row['ar_image'] )."' class='data_image'/>
     <div class='data_title'>
     <a href='article.php?no=".$row['ar_id']."'><p>"

19 hours ago by Sachin Bhandary Alarming Video From Manipur Shows Armed Forces"</p></a>
     </div>
     <div class='data_desc'>
    <p>".$row['ar_desc']."</p>
  </div>
</div>";

CSS:

.data_title a
{
  font-size: 15px;
  font-family: "Century Gothic";
  font-weight: 600;
  vertical-align: top;
  float: right;
  margin-top:-25%;
  width:450px;
  margin-right: auto;
  margin-left:auto;
  text-align: center;
  text-decoration:none;
  color:#2E84C2;
}
.data_title:hover a
{
    color: #272727;
}

Please post the rendered HTML, not the PHP or whatever server-side language that is. — j08691, Sep 08 '15 at 14:22
Btw, you should use `
...
`, not nest `
` inside of ``. Block elements should not be contained in inline elements — Mifeet, Sep 08 '15 at 14:24
I tried this jsfiddle and it is working: http://jsfiddle.net/pinturic/v3cm8rnc/ . If you have another non-working jsfiddle please share it. — pinturic, Sep 08 '15 at 14:27
@j08691 Ah, it's valid [for ``](http://stackoverflow.com/a/6062035/2032064) elements, good to know (although apparently not for all elements) — Mifeet, Sep 08 '15 at 14:27
@pinturic I don't think jsfiddle can interpret the php code that is obviously included in the example. — Mifeet, Sep 08 '15 at 14:28
The code you've now posted doesn't reproduce the behavior you described. Please update your question to include the code that will allow us to see the issue. — j08691, Sep 08 '15 at 14:32
Yaa removing
worked! Sorry I did not had any idea about such stuff! Thanks! — Wocugon, Sep 08 '15 at 14:32

score 3 · Accepted Answer · answered Sep 08 '15 at 14:29

3

Even though it may be considere valid, it's not a good idea to nest the <p> tag inside an anchor tag. Try formatting your HTML like this:

<p>
    <a href='article.php?no=".$row['ar_id']."'>
        "19 hours ago by Sachin Bhandary Alarming Video From Manipur Shows Armed Forces"
    </a>
</p>

answered Sep 08 '15 at 14:29

Celt

2,469
2
26
43

Why the down vote? It's a valid attempt to solve the problem – Celt Sep 08 '15 at 14:32
Well I didnt down vote! maybe someone else! I will mark it as answer – Wocugon Sep 08 '15 at 14:33

Hyperlink not working on next line

1 Answers1