usa12fox Posted June 16, 2012 Share Posted June 16, 2012 I have a forum hosted by website tool box. the page is 1 row with no column. I need a left side column for content and a right side column for a toggle menu to control the content in the left side column.and a panel at the top of the page. I need for the top panel to remain in place so users can still use forum when content is toggled to show. Thank you Link to comment Share on other sites More sharing options...
niche Posted June 16, 2012 Share Posted June 16, 2012 (edited) Do you code? If so, please post the code you have so far. EDIT: Please don't forget to follow your own topic. Click the "follow this topic" button. Edited June 16, 2012 by niche Link to comment Share on other sites More sharing options...
usa12fox Posted June 16, 2012 Author Share Posted June 16, 2012 Do you code? If so, please post the code you have so far. EDIT: Please don't forget to follow your own topic. Click the "follow this topic" button. No I am not a coder,I have access to the code for the forum so i can edit it.Thank you.#headerDiv, #contentDiv {float: left;width: 510px;} #titleText {float: left;font-size: 1.1em;font-weight: bold;margin: 5px;} #myHeader {font-size: 1.1em;font-weight: bold;margin: 5px;} #headerDiv {background-color: #0037DB;color: #9EB6FF;} #contentDiv {background-color: #FFE694;} #myContent {margin: 5px 10px;} #headerDiv a {float: right;margin: 10px 10px 5px 5px;} #headerDiv a:hover {color: #FFFFFF;} .table_topleft_corner {height: 32px;width: 12px;background-image: url(/skins/mb/blue_swift/images/table_tlc.gif);background-repeat: no-repeat;background-position: left top;border: none !importantpx;} .table_topright_corner {height: 32px;width: 12px;background-image: url(/skins/mb/blue_swift/images/table_trc.gif);background-repeat: no-repeat;background-position: right top;border: none !importantpx;} .table_top_middle {background-image: url(/skins/mb/blue_swift/images/table_tbg.gif);background-repeat: repeat-x;padding: 6px;border: none !importantpx;} .table_bottomleft_corner {height: 32px;width: 12px;background-repeat: no-repeat;background-position: right top;} .table_bottomright_corner {height: 32px;width: 12px;background-repeat: no-repeat;background-position: left top;} .table_bottom_middle {height: 32px;background-repeat: repeat;background-position: top;} .sub_heading_row td {background-image: url(http://websitetoolbox.com/skins/mb/blue_swift/images/table_bg1.png);background-repeat: repeat;font-weight: bold;color: #FFCC00;padding: 6px;} .table_header {font-weight: bold;color: #ffcc00;text-decoration: none;} .table_header a:hover {font-weight: bold;color: #ffcc00;text-decoration: none;} .sub_heading_row a {font-weight: bold;color: #FFCC00;} .table_bottom_txt {color: #ffcc00;text-decoration: none;} .tables {border-collapse: collapse;} .tables td {border-width: 2px;border-color: #60514d;border-style: solid;} .table_row td {background-image: url(http://websitetoolbox.com/skins/mb/blue_swift/images/table_bg.png);background-repeat: repeat;color: #FFCC00;padding: 6px;} .alternate_table_row td {background-image: url(http://websitetoolbox.com/skins/mb/blue_swift/images/table_bg.png);background-repeat: repeat;color: #FFCC00;padding: 6px;} .nested_invisible_table td {background-repeat: no-repeat;padding: 2px;border: nonepx;} .table_bottom_txt:hover {color: #ffcc00;} .bottom_control_tab_leftcureve {height: 23px;width: 10px;background-image: url(/skins/mb/blue_swift/images/bot_btn_lc.gif);background-repeat: no-repeat;} .bottom_control_tab_rightcureve {height: 23px;width: 10px;background-image: url(/skins/mb/blue_swift/images/bot_btn_rc.gif);background-repeat: no-repeat;} .bottom_control_tab_middle {height: 23px;background-image: url(/skins/mb/blue_swift/images/bot_btn_bg.gif);background-repeat: repeat;text-align: center;} #reply {float: right;} #newTopic {float: right;} .top_control_tab_leftcurve {height: 23px;width: 10px;background-image: url(/skins/mb/blue_swift/images/ybtn_lc.gif);background-repeat: no-repeat;} .top_control_tab_rightcurve {height: 23px;width: 10px;background-image: url(/skins/mb/blue_swift/images/ybtn_rc.gif);background-repeat: no-repeat;} .top_control_tab_middle {height: 23px;background-image: url(/skins/mb/blue_swift/images/ybtn_bg.gif);background-repeat: repeat;padding: 0px 3px;} .controls_middle a {color: #FFCC00;text-decoration: none;text-align: center;} .controls_middle a:hover {color: #ffffaa;text-decoration: none;} .topnav_bg_img {height: 41px;background-image: url(/skins/mb/blue_swift/images/top_nav_bg.gif);background-repeat: repeat;} .topnav_left_img {height: 41px;width: 22px;background-image: url(/skins/mb/blue_swift/images/top_nav_lc.gif);background-repeat: no-repeat;} .topnav_right_img {height: 41px;width: 22px;background-image: url(/skins/mb/blue_swift/images/top_nav_rc.gif);background-repeat: no-repeat;} .control_panel_img {height: 41px;width: 46px;background-image: url(/skins/mb/blue_swift/images/control_panel.gif);background-repeat: no-repeat;background-position: center;} .register_img {height: 41px;width: 46px;background-image: url(/skins/mb/blue_swift/images/register.gif);background-repeat: no-repeat;background-position: left center;} .login_img {height: 41px;width: 46px;background-image: url(/skins/mb/blue_swift/images/login.gif);background-repeat: no-repeat;background-position: center;} .search_img {height: 41px;width: 46px;background-image: url(/skins/mb/blue_swift/images/search.gif);background-repeat: no-repeat;background-position: center;} .calendar_img {height: 41px;width: 46px;background-image: url(/skins/mb/blue_swift/images/calendar.gif);background-repeat: no-repeat;background-position: center;} .new_post_img {height: 41px;width: 46px;background-image: url(/skins/mb/blue_swift/images/new_post.gif);background-repeat: no-repeat;background-position: center;} .chat_img {height: 41px;width: 46px;background-image: url(/skins/mb/blue_swift/images/chat.gif);background-repeat: no-repeat;background-position: left center;} .topnav_link_default {font-weight: bold;color: #000000;text-decoration: none;padding: 0px 10px 0px 4px;} .topnav_middle {padding: 0px 10px 0px 4px;} .topnav_middle a {font-weight: bold;color: #ffffff;text-decoration: none;} #login_areaTable {background-image: url(/skins/mb/blue_swift/images/login_area_bg.png);background-repeat: repeat;} .horizontal_divider {height: 3px;background-image: url(/skins/mb/blue_swift/images/divider.gif);background-repeat: repeat;} .username_password_txtbox {width: 217px;color: #333333;border: 1px solid #000000;} .active_tab_leftcurve {height: 23px;width: 8px;background-image: url(/skins/mb/blue_swift/images/atab_lc.gif);background-repeat: no-repeat;} .active_tab_rightcurve {height: 23px;width: 8px;background-image: url(/skins/mb/blue_swift/images/atab_rc.gif);background-repeat: no-repeat;} .active_tab_middle {height: 23px;background-image: url(/skins/mb/blue_swift/images/atab_bg.gif);background-repeat: repeat-x;text-align: center;padding: 0px 5px;} .active_tab_middle a {color: #ffd8d8;text-decoration: none;} .active_tab_middle a:hover {color: #ffffff;text-decoration: none;} form {margin: 0px;} .global_button_leftcurve {height: 24px;width: 11px;background-image: url(/skins/mb/blue_swift/images/btn_lc.png);background-repeat: no-repeat;background-position: right;padding: 0px !important;} .global_button_rightcurve {height: 24px;width: 11px;background-image: url(/skins/mb/blue_swift/images/btn_rc.png);background-repeat: no-repeat;padding: 0px !important;} .global_button_middle {background: url("/skins/mb/blue_swift/images/btn_cbg.png") repeat-x scroll 0 0 transparent;border: medium none !important;color: #FFFFFF;cursor: pointer;height: 24px;margin: 0;padding: 0 !important;} #signatureBox {margin: 5px 0px;height: 88px;width: 500px;color: #000000;border: 1px solid #828282;} #inline_search_textbox {height: 15px;width: 152px;float: left;padding: 0px;border: 0 nonepx;} #inline_search_box {height: 15px;width: 171px;background-color: #FFFFFF;display: inline-block;padding: 3px;border: 1px solid #A5A5A5;} .tooltip {background-color: #000000;color: #FFCC00;text-align: left;padding: 10px;border: 1px solid #ffffff;position: absolute;} .tooltipPanel {background-color: #000000;color: #FFCC00;border: 1px solid #ffffff;position: absolute;} .tooltipMenu {background-color: #000000;color: #FFCC00;text-align: left;padding: 3px 0px;border: 1px solid #ffffff;position: absolute;} .iconLinks a {color: #FFCC00;display: block;text-decoration: none;padding: 5px 30px 5px 10px;cursor: pointer;position: relative;} .iconLinks a:hover {background-color: #000000;color: #FFCC00;} .status_offline {height: 16px;width: 16px;background-image: url(/skins/mb/blue_swift/images/offline.png);background-repeat: no-repeat;display: inline-block;vertical-align: middle;padding: 0px 0px 0px 18px;} .status_online {height: 16px;width: 16px;background-image: url(/skins/mb/blue_swift/images/online.png);background-repeat: no-repeat;display: inline-block;vertical-align: middle;padding: 0px 0px 0px 18px;} .read_post {height: 16px;width: 16px;background-image: url(/skins/mb/blue_swift/images/old_post.png);background-repeat: no-repeat;display: inline-block;vertical-align: middle;} .unread_post {height: 16px;width: 16px;background-image: url(/skins/mb/blue_swift/images/new_post.png);background-repeat: no-repeat;display: inline-block;vertical-align: middle;} .quote_post {height: 16px;width: 16px;background-image: url(/skins/mb/blue_swift/images/quote.gif);background-repeat: no-repeat;display: inline-block;vertical-align: middle;} a#quote_post {height: 16px;width: 16px;background-image: url(/skins/mb/blue_swift/images/quote.gif);background-repeat: no-repeat;display: inline-block;vertical-align: middle;} .week_details {height: 16px;width: 16px;background-image: url(/skins/mb/blue_swift/images/week_details.gif);background-repeat: no-repeat;display: inline-block;vertical-align: middle;} a#week_details {height: 16px;width: 24px;background-image: url(/skins/mb/blue_swift/images/week_details.gif);background-repeat: no-repeat;display: inline-block;vertical-align: middle;} .old_pm {height: 16px;width: 20px;background-image: url(/skins/mb/blue_swift/images/old_pm.gif);background-repeat: no-repeat;background-position: center center;display: inline-block;vertical-align: middle;} .new_pm {height: 16px;width: 20px;background-image: url(/skins/mb/blue_swift/images/new_pm.gif);background-repeat: no-repeat;background-position: center center;display: inline-block;vertical-align: middle;} .unread_pm {height: 16px;width: 17px;background-image: url(/skins/mb/blue_swift/images/unread.gif);background-repeat: no-repeat;background-position: center center;display: inline-block;vertical-align: middle;} .forum_link {height: 20px;width: 20px;background-image: url(/skins/mb/blue_swift/images/browser.png);background-repeat: no-repeat;background-position: center center;display: inline-block;vertical-align: middle;} .thread_with_poll {height: 16px;width: 16px;background-image: url(/skins/mb/blue_swift/images/poll.gif);background-repeat: no-repeat;background-position: center center;display: inline-block;vertical-align: middle;} .pin_img {height: 16px;width: 20px;background-image: url(/skins/mb/blue_swift/images/pin_up.png);background-repeat: no-repeat;background-position: center center;display: inline-block;vertical-align: middle;} .help_img {height: 18px;width: 18px;background-image: url(/skins/mb/blue_swift/images/help.png);background-repeat: no-repeat;background-position: center center;display: inline-block;vertical-align: middle;} .preview_img {height: 18px;width: 18px;background-image: url(/skins/mb/blue_swift/images/view_pro_img.png);background-repeat: no-repeat;background-position: center center;display: inline-block;vertical-align: middle;} .pages_img {height: 16px;width: 20px;background-image: url(/skins/mb/blue_swift/images/pages.gif);background-repeat: no-repeat;background-position: center center;display: inline-block;vertical-align: middle;} .new_post_icon {margin: 0px;height: 26px;width: 26px;background-image: url(/skins/mb/blue_swift/images/new_post_icon.png);background-repeat: no-repeat;background-position: center center;display: inline-block;vertical-align: middle;} .no_new_post_icon {margin: 0px;height: 26px;width: 26px;background-image: url(/skins/mb/blue_swift/images/no_new_post_icon.png);background-repeat: no-repeat;background-position: center center;display: inline-block;vertical-align: middle;} .locked_thread_icon {margin: 0px;height: 26px;width: 26px;background-image: url(/skins/mb/blue_swift/images/locked_thread_icon.png);background-repeat: no-repeat;display: inline-block;vertical-align: middle;} .last_post_icon {height: 26px;width: 26px;background-image: url(/skins/mb/blue_swift/images/last_post_icon.png);background-repeat: no-repeat;background-position: center center;display: inline-block;vertical-align: middle;} a#last_post_icon {height: 26px;width: 26px;background-image: url(/skins/mb/blue_swift/images/last_post_icon.png);background-repeat: no-repeat;background-position: center center;display: inline-block;vertical-align: middle;} a .alt {display: none;} .collapse {height: 16px;width: 16px;background-image: url(/skins/mb/blue_swift/images/collapse.png);background-repeat: no-repeat;display: inline-block;vertical-align: middle;padding: 0px 0px 0px 8px;} .expand {height: 16px;width: 16px;background-image: url(/skins/mb/blue_swift/images/expand.png);background-repeat: no-repeat;display: inline-block;vertical-align: middle;padding: 0px 0px 0px 8px;} .printer_friendly_icon {height: 20px;width: 26px;background-image: url(/images/icons/print.png);background-repeat: no-repeat;display: inline-block;vertical-align: middle;} .subscribe_icon {height: 20px;width: 91px;background-image: url(/images/buttons/subscribe.gif);background-repeat: no-repeat;display: inline-block;vertical-align: middle;} .unsubscribe_icon {height: 20px;width: 107px;background-image: url(/images/buttons/unsubscribe.gif);background-repeat: no-repeat;display: inline-block;vertical-align: middle;} .mark_forums_read_icon {height: 20px;width: 143px;background-image: url(/images/buttons/mark_forums_read.gif);background-repeat: no-repeat;display: inline-block;vertical-align: middle;} .mark_forum_read_icon {height: 20px;width: 143px;background-image: url(/images/buttons/mark_forum_read.gif);background-repeat: no-repeat;display: inline-block;vertical-align: middle;} .rating_unstarred {height: 23px;width: 13px;float: left;} .rating_half_starred {height: 23px;width: 13px;float: left;} .rating_starred {height: 23px;width: 13px;float: left;} #inline_search_form div.glass {height: 13px;width: 11px;background-image: url(/images/icons/search_gray.gif);background-repeat: no-repeat;float: right;display: block;cursor: pointer;} .page_heading_txt {font-size: 18px;font-weight: bold;color: #FFCC00;text-align: left;padding: 10px 0px 0px 0px;} .print_announcement {font-size: 12px;font-weight: bold;color: #6294d9;} .message {color: #ffffff;text-decoration: none;} .errorMsg {color: #ffffff;text-decoration: none;} .ghost {display: none;} body {margin: 0px;height: 100%;width: 100%;background-repeat: no-repeat;background-position: right bottom;background-attachment: fixed;background-color: #000000;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;color: #FFCC00;text-align: center;} a {color: #FFCC00;text-decoration: underline;} td {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;color: #FFCC00;} .top_nav_link:hover {font-weight: bold;color: #fdd739;text-decoration: none;} .table_bottom_txt a:hover {color: #ffffff;text-decoration: underline;} .page_no_left:hover {color: #ffffff;text-decoration: underline;} .avatar {background-repeat: repeat;background-color: #ffffff;padding: 5px;border: 1px solid #666666;} .profile_picture {background-repeat: repeat;background-color: #ffffff;padding: 5px;border: 1px solid #666666;} .thumbnail {margin: 5px;background-color: #ffffff;padding: 2px;border: 1px solid #666666;} .search_table_header {font-weight: bold;color: #ffffff;text-decoration: none;padding: 0px 0px 0px 8px;} .search_table_header:hover {font-weight: bold;color: #ffffff;text-decoration: none;} .errorMsgMain {font-weight: bold;color: #ffffff;text-decoration: none;} .body_container {margin: auto;width: 95%;text-align: left;} label {cursor: pointer;} a:visited {color: #ffffff;text-decoration: underline;} Link to comment Share on other sites More sharing options...
niche Posted June 16, 2012 Share Posted June 16, 2012 (edited) All you posted was the css. Without the relevant html or knowledge of the relevant ids or classes http://www.w3schools.com/css/css_id_class.asp, we can't help you. Having said that, you should know that this is a forum for people that code or want to learn. If you can direct us to the part of the code that's not performing , you probably can get some help. If you want us to "take it from here" and fix it for you, you probably won't get what you need. You're practically guaranteed help, at this forum, if you want to learn how to code. It's easy and free! Edited June 16, 2012 by niche Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now