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.