SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Guru
    Join Date
    Feb 2006
    Posts
    980
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Create link on section of header graphic

    I am trying to make the starbust on the header of this page a link: http://mnprom.com/promstore/. The only problem is that the image is contained in the css (see below) so I can't make it a link in DW (or can I)? I use FW. I sliced the image, exported it as image/html but now I have an htm image and a bunch of slices. What do I do?

    http://mnprom.com/promstore/style.css

    #header {
    width: 1007px;
    height: 384px;
    float: left;
    background-image: url(images/webtop-3.jpg);
    background-position: left topl;
    background-repeat: no-repeat;
    clear:both;
    }

    Thanks so much!

  2. #2
    SitePoint Enthusiast
    Join Date
    Aug 2008
    Posts
    49
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    you can either take that image out and make a map over it and make the link
    or
    insert a <a> inside the #header
    for instance

    #header a {
    width: 100px;
    height 100px;
    float: right:
    margin-right: 100px:
    margin-top: 200px;
    text-indent: -99999px;
    }

    and the html
    <div id="header"><a href="#">click here</a></div>

    something like that might work
    - Inelastica.com | Cultura Grafica (spanish design blog)

  3. #3
    SitePoint Guru
    Join Date
    Feb 2006
    Posts
    980
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I added the header a and html code but it's still not working.

    Here's what I have:

    <div id="header"><a href="http://clicks.skem1.com/survey/?c=2165&id=1&preview=1"></a><span class="hidden">Top 10 Prom 2009, The Best Of The Best!</span></div>

    #header {
    width: 1007px;
    height: 384px;
    float: left;
    background-image: url(images/webtop-3.jpg);
    background-position: left topl;
    background-repeat: no-repeat;
    clear:both;
    }
    #header a {
    width: 100px;
    height 100px;
    float: right:
    margin-right: 100px:
    margin-top: 200px;
    text-indent: -99999px;
    }

    When I add text between the a tags, it shows up in the upper left corner of the header and it works, but I can't use text. Will it work without? Also, why is it showing up in upper left corner? CSS positioning is so challenging!!!


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
  •