Welcome Guest [Log In] [Register]
This board has been archived and is no longer accepting new questions. If you have a support question for your ZetaBoard, please visit us at the new support board. Registration is free and easy.


Visit the NEW ZetaBoards Support forum!

Username:   Password:
Locked Topic
[Solved]Theme Help; ..small visual irritant
Topic Started: Mar 11 2008, 12:55 PM (416 Views)
jackster
Member Avatar
Member
[ *  * ]
Nevermind...I figured it out. Sorry for the inconvenience.
Edited by jackster, Mar 11 2008, 01:01 PM.
Offline Profile Goto Top
 
Nicola
Darth Vader's Sewing Instructor
[ *  *  *  *  *  *  * ]
It's this part:

Code:
 
#top_menu {
background:#fff;
float:right;
height:12px;
margin-top:0px;
}


You've messed up the heights and paddings a bit :P Those white lines are the background of the #top_menu, and are 12px long, because it's 12px in height. The background serves as a border between the menu items.

You can either turn the background 'off':
Code:
 
#top_menu {
background: none;
float:right;
height:12px;
margin-top:0px;
}



Or replace your existing snippet of code with this:
Code:
 

#top {
background:url(http://z3.ifrm.com/22/12/0/p13184/top_BG.jpg) repeat-x top #E0E4E8;
border-left:4px solid #C0CCCF;
border-right:4px solid #C0CCCF;
border-bottom:1px solid #236B8E;
height:20px;
padding:0 2% 4px;
}

#top_info {
color:#fff;
float:left;
margin-top:4px;
}

#top_menu {
background:#fff;
float:right;
height:24px;
margin-top:0px;
}


And then add this:
Code:
 
.drop_menu {
margin:0;
}
Offline Profile Goto Top
 
jackster
Member Avatar
Member
[ *  * ]
Thank you, Nicola. That's much better than the quick fix I was going to use. (changing the background color to blend in with the border...)
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Theme & CSS Help · Next Topic »
Locked Topic