www.webdeveloper.com
Results 1 to 1 of 1

Thread: Button on top of Header Image

Hybrid View

  1. #1
    Join Date
    Jul 2011
    Location
    Irish Republic
    Posts
    64

    Button on top of Header Image

    Seeking to install a Link a Friend button on top of a header image. I want to align the button away from the edge of the page about 10px but I am having trouble! Any direction greatly appreciated.

    I have the div's set up as follows:

    Code:
    <div id="button"><a href="javascript:popup()" alt="Link a Friend Button"></a></div>
    <div id="banner"><img src="album/banner.png" alt="Website Banner Image" width="960px"/></div>
    and the controlling css as follows:

    Code:
    <style type="text/css">
    #button  {list-style:none;position:absolute;top:10;left:10;} /*free-web-buttons.com*/
    #button a{background-image:url(album/link.png);width:160px;height:23px;display:block;color:transparent;} 
    #button a:hover{background-position:left bottom;}
    </style>
    which gives me a result as attached poor_button_position.jpg image:
    Attached Images Attached Images

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

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



Recent Articles