Page 1 of 1

CSS truoubles with the dropdown menu and sitmap

Posted: Tue Apr 29, 2008 8:50 pm
by surogat
Hi am trying to put a sitemap on cmsms mle 1.2.4
but since i have a dropdown menu, I can't make fully expanded and static sitemap..

I've found the style that doesn't allow me so but i don't have idea how
to solve this the style is;

li ul {
top: 183px;
left: 0px;
display: none;
position: absolute;
width: 980px;
height: 24px;
background-color: #757575;
}

and fixed property top; 183px doesn't allow me to apply expanded ,static sitemap.

i've tried to apply another, different style to {sitemap} but it didnt help.

If anyone has any idea i would be greatful.
tnx

Re: CSS truoubles with the dropdown menu and sitmap

Posted: Wed Apr 30, 2008 7:43 am
by KO
You need to put some other selector that you have in your template in front of that style. So...

li ul {
  top: 183px;
  left: 0px;
  display: none;
  position: absolute;
  width: 980px;
  height: 24px;
  background-color: #757575;
}

becomes ...

div#menuwrapper li ul {
  top: 183px;
  left: 0px;
  display: none;
  position: absolute;
  width: 980px;
  height: 24px;
  background-color: #757575;
}

if you menu call is inside {menucall}

This way that style is only affected to menu and nothing else.

Re: CSS truoubles with the dropdown menu and sitmap

Posted: Wed Apr 30, 2008 8:16 am
by surogat
thank you, but I tried that and now dropdown doesn't work,
and i've notice that i didn't see notification before style

/* note the a declarations below don't use #menu_horiz in front */
/* if you do they won't work */
/* this one formats the actual 'nested' unordered list */
#menuwrapper li ul {
top: 183px;
left: 0px;
display: none;
position: absolute;
width: 980px;
height: 24px;
background-color: #757575;
}

Re: CSS truoubles with the dropdown menu and sitmap

Posted: Wed Apr 30, 2008 9:56 am
by KO
Check that you actually have that #menuwrapper in your template.

And post a link to your site because othervice this is too much guessing what could be wrong.

Re: CSS truoubles with the dropdown menu and sitmap

Posted: Wed Apr 30, 2008 11:46 am
by surogat
Link is
http://www.univie.ac.at/POTREBA/

it was actually like this;
#menu_horiz li ul {
  top: 183px;
  left: 0px;
  display: none;
  position: absolute;
  width: 980px;
  height: 24px;
  background-color: #757575;
}

but I don't understand why is there notification
to not to use a selector in front, actually i don't
understand why it doesn't work..
I've modified one of the templates from cms ms themes site;
http://themes.cmsmadesimple.org/horizontal_ellnav.html

tnx

Re: CSS truoubles with the dropdown menu and sitmap

Posted: Wed Apr 30, 2008 12:45 pm
by KO
It could be something with javascript.

You could always go other way...

#main ul {margin: 0 0 0 15px; padding:0}
#main ul li {padding: 2px 0; margin:0;}

Re: CSS truoubles with the dropdown menu and sitmap

Posted: Wed Apr 30, 2008 1:29 pm
by surogat
KO wrote: It could be something with javascript.

You could always go other way...

#main ul {margin: 0 0 0 15px; padding:0}
#main ul li {padding: 2px 0; margin:0;}
Thank you very much,
but this way i'm losing dropdown effect :(

Don't know, i'll probably put the sitemap in a different
template, without main dropdown menu...

thanx for your efforts

Re: CSS truoubles with the dropdown menu and sitmap

Posted: Mon May 05, 2008 7:19 am
by KO
Few days offline...

Your menu is not inside #main so it should affect other than to normal and tags inside

One thing you need to put also is:

display:block
and maybe same for

#main ul ul {margin: 0 0 0 15px; padding:0; display:block}

Or maybe I misunderstood here something.

If you are not using Firefox with webdeveloper extention check that out. It's a great tool for these things.

Re: CSS truoubles with the dropdown menu and sitmap

Posted: Wed May 07, 2008 6:58 am
by surogat
thank you, i put sitemap in a separate template and it works for now,
still have a lot of other stuff to do, but i'll try your way for sure.