| 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! |
| [Solved]Bars above and below LOGO; CSS help please | |
|---|---|
| Tweet Topic Started: May 30 2008, 03:33 PM (399 Views) | |
| TeachX3 | May 30 2008, 03:33 PM Post #1 |
|
Member
![]() ![]() ![]() ![]()
|
Currently, the colors of the bars above the logo are Orange/Blue and the bars below the logo are Orange/Blue I would like to switch the colors around and have it: Blue/Orange LOGO Orange/Blue heehee, make sense? How would I go about this? Thanks!! ![]() |
![]() |
|
| Nicola | May 30 2008, 03:48 PM Post #2 |
|
Darth Vader's Sewing Instructor
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
Like this? Just replace what you have from #top_bar to #submenu with this:
|
![]() |
|
| TeachX3 | May 30 2008, 04:04 PM Post #3 |
|
Member
![]() ![]() ![]() ![]()
|
oops, no... now it is: blue orange (with blue drop downs) LOGO blue orange I want it: orange blue LOGO blue orange Sorry to be a bother about this *blush* Edited by TeachX3, May 30 2008, 04:17 PM.
|
![]() |
|
| Nicola | May 30 2008, 04:08 PM Post #4 |
|
Darth Vader's Sewing Instructor
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
Sorry, my fault for getting confused (I need some tea! )So to clarify, you just wanted to swap the #submenu_bar and #submenu colours around? If so, then replace the #top_bar and #top CSS I just pasted with the default:
|
![]() |
|
| TeachX3 | May 30 2008, 04:14 PM Post #5 |
|
Member
![]() ![]() ![]() ![]()
|
That works just fine Nicola (green tea is my fav ) ... but how come there is now an 'open area' between the top bar and the logo strip that the background shows through but the logo strip and bottom bar touch... |
![]() |
|
| Nicola | May 30 2008, 04:17 PM Post #6 |
|
Darth Vader's Sewing Instructor
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
Margins. margin-bottom:25px; <- Remove that line from the #top. Then add this to the CSS (around where the other .drop_menu parts are if you want):
|
![]() |
|
| TeachX3 | May 30 2008, 04:21 PM Post #7 |
|
Member
![]() ![]() ![]() ![]()
|
Fantastic! Thanks again Nicola... |
![]() |
|
| 1 user reading this topic (1 Guest and 0 Anonymous) | |
| « Previous Topic · Theme & CSS Help · Next Topic » |



![]](http://z3.ifrm.com/static/1/pip_r.png)



)
) ... but how come there is now an 'open area' between the top bar and the logo strip that the background shows through but the logo strip and bottom bar touch...
7:21 PM Jul 10