Question

I’m new to (modern) web development. Anyway, I downloaded a image rotator and a drop down menu that uses jquery. Now, I put them together and they work fine. But with this drop down menu, I have a horizontally sliced up picture instead of a vertical list of choices.

If I just put the images A, B, C – for whatever reason it places them vertically of one another instead of left to right. So, I tried putting them in a little table – and it forces a small gap to exist between the pictures instead of having them gapless left to right — even though I say border = 0.

What do I do to debug this?

Answer 1

Download firebug, or try using a google chrome web debugger (ctrl + shift + J)

Fire bug may be better for you because it will allow you to edit the webpage and see how certain css calls will effect the page. It is what I use all the time

There is also a download (ill get the link) that will allow you to run firebug in other browsers

Edit

Firebug lite (For Google Chrome)
Firebug (For Firefox)