Fluid 960 Grid System, CSS, Mootools FX.ELEMENTS

[dquigley]

Fluid 960 Grid system can be found here I am using the 16 grid

My problem is, I am using it to create a portfolio, but I want to put pictures in the slide box thing called MOOTOOLS FX.ELEMENTS

Only problem is, I am not quite there yet in terms of css/mootools coding skills. I do know my way around code a little though, so if you help me I can probably get it done.

Here are my files, use the "index edit" file, as the index file is the original, PLEASE HELP :dunno:

 

[Gouri]

You are taking about image menu check here --> http://www.phatfusion.net/imagemenu/



If you want the exactly where to keep the images then in your layout.css there are kwicks tags

#kwick .one {
	background: #666;
}
#kwick .two {
	background: #777;
}
#kwick .three {
	background: #888;
}
#kwick .four {
	background: #999;
}

at the place of color codes place

url("../img/filename.jpg");

place the images in the img folder.

 

[dquigley]

Did you know that you're the man? Thanks a bunch! Repped and a few credits donation!

:biggrin:
Edit:
Another quick question, how do I know the dimension of the box before mouseover, and after, that way I can design a properly sized image, having trouble finding the dimensions >__< Thanks again

Also, why does it only show 3 boxes, when In the coding it says 4 0___o?

 

[Gouri]

Hi the width of the image depends on how much the menu has to open

It is set in mootools-fluid16-autoselect.js in js folder

Search for kwick I think it is set for 485 You can reduce this to reduce the how much it has to open

Height of the image is set in layout.css check for kwick and i think it is set for 120px

Hope this helps

 

[dquigley]

It does, thank you very much