7 Replies Latest reply on Mar 12, 2010 12:30 AM by osgood_

    Help with ap div

    highbank64
      Hi,
      can anyone help a newcomer to dreamweaver?

      Is it possible to add a hyperlink to an AP.Div ?
      I have inserted imaged into my ap divs and overlapped them to look how i want them, but i would like to be able to click on each image to go to another link. Anyone help me?? Please??
        • 1. Re: Help with ap div
          Level 7
          > Is it possible to add a hyperlink to an AP.Div ?

          It's *possible* to add a hyperlink to a <strong> tag, and darn near
          everything else on your page. Is it a good idea? No.

          > Anyone help me??

          Select each image in turn and apply a hyperlink to them.

          --
          Murray --- ICQ 71997575
          Adobe Community Expert
          (If you *MUST* email me, don't LAUGH when you do so!)
          ==================
          http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
          http://www.dwfaq.com - DW FAQs, Tutorials & Resources
          ==================


          "highbank64" <webforumsuser@macromedia.com> wrote in message
          news:ga5mfo$ntb$1@forums.macromedia.com...
          > Hi,
          > can anyone help a newcomer to dreamweaver?
          >
          > Is it possible to add a hyperlink to an AP.Div ?
          > I have inserted imaged into my ap divs and overlapped them to look how i
          > want
          > them, but i would like to be able to click on each image to go to another
          > link.
          > Anyone help me?? Please??
          >

          • 2. Re: Help with ap div
            joannfigueras

            I made an apDiv into a link and specifically said 'text-decoration:none' in the apDiv description, but when I added the linkage, the word in the apDiv got underlined.  What else do I have to do to get rid of the underline?  Do I have to add a class to the word in the apDiv?  Is there a better way to make a little HOME button at the top of the page?

             

            thanks,  Joann

            • 3. Re: Help with ap div
              osgood_ Level 8

              joannfigueras wrote:

               

              I made an apDiv into a link and specifically said 'text-decoration:none' in the apDiv description, but when I added the linkage, the word in the apDiv got underlined.  What else do I have to do to get rid of the underline?  Do I have to add a class to the word in the apDiv?  Is there a better way to make a little HOME button at the top of the page?

               

              thanks,  Joann

               

              Do you have a css stylesheet attached to the page?

               

              If so add the below code to it, at the end.

               

              a {

              text-decoration: none;

              }

               

              If you don't have a stylesheet attached to the page copy the code below and paste it into the pages code directly before the closing </head> tag near the top of the page.

               

              <style type="text/css">

              a {

              text-decoration: none;

              }

              </style>

               

               

              Now all the links on your page should NOT be underlined.

              • 4. Re: Help with ap div
                joannfigueras Level 1

                Thanks, Osgood, but I don't want to disable ALL the link underlines-just the one in this apDiv which is residing in the header section.  Maybe I could write your code so it applies to just that section?  This is my apDiv code in the styles section of the template I use for most pages

                 

                #apDiv2 {

                position:absolute;

                width:40px;

                height:15px;

                z-index:1;

                background-color: #000000;

                color: #C0C0C0;

                top: 13px;

                left: 38px;

                font-size: 13px;

                font-weight: normal;

                border: 2px solid #C0C0C0;

                padding: 4px;

                font-variant: small-caps;

                text-decoration: none;

                }

                thanks, Joann

                • 5. Re: Help with ap div
                  John Waller Adobe Community Professional & MVP
                  function(){return A.apply(null,[this].concat($A(arguments)))}

                                           Maybe I could write your code so it applies to just that section?

                   

                  You can target just the anchors by adding an "a" inside apDiv2 as follows:

                   

                  #apDiv2 a {

                  text-decoration: none;

                  }

                  • 6. Re: Help with ap div
                    joannfigueras Level 1

                    OK--I might have found my solution.  I will use your code to remove all underlining:  a {

                    text-decoration: none;

                    }

                    and I will show other links on a given page with background color.   At least this works to remove the ugly underline in my HOME button.

                     

                    Thanks,  Joann

                    • 7. Re: Help with ap div
                      osgood_ Level 8

                      joannfigueras wrote:

                       

                      OK--I might have found my solution.  I will use your code to remove all underlining:  a {

                      text-decoration: none;

                      }

                      and I will show other links on a given page with background color.   At least this works to remove the ugly underline in my HOME button.

                       

                      Thanks,  Joann

                       

                      Johns answer should work.

                       

                      If it doesn't then you haven't supplied the right information.

                       

                      To get a quick solution, providing there is one, it's always best to provide a link to the page in question or the pages code and any css associated with it here. Without either we are just making guesses at what might be the answer.