How to remove spaces between hyperlink images??? Help?

levisvv

I am creating a web page where I want several images (each is a hyperlink) to be side-by-side with no white space. I read lots of blogs on it and nothing seems to get rid of the spaces, here's where I get spaces between these pics:

<a hspace = "0" vspace = "0" style="padding: 0px;font-size:8px;font-family:verdana" href="/ChangeStatus/VACATION/"><img border="0" src="/UNSELvacation.gif"alt="ON VACATION" hspace = "0" vspace = "0"></a>

<a hspace = "0" vspace = "0" style="padding: 0px;font-size:8px;font-family:verdana" href="/ChangeStatus/VACATION/"><img border="0" src="/UNSELvacation.gif"alt="ON VACATION" hspace = "0" vspace = "0"></a>

<a hspace = "0" vspace = "0" style="padding: 0px;font-size:8px;font-family:verdana" href="/ChangeStatus/SICK/"><img border="0" src="/UNSELsick.gif" alt="AWAY SICK" hspace = "0" vspace = "0"></a><br />

Can somebody help?

nav010

Hi Levi

instead of hspace and vspace, try to use CSS something like this:

<style type="text/css">
#div1
{
float:left;
margin:0;
}
#div2
{
float:left;
margin:0;
}
#div3
{
float:left;
margin:0;
}

</style>
<body>
<div id="div1">
<a hspace = "0" vspace = "0" style="padding: 0px;font-size:8px;font-family:verdana" href="/ChangeStatus/VACATION/"><img border="0" src="/UNSELvacation.gif"alt="ON VACATION"></a>
</div>
<div id="div2">
<a hspace = "0" vspace = "0" style="padding: 0px;font-size:8px;font-family:verdana" href="/ChangeStatus/VACATION/"><img border="0" src="/UNSELvacation.gif"alt="ON VACATION"></a>
</div>
<div id="div3">
<a hspace = "0" vspace = "0" style="padding: 0px;font-size:8px;font-family:verdana" href="/ChangeStatus/SICK/"><img border="0" src="/UNSELsick.gif" alt="AWAY SICK"></a><br />

</div>
</body>

I hope it solves your problem.

Regards

levisvv

thanks but I didn't have to try that since I finally discovered what fixes this problem: I had to remove the line breaks between each line that contains the image. With line breaks, browsers add a white space, if all images are on the same line with no line breaks, teh spaces go away - kinda dumb..

How to remove spaces between hyperlink images??? Help?

re: How to remove spaces between hyperlink images??? Help?

re: How to remove spaces between hyperlink images??? Help?

Similar HTML / CSS bytes

/bytes/development

/bytes/it

/bytes/about