CSS truoubles with the dropdown menu and sitmap

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
surogat
Forum Members
Forum Members
Posts: 52
Joined: Sun Jan 27, 2008 6:14 pm

CSS truoubles with the dropdown menu and sitmap

Post 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
Last edited by surogat on Wed Apr 30, 2008 7:24 am, edited 1 time in total.
KO
Power Poster
Power Poster
Posts: 562
Joined: Mon Nov 06, 2006 7:55 pm

Re: CSS truoubles with the dropdown menu and sitmap

Post 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.
surogat
Forum Members
Forum Members
Posts: 52
Joined: Sun Jan 27, 2008 6:14 pm

Re: CSS truoubles with the dropdown menu and sitmap

Post 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;
}
KO
Power Poster
Power Poster
Posts: 562
Joined: Mon Nov 06, 2006 7:55 pm

Re: CSS truoubles with the dropdown menu and sitmap

Post 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.
surogat
Forum Members
Forum Members
Posts: 52
Joined: Sun Jan 27, 2008 6:14 pm

Re: CSS truoubles with the dropdown menu and sitmap

Post 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
KO
Power Poster
Power Poster
Posts: 562
Joined: Mon Nov 06, 2006 7:55 pm

Re: CSS truoubles with the dropdown menu and sitmap

Post 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;}
surogat
Forum Members
Forum Members
Posts: 52
Joined: Sun Jan 27, 2008 6:14 pm

Re: CSS truoubles with the dropdown menu and sitmap

Post 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
KO
Power Poster
Power Poster
Posts: 562
Joined: Mon Nov 06, 2006 7:55 pm

Re: CSS truoubles with the dropdown menu and sitmap

Post 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.
surogat
Forum Members
Forum Members
Posts: 52
Joined: Sun Jan 27, 2008 6:14 pm

Re: CSS truoubles with the dropdown menu and sitmap

Post 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.
Post Reply

Return to “Layout and Design (CSS & HTML)”