Buttons Have Gone Crazy

[tomyknoker]

Any ideas why the buttons on the following link have such big gaps around them top and bottom? http://www.curiousclothing.com/test/tours.htm

[the-disturbed]

don't think this is avoidable, i have the same thing on my site, except i want it lol, try using an image map, as in that whole orange part is one image and different parts of the image define the buttons, don't ask for code lol, i have no idea how to do image maps, but this seems to be the best way to go

edit: question....wats this do??


/* commented backslash hack for ie5mac \*/
html, body{height:100%;}
/* end hack */

[djr33]

The strange code appears to resize the body to 100% height... of the screen, I guess.
The backslash escapes the asterisk, so that the comment continues. I suppose it assumes that only ie5mac respects escaped asterisks in comments... odd.
Really not sure why ie5mac doesn't need that code, nor why the page would need it.

I could be wrong here, but I don't think that xml requires this:
"id="but_8" img />"
The slash at the end is what html requires, not a repeat of the tagname (img).
Why are you using xml anyway? Just being around the forum shows that it's mostly annoying, not too compatible, and not worth it unless you're really using it for something that requires xml.

Not sure about the images. The table uses 176 as the height for that cell, and each image is 22px high (8 images total), and that adds up.
border="0" on all of them as well.
Generally, I'd think there should be something between the images, either a <br> tag or a new cell. While it works like that, it could give undesireable effects in some ways.
Aside from that, probably CSS.

the-disturbed, no matter what is causing that, I'm sure there IS a way to do it with CSS.

[tomyknoker]

don't think this is avoidable, i have the same thing on my site, except i want it lol, try using an image map, as in that whole orange part is one image and different parts of the image define the buttons, don't ask for code lol, i have no idea how to do image maps, but this seems to be the best way to go

edit: question....wats this do??


/* commented backslash hack for ie5mac \*/
html, body{height:100%;}
/* end hack */This is SO annoying I got this off SitePoint forums it's meant to be a fix so Internet Explorer centres an object, works fine but IE5 on mac! The image moves right off the page... If anyone has any ideas about that would be much appreciated!