Page 1 of 1
Css Menu
Posted: Sun Sep 23, 2007 5:26 pm
by ttoppouzos
Hello people!
I am getting at high levels of desperation...
I have manage to implement the entire template of mine in CMSMS, except the menu...
I have, in the css file, every info about the menu. But it doesn't work. I tryed to find a tutorial or a post to help me but i was unable to do so.
I have used one of the menutemplates (although i am not 100% sure what info are included in there) but still... What do i have to do in order to make my menu 'see' the css instructions from the css file?
Re: Menu Implantation
Posted: Sun Sep 23, 2007 5:40 pm
by calguy1000
Have you seen this thread?
Code: Select all
http://forum.cmsmadesimple.org/index.php/topic,2661.0.html
You haven't supplied any information: about your site (a url?) which version of CMS Made Simple, How you're calling the menu tags, what you want to achieve, your page structure, or anything.
We can't really help without some information to help us with.
Re: Menu Implantation
Posted: Sun Sep 23, 2007 5:59 pm
by ttoppouzos
ok, i have read my message again and even i don't understand what i am saying
. I am changing the title to make sense out of it
.
Now, the link, for now is
www.epimorfotika.com/cmsms .
I am using the last edition of cmsms.
the menu css code is:
Code: Select all
/** MENU */
#menu {
width: 900px;
height: 42px;
margin: 0px auto;
padding: 16px 20px 0px 20px;
border: 1px solid #FFFFFF;
}
#menu ul {
margin: 0px;
padding: 0px;
list-style: none;
line-height: normal;
}
#menu li {
display: inline;
}
#menu a {
display: block;
float: left;
height: 20px;
padding: 7px 15px 0px 17px;
background: url(images/subpage1_01.gif) no-repeat left top;
}
#menu .first a {
background: none;
}
In order to make the menu work i made a menu template based on one of the 3 ready files. It works, but it doesn't looks like i want it to...
Sorry for the first message, again. Too many hours in front of the screen...
Re: Css Menu
Posted: Sun Sep 23, 2007 7:13 pm
by KO
If you look at your source code on your page it has which comes from page template.
Change your css to match that:
Code: Select all
ul#primary-nav {
margin: 0px;
padding: 0px;
list-style: none;
line-height: normal;
}
ul#primary-nav li {
display: inline;
}
ul#primary-nav a {
display: block;
color:#fff;
float: left;
height: 20px;
padding: 7px 15px 0px 17px;
background: url(images/subpage1_01.gif) no-repeat left top;
}
ul#primary-nav .first a {
background: none;
}
I hope this helps,
K
Re: Css Menu
Posted: Sun Sep 23, 2007 9:42 pm
by ttoppouzos
Oh my...
Well... i think i need some sleep...
It was way too easy...
Now, one last think which is probably obvious but not to me...
How do i remove the numbering?
(thaks for the fast reply... it was more than usefull
)
Re: Css Menu
Posted: Sun Sep 23, 2007 11:54 pm
by calguy1000
if you look at your page source you'll see: ...1: EPIMORFOTIKA.com
to turn off the dfn just add:
into your stylesheet
Re: Css Menu
Posted: Mon Sep 24, 2007 4:52 pm
by Dr.CSS
This has been answered numerous times, in the Accessibility and cross-browser tools CSS you will see...
/*
definition tags are also hidden
these are also used for menu links
*/
dfn {
position: absolute;
left: -1000px;
top: -1000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}
/* end accessibility */