Results 1 to 2 of 2

Thread: call to action button

  1. #1
    Join Date
    Sep 2010
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default call to action button

    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;
    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;

    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

  2. #2
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,643
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default

    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.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •