library item disables link


i have linked image works fine until make library item. once in library link disabled (even though 2 other links in same library item work fine). can't figure why 1 different. here's page:

 

http://www.demilodesign.com/letterpress/paper_marble_test.html

 

thanks help.

 

html/library item:

 

<!-- #beginlibraryitem "/library/cssheader.lbi" --> <div class="heading">

      <div class="logo">

        <a href="http://www.demilodesign.com"><img src="http://www.demilodesign.com/assets/images/logo.gif" class="hilite"></a>

      <div class="contactcart">

        <a href="http://www.demilodesign.com/letterpress/information/information_contact.html"><img src="http://www.demilodesign.com/assets/images/contact.gif" class="hilite"></a>

        <a href="http://www.demilodesign.com/letterpress/information/information_contact.html">contact </a>

        <a href="http://www.coolcart.net/shop/coolcart.aspx/demilodesign"><img src="http://www.demilodesign.com/assets/images/newcart.gif" class="hilite" ></a>

        <a href="http://www.coolcart.net/shop/coolcart.aspx/demilodesign">cart</a>       

        </div>

      </div>

    </div><!-- #endlibraryitem -->

 

css:

 

      

    .logo{

       background-color: #f6fddb;

       width: 100%;

       height: 46px;

       border-bottom-style: solid;

       border-bottom-color: #cccc66;

       border-bottom-width: 1px;

       text-align: center;

       position: relative;

       top: 0px;

       padding-top:11px;

       padding-bottom:12px;

            }

 

  .contactcart {

            position: relative;

               max-width: 934px;

            margin: 0 auto;

            padding:0px;

            padding-right: 10px;

            text-align: right;

            padding-top: 40px;

             }

 

    .heading .logo img {

       display: block;

       margin: auto;

            }

 

      .heading .contactcart {

            position: relative;

            margin-top: -50px;

            padding-left: 5px;

            }

 

            .heading .contactcart {

            display: inline-block;

             }

it doesn't have being library item. problem lies css.

 

the .contactcart div wide , relatively positioned, it's blocking link of main logo.

 

i did basic experimentation, changing style rules this:

 

.heading .contactcart {

    position: relative;

    top: -10px;

    left: 800px;

}

 

.contactcart {

    max-width: 200px;

    padding: 0px;

    padding-right: 10px;

    text-align: right;

    border: none;

}

 

that made logo clickable , moved other links correct position. might not you're looking for, solves problem of logo.



More discussions in Dreamweaver support forum


adobe

Comments

Popular posts from this blog

Thread: gpg: Conflicting Commands

Adobe Acrobat Pro , Terminal Server Use

when i try using AE CC 3d camera tracker after the first step it says "Analysis solve failed." help?