Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › Selecting a list tag with list tags within it › Reply To: Selecting a list tag with list tags within it

September 27, 2013 at 2:43 am #143991
Historical Forums User
Participant

<pre class=”codepen” data-height=”300″ data-type=”html” data-href=”hnpoq” data-user=”A73X4ND3R” data-safe=”true”><!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="navbar.css"/>
<title></title>
</head>
<body>

        <a href="&quot;#&quot;">Home</a>
        &lt;!--I would like to put a link around the Photos list item, but I can't without adding
        a link to all the links nested in it--&gt;
        Photos

                <a href="&quot;#&quot;">People</a>
                <a href="&quot;#&quot;">Animals</a>
                <a href="&quot;#&quot;">Landmarks</a>


        &lt;!--I would like to put a link around the Videos list item, but I can't without adding
        a link to all the links nested in it--&gt;
        Videos

                <a href="&quot;#&quot;">Amateur</a>
                <a href="&quot;#&quot;">Professional</a>


        <a href="&quot;#&quot;">Forums</a>

        &lt;!------------------------------The reason I want anchor tags around the list item is so, when it is a navigation bar, you can click on the tab
        itself, not just the words----------------------------------------------------&gt;

&lt;/body&gt;

</html>Check out this Pen!

<script async src=”http://codepen.io/assets/embed/ei.js”></script&gt;