Trying to edit some bad coding someone else did

Ok. Please someone help me! This is driving me insane.
This is the web site: http://solutionsforchange.org/partners/
See the Community Partners and then the logos? I’m trying to link all those logos to their homepage. Only the bottom two are linked. I did not code this web site. This site is coded very badly and I cannot figure out how to link those icons. The thing is done in tables and the whole interface is one big jpg. Its not even sliced up!
Thanks guys.

I’m with the mob - pitch it and start over.

dear, oh dear! Start over from scratch my friend

Oh my. Definitely a redo.

yep, you need to hit the “reset” button on this one, my friend; but it’s less onerous than it looks…

(image maps? that image is a background image… don’t think you can do img-maps on a bg-image… )

what I would do: entire heart part do a bg-image, but: cutting out logos and leaving that area white… then do the logos one by one and position them however you like to do the links (the most accessibility-friendly way to do img-links, as you may or may not know, is to create <a>'s with display:block, and use the images as bg-images for each link (making each link exact same height and width as the image… you need to also enclose text in link, as if it were a text link (again, for accessibility purposes) then in CSS you do: text-indent:-9999px; ); for example:

<a id=“genentech” href=“”>Genentech</a>
a#genentech, a#genentech:visited {display:block; width:120px; height:20px; background-image:url(images/logo_genentech.jpg) no-repeat; text-indent:-9999px; }

and you will need to do the same with the links to left of the main area…

HTH

Another Firefox addon to get is web developer. One of its utilities is a ruler that will make getting the coordinates for your map a trivial exercise.

cheers,

gary

Image maps? Is there not an easier way to do this? Lol. Hmm… maybe i should just redo it from scratch :confused: Thanks for the link though, I’ll try it out.

OK, you are going to have to play around with image maps to get this one done.

Its going to take time to get the right co-ordinates to position the map over the correct part of the image. Dreamweaver was useful for doing maps as they visually overlayed them as you went.

Good luck with it!

man. its still really hard to figure out. Firebug did get me closer to my goal though.

Wow, I feel bad for you lol

You’d probably be better starting that page coding from scratch or at the very least slice up the image so it is more manageable.

It is just ridiculous having that as web-page; for starters it doesn’t function without JavaScript. :eek:

If you install Mozilla Firefox and Firebug, you just right click the element you want to find and click ‘inspect element’.

It will immediately show you where in the HTML source that element is located :wink:

Thank you Ruben. I will download firebug and try it out again.

Yes, redo it from scratch - like I said before - stop wasting your time of that horrendous non-functional image screw-up. You could use image maps and make more ‘extra work’ for yourself and introduce some additional problems if you want but that’s solely up to you.