How do I create a link via a logo?

[Praxis]

Does anyone know? What I want to do is have a logo to another business on my website and when you click the logo, it takes you to that website.

I'm sure this is a not-too-difficult process so if anyone has an easy how-to, I'd appreciate it :)

Thanks.

[GenericBox]

<a href="ADDRESS OF OTHER BUSINESS INCLUDING http://"><img src="OTHER BUSINESS LOGO IMAGE FILE" border="0" /></a>





Overcomplicating the issue:

Most logos and web graphics are now in .PNG -- but .GIF is an old favourite (slowly being phased out though).

.JPG for a logo is usually impractical, because a logo uses limited colours so a PNG would yield best filesize results. (jpgs are comparatively big).

With HTML5 they are pushing the use of .svg -- but the logo has to be made as a vector image to begin with for this to work -- and not all browsers support HTML5 yet.

[riddlemethis]

Protes, you are officially a b/tard, albeit a bloody funny one!

[Praxis]

*lalalalala* not taking any notice of you nasty little admin type person.

Thanks GB. I've been given a .tiff image to use. I'll see what I can do.

[GenericBox]

Yep, .tiff is good (I *suppose*) for high resolution images. It's so old school though!

You will need to convert it to a web acceptable format otherwise you can't do anything.

GIMP is your free option, Photoshop is your best option (and still possibly free :P).

[Loki]

The recently discussed Irfanview will also do it, and really trooly for free. :)

[Sir Patrick Crocodile]

*lalalalala* not taking any notice of you nasty little admin type person.Cue for Protium - get an avatar with a ridiculous multimillionaire chin.

Thanks GB. I've been given a .tiff image to use. I'll see what I can do.An SVG file will be even better still. You can blow it up or shrink it down to whatever the hell you want without losing any of the resolution, since it is a vector image. Ideal for logos IMO

[davo]

Praxis I can do this today for you if you send me details

[GenericBox]

Is .svg widely supported yet but? I haven't read much about it.

But yeah it is the best option for logos if you can do it.

Scalable
Vector
Graphic

It means what the name suggests. The picture is scalable without losing quality.

[davo]

Praxis asked for a link on a logo on her website, to another. There is no reason to use svg as there is no need for it to scale.

The best option is the widely supported gif (lossless compression) and jpg (lossy compression) or png as an alternative to gif depending on the image. Gif if the logo is a few colours, and jpg if it is a complex gradiated image like a photo base. I tend to use png format where I can as it is 5%-25% more compressed than a gif of the same image ..

(btw all browsers except IE support svg, tho ie9 will)

[Fearless]

Getting a little complex

[davo]

Getting a little complex

yea simple is best, the answer is :


<a href="http://domain.to.link.to">
<img src="/path/to/logo.jpg" alt="Title for little popup" />
</a>

[Sir Patrick Crocodile]

Is .svg widely supported yet but? I haven't read much about it.

But yeah it is the best option for logos if you can do it.

Scalable
Vector
Graphic

It means what the name suggests. The picture is scalable without losing quality.Older versions of Microsoft Internet Exploder (IE 7 and earlier) had poor support for it; not sure about IE8 though.

Although if you want to support older browsers, definitely SVG is not good for direct linkage.

[Praxis]

Praxis I can do this today for you if you send me details
Just saw this! Thanks Davo - I'm on-site at the moment so can't send it to you but will be home aruond 4'ish if that suits?

[davo]

Getting a little complex

This is fun.

You could just use a data URI

http://pastebin.com/eg1SNDuT

[davo]

Just saw this! Thanks Davo - I'm on-site at the moment so can't send it to you but will be home aruond 4'ish if that suits?

Yep that's fine.

[Sir Patrick Crocodile]

This is fun.

You could just use a data URI

http://pastebin.com/eg1SNDuTPerfect for posting nice godly divine images to a Christian site or guestbook which allows HTML to be entered...

[davo]

here is one wrapped in html tags for the n00bz to cut and paste into their own page.html and view the geekdom

http://pastebin.com/fY8Cbchu