Codezwiz >> Forums >> Javascript Help >> Image sizing/alignment in Mouseover script

Dear All,

I have been breaking my head over this mouseoverscript I downloaded. works fine; but the image alignment on my page gets distorted slightly; Also when I place additional images below the "mouseover" image , there is a small noticebale gap; Anyone think of a fix / script/ advice?

Thanks

NP

Hi Np,
Welcome to Cz.

Post link to page the scripts on pls.

Thanks Goodsego;
[ Register or login to view links on this board. ]

If you see the link, I have since adjuxted the "home" "aboutus" ets; hovever, I am nit able to resolve the gap between the red bar and the grey navigation bars above;

One problem is as I researched is that the image size changes ; For eg "home" is wide 100 px height 25 px; when i view in the browser and get back to editor the size changes!!!

NP

Hey Np,

I been running like a mad man so haven't had time to completely formulate an answer to your question, but i will tell you that there's no problem with script.

At this point the major problem is in your table coding. You have col and row spanning where none is needed, extra rows or columns, different widths for what should be equal widths.

I see that there are comment tags from "Dreamweaver's" table mode within the coding. The only time DW puts these comment's in the coding is when the table mode is in "layout view" mode.

Having DW in this mode CAN automaticly add rows or columns as you try adjusting the table look within the design panel.

The layout you are trying to create is nothing more then a 3 row 8 column table.

The 1st row being colspanned over 8 columns and the title bar image in it

The 2nd row having 8 columns with a width of 100 and height of 25. Then the 8 images in each cell that make up menu.

The 3rd row colspanned 8 again with another 1 row 3 column table withihn which has your red bars in the 2 outter cells and the clock script in the center.

Here is just a rough look of page, you should be using a Css to eliminate A LOT of the coding.

you can right klik on the inserted page and view source code

OK maybe I do have a answer lol.