HTML Site: Hyperlink from Image Issue

murphych

Hello,

I am having problems installing 3 hyperlinks onto 3 images. When I add the links it kicks the images out of position?? I think the code is wrong as it shows all the images in one wrapper (see below). The webpage is: http://www.accountantsuxbridge.co.uk/contact-uxbridge-accountancy-soloutions-ltd.html Any ideas??

      <div class="wrapper"> <span><a href="#">
			<img src="images/fb.gif" />
			<img src="images/in.gif" />
			<img src="images/tw.gif" /></a></span>

Weedpacket

Whatever it is you're doing to get three images, do that with the wrappers as well.

murphych

It was installed by a programmer but hes gone awol, i tried to amend it myself by doing this:

But it didnt work !!!

bradgrafelman

Sounds like it's time to hire a new programmer.

cretaceous

your "wrapper" css shows this:

.wrapper {
width: 100%;
overflow: hidden;
}
but your programmer has also added span selecters in the css so not sure what might be happening exactly

your second option should (might ) be ok

you could try adding some inline style to your links e.g <a href="#" style="border-style:none;padding:0;margin:0">
but that might also mess up the layout

dunno - if Accountants (in Uxbridge) can't afford a programmer 'tis a poor show

Ashley_Sheridan

Part of the problem could be that you're not closing tags correctly. It really does help to indent stuff a bit, then you can see if you're missing anything:

<div class="wrapper">
    <span>
        <a href="#">
            <img src="images/fb.gif" />
        </a>
    </span>
    <span>
        <a href="#">
            <img src="images/in.gif" />
        </a>
    </span>
    <span>
        <a href="#">
            <img src="images/tw.gif" />
        </a>
    </span>
</div>

My indenting here is a bit beyond the level I'd normally go, but I'm doing it here to illustrate where things are missing.