Css Menu

[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?

[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.

[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...

[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

[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    )

[calguy1000]

if you look at your page source you'll see:  ...1: EPIMORFOTIKA.com
to turn off the dfn just add:

Code: Select all

dfn { display: none } 

into your stylesheet

[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 */