Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2010-01-31 19:35:31

roelof
Member
Registered: 2005-03-27
Posts: 647

design problem with a menu

Hello,

Im redesigning my site.
But now I have a little problem.
The site im talking about is : http://test.tamarawobben.nl

As you choose something in the menu you will see a gray background with links in it.
I tried different colors but none of them fits into the rest of the site.

Someone a idea how I can solve this ?

Roelof

Offline

#2 2010-01-31 23:56:16

thebombsite
Archived Plugin Author
From: Exmouth, England
Registered: 2004-08-24
Posts: 3,251
Website

Re: design problem with a menu

You could always try the green colour you are using for the top-level text, though the same colour always seems to look darker as a block. Maybe using that green for the drop-down background with a grey border on 3 sides then fit the text colour over that. See what you can come up with.

I would recommend reducing the padding you have in the drop-downs slightly. The “September 2005” link has dropped on to 2 lines and you have to think that if you ever have October, November and December links they are likely to do the same thing.


Stuart

In a Time of Universal Deceit
Telling the Truth is Revolutionary.

Offline

#3 2010-02-01 08:14:23

roelof
Member
Registered: 2005-03-27
Posts: 647

Re: design problem with a menu

Hello Stuart,

Thank you for the tip.
One problem the border doesn’t show.

Here’s the css for it.

 ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 35px; left: 0;
	background:  #aadd88 ; /*--Background gradient--*/
	padding: 20px 20px 20px;
	float: left;
         border-right : 10px solid #717171
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/

Roelof

Last edited by roelof (2010-02-01 08:15:05)

Offline

#4 2010-02-03 18:10:27

roelof
Member
Registered: 2005-03-27
Posts: 647

Re: design problem with a menu

nobody ?

Roelof

Offline

#5 2010-02-03 18:43:20

uli
Moderator
From: Cologne
Registered: 2006-08-15
Posts: 4,310

Re: design problem with a menu

roelof wrote:

nobody ?

You could make it easier for us: Which item needs a border?


In bad weather I never leave home without wet_plugout, smd_where_used and adi_form_links

Offline

#6 2010-02-03 19:18:54

roelof
Member
Registered: 2005-03-27
Posts: 647

Re: design problem with a menu

Hello,

The item who need a border is the submenu of this page : http://test.tamarawobben.nl

Roelof

Offline

#7 2010-02-03 19:48:27

uli
Moderator
From: Cologne
Registered: 2006-08-15
Posts: 4,310

Re: design problem with a menu

Try adding a semicolon behind the line. And – yes – formatted CSS is much more readable :)

Last edited by uli (2010-02-03 19:49:44)


In bad weather I never leave home without wet_plugout, smd_where_used and adi_form_links

Offline

#8 2010-02-03 20:31:41

thebombsite
Archived Plugin Author
From: Exmouth, England
Registered: 2004-08-24
Posts: 3,251
Website

Re: design problem with a menu

Nice catch Uli. So that’s a semi-colon at the end of the “border” line roelof, and it also explains why the bottom-right radius disappeared.


Stuart

In a Time of Universal Deceit
Telling the Truth is Revolutionary.

Offline

#9 2010-02-03 21:25:33

roelof
Member
Registered: 2005-03-27
Posts: 647

Re: design problem with a menu

Thank you all.
It works.

Regarding the formatted css : sometimes texttile and I don’t love each other.

Roelof

Offline

Board footer

Powered by FluxBB