3 Replies Latest reply: Mar 6, 2012 1:42 PM by John Nez RSS

    How do I get the links to have an underline?

    John Nez Community Member
    John Nez Mar 6, 2012 1:24 PM

      I'm working on a new Dreamweaver site and I can't figure out how I made the links on the left of this page have underlines.

       

      Some of them DO have underlines... and some of them don't.

      I've checked every setting I could figure out and can't find how I did it... so any help would be much appreciated!

       

      Here's the file link:

      http://www.johnnez.com/2columnindex.html

       

      As you see, Portfolio 1, Portfolio 2, Historical, Digital and some others do not have underlines.

      But the others do.

       

      Thanks!

       

      jn

      • 433 Views
      • Tags:
        • 1. Re: How do I get the links to have an underline?
          Rik Ramsay Community Member
          Rik Ramsay Mar 6, 2012 1:29 PM (in response to John Nez)

          The one's that don't have underlines are not in separate <li> tags...

           

          <li><a href="#">Portfolio 1</a><a href="#">Portfolio 2</a><a href="#">Black &amp; White</a></li>

           

          This should be:

          <li><a href="#">Portfolio 1</a></li>

          <li><a href="#">Portfolio 2</a></li>

          <li><a href="#">Black &amp; White</a></li>

          • 2. Re: How do I get the links to have an underline?
            John Waller CommunityMVP
            John Waller Mar 6, 2012 1:33 PM (in response to John Nez)

            Your CSS is correctly set to underline all the menu items in the unordered list.

             

            However your HTML markup is askew. I suspect you're working exclusively in Design View in DW?

             

            Anyway, in Code View, change

             

            <ul class="nav">

                  <li><a href="Booksfile:///Extra/Jonz2012site/slideshow%20again.html">Books</a></li>

                  <li><a href="Slideshowsfile:///Extra/Jonz2012site/slideshow%20again.html">Slideshows</a></li>

                  <li><a href="#">Portfolio 1</a><a href="#">Portfolio 2</a><a href="#">Black &amp; White</a></li>

                  <li><a href="#">Historical </a><a href="#">Digital Sihouettes</a><a href="#">Studio Links</a><a href="#">School Visits</a></li>

                </ul>

             

            to

             

            <ul class="nav">

                  <li><a href="Booksfile:///Extra/Jonz2012site/slideshow%20again.html">Books</a></li>

                  <li><a href="Slideshowsfile:///Extra/Jonz2012site/slideshow%20again.html">Slideshows</a></li>

                  <li><a href="#">Portfolio 1</a></li>

                  <li><a href="#">Portfolio 2</a></li>

                  <li><a href="#">Black &amp; White</a></li>

                  <li><a href="#">Historical </a></li>

                  <li><a href="#">Digital Sihouettes</a></li>

                  <li><a href="#">Studio Links</a></li>

                  <li><a href="#">School Visits</a></li>

                </ul>

            • 3. Re: How do I get the links to have an underline?
              John Nez Community Member
              John Nez Mar 6, 2012 1:42 PM (in response to John Waller)

              Thanks everyone!  That did the trick... I'd never have figured that out myself.