Topic: Problem with css menu system (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=26738" title="Pages that link to Topic: Problem with css menu system (Page 1 of 1)" rel="nofollow" >Topic: Problem with css menu system <span class="small">(Page 1 of 1)</span>\

 
Arthemis
Paranoid (IV) Inmate

From: Milky Way
Insane since: Nov 2001

posted posted 09-28-2005 13:51

Hi again, been a long time

This thread started here http://www.ozoneasylum.com/25896 but i thought it to be better to change it to this forum.

I don?t know if reisio is around to read this, so ill make it a general request for help.

Here is the page that reisio coded:

http://reisio.com/temp/demat/

And here are the files, with the code formatted and easier to read
http://www.animanet.net/inu/demat/telademat/

These are problems that appeared when viewing the page in firefox

1: when you scroll down with the mouse wheel without clicking anywhere the whole page is scrolled down:
http://www.animanet.net/inu/demat/telademat/problems/problem1.gif

2: when you click on the left menu, and then use the mouse wheel to scroll, only the left menu actually scrolls up and down:
http://www.animanet.net/inu/demat/telademat/problems/problem2.gif



I read reisios css code. I was confused by all the

code:
*
html


and

code:
*
html
body


and similar

and still don't understand their purpose.

I came with this as what made the menu system work:

code:
.esquerdo {
	padding: 0 0 2000px 0;
}


#leftmenu {
	height: 150%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 155px;
}



Being .esquerdo all the possible <ul> with a large bottom padding, and those are all inside <div id=leftmenu > - i understand the reason for some of the parameters in the #leftmenu class, but not all of them.

Above every <ul> there's an anchored div that is called by the horizontal menu.

Currently i'm only interested in putting that menu into a design of my own, so i'm only interested in the trick that makes that work.

http://www.animanet.net/inu/demat/dematcssbeta/exemplo_bilingue.html

as you can see in this unfinished but more or less presentable version, there is still some tampering to be done, namely with z-index, to make the bottom links work. Apart from that there are some obvious problems that didn?t occur in reisios design:

- the anchors, that make the menu work, are being called and the page is scrolled down when using the menu;

- there is some blank page added at the bottom of the page probably because the way the menu works.

These two problems are probably derived because of the way i reduced the menu's code to that above.

The other serious problem is the second problem i referred on reisios design. The leftmenu is "scrollable".


thanks in advanced,
arthemis

(Edited by Arthemis on 09-28-2005 14:34)

poi
Paranoid (IV) Inmate

From: France
Insane since: Jun 2002

posted posted 09-28-2005 14:15

[quick_post] * html anything is a CSS filter, check Dithered.com : CSS Filters - CSS-only filters summary to see which browsers apply that rule. [/quick_post]

reisio
Paranoid (IV) Inmate

From: Florida
Insane since: Mar 2005

posted posted 09-28-2005 18:27

Here's a more simplified version of the menu mechanism:
http://reisio.com/temp/mbzle/

Do you have the 'All-in-One Gestures' extension installed?

Will get back to this later.

Arthemis
Paranoid (IV) Inmate

From: Milky Way
Insane since: Nov 2001

posted posted 09-30-2005 08:49

nice =)



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu