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
Post a Comment