wrap anchor around div

Question

I have weird problem with wrapping anchor tag around div in php because anchor goes inside div. Here is code:

$output .= '<a href="http://google.com">';
$maplist = implode(', ', array_values($rounds));
$output .= '<div class="maplist">' . $maplist . '</div>';
$output .= '</a>';

echo $output;

Html shows like this

 <div class="maplist"><a href="http://google.com"></a>
   <a title="cs_assault" href="link1">cs_assault</a>, 
   <a title="de_aztec" href="link2">de_aztec</a>
   </div>

instead of

<a href="http://google.com">
   <div class="maplist">
   <a title="cs_assault" href="link1">cs_assault</a>, 
   <a title="de_aztec" href="link2">de_aztec</a>
   </div></a>

Weird part is when I remove implode function it outputs like it should.

This PHP code is not what generated the HTML you show here. Are you sure you are showing us the right PHP code? — Sverri M. Olsen, Jan 30 '14 at 21:16

score 2 · Accepted Answer · answered Jan 30 '14 at 21:18

Nested anchor tags are illegal in HTML 4: http://www.w3.org/TR/html401/struct/links.html#h-12.2.2

Any interactive content cannot be nested in HTML 5: http://www.w3.org/html/wg/drafts/html/master/single-page.html#the-a-element A link counts as an "interactive" element.

score 0 · Answer 2 · answered Jan 30 '14 at 21:24

0

You could change the .output to include the link in your div:

$output .= '<div class="maplist" onclick="location.href='http://google.com';">' . $maplist . '</div>';

This should work fine, unless of course you wanted to avoid javascript.

answered Jan 30 '14 at 21:24

Sam Murphey

318
1
4
16

wrap anchor around div

2 Answers2