Independent vertical menu

pouetcha / 2013-06-27 15:59:36   

Hi,

I'm working on a new version of my site, and as i progress, i get blocked by some things i don't know how to do.

Here my website : vukasinovic.fr | password : pause

So, first i'm asking if it's possible to get independent menu scrolling. Now all verticals items moving up, i want to make it one by one.

Second, blank items are made with a blank image, but are still visible by the red line, and it's messy to create and place them right.
How can i not create them and make my exhibition right under what i want ?

Last one, i have my credits and menu on each other, and I don't know where to put a margin on it !

So there it is. If you can help me that would be great. Thank you. :)

arsondpi / 2013-06-28 08:12:35   

For a columned layout in which each column is scrolled separately you need to create a custom format or a custom layout in html (which will need manual updating)

To create specific css rules for most of your elements for which you can then attach css rules (with which you can even hide elements) I suggest to use Firebug, a Firefox plugin. Right click and select Inspect with Firebug.
For example in the main page you posted most elements can be aimed with a #img-container #nodeXXX.picture_holder where XXX is a number given by the system for every exhibit thumbnail/link.

pouetcha / 2013-07-17 22:21:36   

Thank you, but it seems kinda difficult for the independent column.
There is no other way to do this, really ? x)

About the hidden elements, i can't figure out how to do this. I downloaded Firebug and i can select the one that i want to disappear, but after that, how can i make it hidden ?

Thank you, again. :)

arsondpi / 2013-07-17 22:51:15   

You can hide elements using the display: none; attribute.

pouetcha / 2013-07-18 20:39:29   

When i use "display: none;" it deletes completely the elements so it destroys the alignment…

arsondpi / 2013-07-18 22:14:01   

I don't understand - you want to hide elements right?
There's many ways to do this: if it's text you can give it a negative high text-indent, if it's colour or background you can give a transparent attribute... It comes down to what you're after.

pouetcha / 2013-07-23 21:27:40   

Hi,

Yes, i want it to get hide, but when i use the "display: none;" it deletes the element. Totally. So all my sections aren't aligned.

For exemple, if i don't display the one on the 14ème JRT's left, it puts "14ème JRT" under "Contact", but i still want it under MAAUCSAI.

I will test with the negative high text-indent and the transparent attribute but i still have a question. When i change what I want with firebug, how can I make it "universal" and not only me can see ?

Thank you !

pouetcha / 2013-07-23 21:27:40   

Hi,

Yes, i want it to get hide, but when i use the "display: none;" it deletes the element. Totally. So all my sections aren't aligned.

For exemple, if i don't display the one on the 14ème JRT's left, it puts "14ème JRT" under "Contact", but i still want it under MAAUCSAI.

I will test with the negative high text-indent and the transparent attribute but i still have a question. When i change what I want with firebug, how can I make it "universal" and not only me can see ?

Thank you !

pouetcha / 2013-09-12 16:31:39   

I found a way !

For those who will one day need this, here's what i've done :

#node155, #node156, #node157, #node158, #node159, #node160, #node161, #node162, #node163 {
opacity: 0;
pointer-events: none;
cursor: default;
}

Thank you, again. :)

This thread has been closed, thank you.