CMS Made Simple Forums

Content management as it is meant to be
https://forum.cmsmadesimple.org/

Down Button problem

https://forum.cmsmadesimple.org/viewtopic.php?t=33634

Page 1 of 1

Down Button problem

Posted: Sat May 09, 2009 4:41 pm
by 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!

Re: Down Button problem

Posted: Sun May 10, 2009 9:38 am
by SideshowBob
Try:

Code: Select all

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

Re: Down Button problem

Posted: Mon May 11, 2009 8:52 am
by 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;
}

Re: Down Button problem

Posted: Mon May 11, 2009 9:02 am
by SideshowBob
Can you apply the changes to the live site (www.dvb-tv.nl) please? This makes debugging much easier.

Bob

Re: Down Button problem

Posted: Mon May 11, 2009 5:49 pm
by Masweb
I've done that, i'sn't it? :o

Re: Down Button problem

Posted: Mon May 11, 2009 6:02 pm
by SideshowBob
I don't see "currentpage" anywhere in the css of the site www.dvb-tv.nl, please check.

Re: Down Button problem

Posted: Mon May 11, 2009 9:31 pm
by 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. 8)

Thank for your time!

Re: Down Button problem

Posted: Tue Jul 21, 2009 9:47 pm
by Dr.CSS
Please mark any [solved] issues as solved, find the how to at the top of this board...
All times are UTC
Page 1 of 1

Powered by phpBB® Forum Software © phpBB Limited