SitePoint Sponsor

User Tag List

Results 1 to 15 of 15

Hybrid View

  1. #1
    SitePoint Evangelist hantaah's Avatar
    Join Date
    Jul 2011
    Location
    Birmingham, Uk
    Posts
    562
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)

    link not working

    I have a link / call to action on my page and I cannot figure out why it is not a link when you hover the mouse over.

    It is the link on the first banner of my home page that says " Click here to make the first move before someone else does " and it supposed to link to my quote page...

    Here is my site http://www.organicwebdesigns.co

    Your help would be appreciated
    Many thanks

  2. #2
    SitePoint Zealot
    Join Date
    Mar 2012
    Posts
    110
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It is working for me, but the only word you currently have linked is "Click".

  3. #3
    SitePoint Evangelist hantaah's Avatar
    Join Date
    Jul 2011
    Location
    Birmingham, Uk
    Posts
    562
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    hm that's strange, I have this in the coding:

    <a href="http://organicwebdesigns.co/quote" id="cta">Click here to make the first move before someone else does</a>

    what could be wrong?

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,301
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    The slider-left div above it is positioned absolutely and sitting over the top of it.

    Solution: either reduce the height on slider-left, or better, remove it altogether.

    Code:
    .slider-left {
      margin: 30px 25px 0px 25px;
      float: left;
      width: 490px;
      height: 209px;
      overflow: hidden;
      position: absolute;
    }
    As an aside, your call to action link needs some styling to make it stand out. It took my eye ages to find it. You need a chunky background color on it or something to highlight it ... maybe rounded corners, too.

  5. #5
    SitePoint Evangelist hantaah's Avatar
    Join Date
    Jul 2011
    Location
    Birmingham, Uk
    Posts
    562
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    ok did that and it fixed the link

    Totally agree about the call to action, it was something I was going to work on but you inspired me to do it now. I have been absent for quite a few months so I am very rusty now with css code so I tried to add my new call to action image. On doing so it does not show up. Any ideas why? I added some styling and a nice orange image with corners and white text but still nothing

    Many thanks

  6. #6
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,301
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    Add display: block to your CSS:

    Code:
    #cta {
    display: block;
    margin-left: 15px;
    background-image: url(images/cta1.jpg);
    height: 27px;
    width: 310px;
    text-indent: -10000px;
    }

  7. #7
    SitePoint Evangelist hantaah's Avatar
    Join Date
    Jul 2011
    Location
    Birmingham, Uk
    Posts
    562
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Yes sorted!!! But what do you thing of the call to action? I can't make up my mind, it seems a little busy now


    Quote Originally Posted by ralph.m View Post
    Add display: block to your CSS:

    Code:
    #cta {
    display: block;
    margin-left: 15px;
    background-image: url(images/cta1.jpg);
    height: 27px;
    width: 310px;
    text-indent: -10000px;
    }

  8. #8
    SitePoint Evangelist hantaah's Avatar
    Join Date
    Jul 2011
    Location
    Birmingham, Uk
    Posts
    562
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    thanks for you help, I had a play around and I found the best thing was to position the current button differently, now it looks good I think and jumps out at you. Thanks guys

  9. #9
    SitePoint Evangelist hantaah's Avatar
    Join Date
    Jul 2011
    Location
    Birmingham, Uk
    Posts
    562
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    getting my head into this now, thanks for all the info I'm just about to play around with all your advice. One more thing I changed my cta text to see if I'm free. Do you think that's better? What would you put?

  10. #10
    SitePoint Wizard Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,283
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    The text suggests I'll maybe get either a contact form to ask you if you are free, or a schedule showing when you are free. What I get is a quote contact form (and I'd have the header on the form page say "Get a quote" or even "get a quote in one simple step"). I'd say something like "get a quote", but one thing that's really easy and awesome for this kind of thing is to show a screenshot of your web page as it is now to various random people, and say

    "Let's say you're on your computer and you are looking for web site design services etc. and you end up at this page. What do you expect if you hit this button?"

    Regular non-techy people will tell you where they think they'll go or where they expect to end up when hitting that. You might have to tell them the button is a clickable thing if it's just a screenshot or printout; that's ok.
    You can also ask them, showing a screenshot of the whole page, "where would you go if you just wanted to know what some site might cost?" and "where would you go if you wanted to know x?" where x is the typical tasks you expect users to do on your web site.

    This is a really simple easy type of usability testing and no matter how well you've built your page, you'll usually always find stuff that's wrong enough to cause potential problems and easy to fix. Button text is usually within the realm of a web copywriter but we're assuming you're your own copywriter :) so usability testing is the easier way to find the text you need.

    The trick is asking people questions without inadvertently implying an answer :)


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
  •