1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

How to turn a picture into a link?

Discussion in 'HTML & Website Design' started by prince4life, Feb 25, 2008.

  1. #1
    How do I turn a picture into a link?

    For example if i want to use a picture as a banner link to another site.

    Thanks!

    --I know it's easy but my memory is bad!! :( ---
     
    prince4life, Feb 25, 2008 IP
  2. infogle

    infogle Notable Member

    Messages:
    2,696
    Likes Received:
    126
    Best Answers:
    1
    Trophy Points:
    220
    #2
    Try this code

    <a href="http://yoursite.com"><img border="0" src="image file" width="966" height="146"></a>
     
    infogle, Feb 25, 2008 IP
  3. Stomme poes

    Stomme poes Peon

    Messages:
    3,197
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Depends. For a gif/jpg/png banner, the HTML does the work.

    <a href="addressoflink"><img src="banner.gif" width="" height="" alt="ad for whatever"></a>

    (The above has an HTML end-tag. XHTML is different).

    If this is something like Flash, then the button is in the banner, NOT wrapped around the Flash. Actionscript runs the button which is an invisible layer above what you see.
     
    Stomme poes, Feb 25, 2008 IP
  4. prince4life

    prince4life Active Member

    Messages:
    808
    Likes Received:
    18
    Best Answers:
    0
    Trophy Points:
    60
    #4
    Thanks for your inputs, but....

    let me make the question more specfic.

    How do you make a blogspot header and footer be a link to another site? I inserted the picture into the header and footer section as a picture under the dashboard.

    Anyone has any idea?
     
    prince4life, Feb 25, 2008 IP
  5. sawz

    sawz Prominent Member

    Messages:
    8,228
    Likes Received:
    807
    Best Answers:
    0
    Trophy Points:
    310
    #5
    you might want to add a border="0" after the alt info so you don't have a border around your image, unless thats what you want.
     
    sawz, Feb 25, 2008 IP
  6. Stomme poes

    Stomme poes Peon

    Messages:
    3,197
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Sawz, lots of people do that, but lazy people like me just stick
    img {
    border: 0;
    }
    at the top of our CSS sheets... : )

    sorry prince, I dunno blogger or wordpress. I think you're meaning there's some programme with it so you can make an image a link without touching the code directly... I have no clue. The code is easier : )
     
    Stomme poes, Feb 25, 2008 IP
  7. briliantul

    briliantul Peon

    Messages:
    57
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    <a href="http://yoursite.com"><img src="image file" width="966" height="146" border="0"></a>
    Will be work like this :p
     
    briliantul, Feb 25, 2008 IP
  8. prince4life

    prince4life Active Member

    Messages:
    808
    Likes Received:
    18
    Best Answers:
    0
    Trophy Points:
    60
    #8
    Thanks guys. I think I finally got it :)
     
    prince4life, Feb 25, 2008 IP
  9. alihasan

    alihasan Peon

    Messages:
    39
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    thnxs 2 all
     
    alihasan, Feb 25, 2008 IP
  10. wilhb81

    wilhb81 Active Member

    Messages:
    1,640
    Likes Received:
    16
    Best Answers:
    0
    Trophy Points:
    80
    #10
    WoW, I did learned a lot about the picture links here.

    Thank you to all that contributed the nice ideas. ;)
     
    wilhb81, Feb 25, 2008 IP
  11. localgrown96706

    localgrown96706 Guest

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #11
    ok, like i seen that code evrywhere, but i need help i really don't get all this html stuff and i'm a begininer to this kind of stuff, i seen those kinds of banners and i wanted to know how to do do that, could someone give me a step by step instruction on how to do that?
     
    localgrown96706, Jun 18, 2009 IP
  12. Stomme poes

    Stomme poes Peon

    Messages:
    3,197
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #12
    You type what briliantul typed up above, except with your image source, your url you want the link to go to, and without that stupid border="0" because it's freaking retarded.

    HELLO??? CSS ANYONE????? People spreading retard code around on these forums just perpetuates bad code. No wonder 99% of web sites are total crap code.

    *edit to localgrown: I strongly recommend this book, it's for people just like you, and it's what got me started in all this-- it holds your hand from the very beginning and when you're done you know the basics (only the basics but that's ok): Build Your Own Web Site the Right Way Using HTML and CSS by Ian Lloyd.

    The first edition is more than old enough to be in your library, FREE. The second edition came out just a few months ago.

    Get it!
     
    Stomme poes, Jul 1, 2009 IP