3 Replies Latest reply on May 10, 2010 9:47 AM by mustangdesigner

    add graphic below navbar

    mustangdesigner Level 1

      I have placed a vertical navbar in the left sidebar.  Below the sidebar I would like to add an image that is a link to another website.  I can't get the image inside the sidebar.  It shows up everwhere else but there.  What is the trick or is it not possible to add anything to the sidebar in addition to a navbar?

       

      DWCS4  Site is www.ronfisher.com

        • 1. Re: add graphic below navbar
          martcol Level 4

          If you take a quick peep in Code View you will see the end of your sidebar looks like this

           

            </li>
            <li><a href="scrapbook/scrapbook.html">Scrapbook</a></li>
            <li><a href="xpress/xpress.html">Xpress Furniture</a></li>
          </ul>
            </div>

           

          That </ul is the closing tag for your list and the </div> closes your sidebar.

           

          Add your image betwen those  for example:

           

            </li>
            <li><a href="scrapbook/scrapbook.html">Scrapbook</a></li>
            <li><a href="xpress/xpress.html">Xpress Furniture</a></li>
          </ul>
          <div id="sideimage">
          <img href="wheremyimageis/fancyimage.jpg" alt="Fancy image" />
          </div>y
            </div>

           

          You can then use the sideimage id to target the image in your CSS:

           

          #sideimage {
          padding: 10px 5px;
          }

          or

          #sideimage img (
          border: solid 1px black;
          )

           

          Hope that helps

           

          Martin

          • 2. Re: add graphic below navbar
            Nancy OShea Adobe Community Professional & MVP

            Get into the habit of working in Split View.  That way you can see where you are in relation to the HTML tags.

             

             

            Nancy O.
            Alt-Web Design & Publishing
            Web | Graphics | Print | Media  Specialists
            http://alt-web.com/
            http://twitter.com/altweb
            http://alt-web.blogspot.com

            • 3. Re: add graphic below navbar
              mustangdesigner Level 1

              Thank you, Martin!  This is exactly what I needed.  I generally work in Design View and know just enough about code to know where I needed to add something but was at a loss as to exactly what.  The code you suggested worked great!!  Thanks, again!