Down Button problem

[Masweb]

Build a website 1 year ago.

Now I want to use CMSMS to edit the content of the site.

Everything was going fine. I've one problem left wich I've want to solve but can't find what is going wrong.

Here do you you find the website before I installed CMSMS: http://www.atelierhandswork.nl/nieuw
and here the site wich build in with CMSMS: www.dvb-tv.nl

In the first site I've used a "down" button. Made with

Code: Select all

<ul><li>

In the stylesheet I've placed this:

Code: Select all

#buttons ul {
	height: 20px;
	list-style: none;
	overflow: hidden;
	padding-left: 17px;
	padding-bottom: 15px;
}

#buttons ul li {
	display: inline;
	float: left;
	height: 35px;
	float: left;
	display: inline;
	background-image: url(../images/buttons.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#buttons ul li a {
	height:35px;
	width:auto;
	float:left;
	display: inline;
	overflow: hidden;
	text-decoration:none;
	background-image: url(../images/buttons.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 7px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 20px;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
}

#buttons ul li a:hover {
	height:35px;
	width:auto;
	float:left;
	display: inline;
	overflow: hidden;
	text-decoration:none;
	background-image: url(../images/buttons_down.jpg);
	background-repeat: repeat-x;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 11px;
	padding-left: 20px;
	background-position: top;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
}

#buttons ul li.selected a {
  	background-image: url(../images/buttons_down.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

#buttons ul li.selected a:hover {
	background-image: url(../images/buttons_down.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

I've used minimal_menu.tpl for the menu.
In this template you can use .currentpage, but I don't now where to put this.

Can somebody help me?

Thanks!

[SideshowBob]

Try:

Code: Select all

#buttons ul li a.currentpage {
  	background-image: url(../images/buttons_down.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

[Masweb]

Try:

Code: Select all

 
#buttons ul li a.currentpage {
  	background-image: url(../images/buttons_down.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

tried this but didn't work out? 

This how it looks now

Code: Select all

#buttons ul {
	height: 20px;
	list-style: none;
	overflow: hidden;
	padding-left: 17px;
	padding-bottom: 15px;
}

#buttons ul li {
	display: inline;
	float: left;
	height: 35px;
	float: left;
	display: inline;
	background-image: url(../images/buttons.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#buttons ul li a {
	height:35px;
	width:auto;
	float:left;
	display: inline;
	overflow: hidden;
	text-decoration:none;
	background-image: url(../images/buttons.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 7px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 20px;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
}

#buttons ul li a:hover a.currentpage {
	height:35px;
	width:auto;
	float:left;
	display: inline;
	overflow: hidden;
	text-decoration:none;
	background-image: url(../images/buttons_down.jpg);
	background-repeat: repeat-x;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 11px;
	padding-left: 20px;
	background-position: top;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
}

#buttons ul li a.currentpage {
  	background-image: url(../images/buttons_down.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

#buttons ul li a:hover {
	background-image: url(../images/buttons_down.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

[SideshowBob]

Can you apply the changes to the live site (www.dvb-tv.nl) please? This makes debugging much easier.

Bob

[Masweb]

I've done that, i'sn't it?

[SideshowBob]

I don't see "currentpage" anywhere in the css of the site www.dvb-tv.nl, please check.

[Masweb]

It works! I know what I did wrong.

I've made a stylesheet in dreamweaver : includes/styles.css
In the head I've used this stylesheet and not the stylesheet I've uploaded in CMSMS.

By the way; where did he put that sylesheet I've have uploaded?
In case, for the next time.

Thank for your time!

[Dr.CSS]

Please mark any [solved] issues as solved, find the how to at the top of this board...