Log in

View Full Version : call to action button



bitlipire
01-02-2011, 10:19 PM
how can I put 3 call to action button at same line?
button space button space button.. 3 call to action button under the slider.

here is html code;



<div id="call_to_action">
<div class="inner">
<div id="call_to_action_button">
<a href="http://www.kavanlar.com/"></a>
</div>
</div><!-- inner -->
</div><!-- call_to_action -->


and here is the css code;



#call_to_action{min-height:140px;background: #e6e6e6 repeat-x center bottom;}
body.inset #call_to_action {background-image: url(images/inset_breadcrumbs.gif);}
#call_to_action #blurb{padding:44px 230px 80px 0;}
#call_to_action_button{
background:transparent url(images/get_started.jpg) no-repeat scroll center top;
height:89px;
position:absolute;
right:3px;
top:32px;
width:210px;
}
#call_to_action_button a{display: block;height: 100%;width: 100%;}


u can see the page at this link;
http://www.kavanlar.com/azoomer

traq
01-02-2011, 11:28 PM
You've got a very specific layout going on there. for example, it's not really a button at all, it's a hyperlink with fixed dimensions and a background image.

You could try to duplicate them by creating additional links with similar markup and different positioning.