Clickable Image Link over logo help

  • keithgeo

    (@keithgeo)


    15 years, 8 months ago

    Hey guys i was hoping you might be able to help me out.

    My wordpress site is here

    http://www.gamersireland.ie

    Im trying to add an image and make it a link to another site over the top of my sites logo. as you can see on the site linked above, over on the top right there is a logo for another site. I want to make that a clickable link. at the minute when you click on it, it brings you to my site gamersireland.ie because its over the top of my logo.

    I added this to style.css

    #followme {
    float:right;
    margin-top: 30px;
    background: url(images/cstoplink.png) no-repeat;
    height: 120px;
    width: 132px;
    }

    and this line to header.php

    <div id=”followme” onclick=”location.href=’http://www.celticsnipers.com/&#8217;;”></div>

    But it still seems to link to gamersireland.ie

    any help you could offer would be greatly appreciated!

    Thanks
    Keith

Viewing 4 replies - 1 through 4 (of 4 total)
  • govpatel

    (@govpatel)

    15 years, 8 months ago

    its because you have that on top of your logo as this makeing that logo area click able to your site

    <div id=”masthead” class=”fix” style=”cursor: pointer;” onclick=”location.href=’http://www.gamersireland.ie/&#8217;;”>

    you will have to separate them

    Thread Starter keithgeo

    (@keithgeo)

    15 years, 8 months ago

    Thanks for the reply,

    Ive resized my logo image so it only take up half of the width of the screen and then that other logo on the right is there on its on own. but still when i click it, it links back to my site.

    Im kind of lost and would appreciate if you have any info on how i seperate the two?

    Thanks
    Keith

    govpatel

    (@govpatel)

    15 years, 8 months ago

    Your logo.png is still 900 by 150 you need to make smaller say 600 width in size and float it to left and than have other 300 image on its own and float to right

    check this as #masthead.fix as you are inheriting that.

    Thread Starter keithgeo

    (@keithgeo)

    15 years, 8 months ago

    thanks again for the reply.

    I have resized my logo.png to 400×150 –
    http://www.gamersireland.ie/wp-content/themes/massivepress/images/logo.png

    but when i try to add in width: 400px; to masthead it throws all the links and other stuff out of place, lol.

    Ill keep messing around with it.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Clickable Image Link over logo help’ is closed to new replies.