Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Pages: 1
#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
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
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
Pages: 1