Web Wiz - Green Windows Web Hosting

  New Posts New Posts RSS Feed - Right hand Column
  FAQ FAQ  Forum Search   Events   Register Register  Login Login

Right hand Column

 Post Reply Post Reply Page  123>
Author
suedechaser View Drop Down
Groupie
Groupie


Joined: 25 February 2006
Location: USA
Status: Offline
Points: 129
Post Options Post Options   Thanks (0) Thanks(0)   Quote suedechaser Quote  Post ReplyReply Direct Link To This Post Topic: Right hand Column
    Posted: 25 September 2006 at 3:28pm
Hi all,

How can I put a 35% column down the right-hand-side of just the forum, not the whole page, just beside the forum.

Someone here once mentioned that it should be started and finished in the footer. I'm not sure how to do this - can anybody clarify please?

regards

suede
Back to Top
dpyers View Drop Down
Senior Member
Senior Member


Joined: 12 May 2003
Status: Offline
Points: 3937
Post Options Post Options   Thanks (0) Thanks(0)   Quote dpyers Quote  Post ReplyReply Direct Link To This Post Posted: 25 September 2006 at 3:47pm

Lead me not into temptation... I know the short cut, follow me.
Back to Top
suedechaser View Drop Down
Groupie
Groupie


Joined: 25 February 2006
Location: USA
Status: Offline
Points: 129
Post Options Post Options   Thanks (0) Thanks(0)   Quote suedechaser Quote  Post ReplyReply Direct Link To This Post Posted: 25 September 2006 at 11:00pm
Hi Don,

That worked nicely - quite simple really once you know how.

Another question if I may?

I would like put the existing navigation buttons in the right hand column as well as a couple of links. Is this done in the same header/footer files, or is there another technique alltogether?

regards

suede
Back to Top
dpyers View Drop Down
Senior Member
Senior Member


Joined: 12 May 2003
Status: Offline
Points: 3937
Post Options Post Options   Thanks (0) Thanks(0)   Quote dpyers Quote  Post ReplyReply Direct Link To This Post Posted: 25 September 2006 at 11:52pm
The navigation buttons are in includes/navigation_buttons_inc.asp

If you replace the "Right Body" text in the example with
<%
<!-- #include file="includes/navigation_buttons_inc.asp" -->
%>

It would put the nav stuff in the right body column. You might have to add some line breaks or formatting to the code. and you'll want to remove that include file from default.asp to avoid duplicate definition errors.

You could just cut and paste html from you browsers "View Source" but some of the nav buttons are only displayed conditionally - e.g. if you're admin or if you have a PM, etc. I think the quick login is also displayed here if you're not logged in.

includes/navigation_buttons_inc.asp also contains the logo and wwf adds that can't be removed unless you have a license. Might make sense to split navigation_buttons_inc.asp into two scripts, one with the logo, ads, and quick login that would stay in default.asp, and one with just the button code formatted for the sidebar.

EDIT: Edited because I can't tell my left from my right.


Edited by dpyers - 26 September 2006 at 12:00am

Lead me not into temptation... I know the short cut, follow me.
Back to Top
dpyers View Drop Down
Senior Member
Senior Member


Joined: 12 May 2003
Status: Offline
Points: 3937
Post Options Post Options   Thanks (0) Thanks(0)   Quote dpyers Quote  Post ReplyReply Direct Link To This Post Posted: 26 September 2006 at 12:59am
I got curious about this so I whipped something up.

1. In the footer.asp sample code at the original example link above, change the TD code to this:
        <td style="width:15%; text-align:left;vertical-align: top; background-color:#EAE8D3;">Right Body<br />
<!-- #include file="navigation_buttons_inc_sidebar.asp" -->
<br />
<!-- #include file="pm_check_inc.asp" -->
<br />
Some link
<br />
Some Other Link
        </td>


2. BACKUP includes/navigation_buttons_inc.asp then edit the original and replace all the code in it with the following
<%
'****************************************************************************************
'**  Copyright Notice   
'**
'**  Web Wiz Guide - Web Wiz Forums
'**  http://www.webwizforums.com
'**                                                             
'**  Copyright 2001-2006 Bruce Corkhill All Rights Reserved.                               
'**
'**  This program is free software; you can modify (at your own risk) any part of it
'**  under the terms of the License that accompanies this software and use it both
'**  privately and commercially.
'**
'**  All copyright notices must remain in tacked in the scripts and the
'**  outputted HTML.
'**
'**  You may use parts of this program in your own private work, but you may NOT
'**  redistribute, repackage, or sell the whole or any part of this program even
'**  if it is modified or reverse engineered in whole or in part without express
'**  permission from the author.
'**
'**  You may not pass the whole or any part of this application off as your own work.
'**  
'**  You may not deactivate any adverts or links to Web Wiz Guide and it’s associates
'**  and must remain visible when the pages are viewed unless permission is first granted
'**  by the copyright holder.
'**
'**  This program is distributed in the hope that it will be useful,
'**  but WITHOUT ANY WARRANTY; without even the implied warranty of
'**  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE OR ANY OTHER
'**  WARRANTIES WHETHER EXPRESSED OR IMPLIED.
'**
'**  You should have received a copy of the License along with this program;
'**  if not, write to:- Web Wiz Guide, PO Box 4982, Bournemouth, BH8 8XP, United Kingdom.
'**   
'**
'**  No official support is available for this program but you may post support questions at: -
'**  http://www.webwiz.net/forum
'**
'**  Support questions are NOT answered by e-mail ever!
'**
'**  For correspondence or non support questions contact: -

'**
'** Web Wiz Guide, Unit 10E, Dawkins Road Industrial Estate, Poole, Dorset, UK, BH15 4JD
'**
'****************************************************************************************

%>
<table class="basicTable" cellspacing="0" cellpadding="3" align="center">
 <tr>
  <td rowspan="2">
<%
'If there is a forum image then dsiplay it
If NOT strTitleImage = "" Then Response.Write("<a href=""" & strWebsiteURL & """ accesskey=""1""><img src=""" & strTitleImage & """ border=""0"" /></a>")
%>
</td>
  <td align="center">&nbsp;</td>
 </tr>
 <tr>
  <td align="center">&nbsp;</td>
 </tr>
</table>
<%
'***** START WARNING - REMOVAL OR MODIFICATION OF THIS CODE WILL VIOLATE THE LICENSE AGREEMENT ******
If blnLCode = True Then Response.Write(strHeaderAds)
'***** END WARNING - REMOVAL OR MODIFICATION OF THIS CODE WILL VIOLATE THE LICENSE AGREEMENT ******
%>


3. Create a new file in the includes directory named navigation_buttons_inc_sidebar.asp and place the following code in it:
[code] <%
'****************************************************************************************
'**  Copyright Notice   
'**
'**  Web Wiz Guide - Web Wiz Forums
'**  http://www.webwizforums.com
'**                                                             
'**  Copyright 2001-2006 Bruce Corkhill All Rights Reserved.                               
'**
'**  This program is free software; you can modify (at your own risk) any part of it
'**  under the terms of the License that accompanies this software and use it both
'**  privately and commercially.
'**
'**  All copyright notices must remain in tacked in the scripts and the
'**  outputted HTML.
'**
'**  You may use parts of this program in your own private work, but you may NOT
'**  redistribute, repackage, or sell the whole or any part of this program even
'**  if it is modified or reverse engineered in whole or in part without express
'**  permission from the author.
'**
'**  You may not pass the whole or any part of this application off as your own work.
'**  
'**  You may not deactivate any adverts or links to Web Wiz Guide and it’s associates
'**  and must remain visible when the pages are viewed unless permission is first granted
'**  by the copyright holder.
'**
'**  This program is distributed in the hope that it will be useful,
'**  but WITHOUT ANY WARRANTY; without even the implied warranty of
'**  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE OR ANY OTHER
'**  WARRANTIES WHETHER EXPRESSED OR IMPLIED.
'**
'**  You should have received a copy of the License along with this program;
'**  if not, write to:- Web Wiz Guide, PO Box 4982, Bournemouth, BH8 8XP, United Kingdom.
'**   
'**
'**  No official support is available for this program but you may post support questions at: -
'**  http://www.webwiz.net/forum
'**
'**  Support questions are NOT answered by e-mail ever!
'**
'**  For correspondence or non support questions contact: -

'**
'** Web Wiz Guide, Unit 10E, Dawkins Road Industrial Estate, Poole, Dorset, UK, BH15 4JD
'**
'****************************************************************************************

<!--#include file="common.asp" -->


'If the user has logged in then the Logged In User ID number will not be 0 and not 2 for the guest account
If lngLoggedInUserID <> 0 AND lngLoggedInUserID <> 2 Then
       
    'Dispaly a welcome message to the user in the top bar
    If blnBanned = False Then Response.Write ("&a

Lead me not into temptation... I know the short cut, follow me.
Back to Top
suedechaser View Drop Down
Groupie
Groupie


Joined: 25 February 2006
Location: USA
Status: Offline
Points: 129
Post Options Post Options   Thanks (0) Thanks(0)   Quote suedechaser Quote  Post ReplyReply Direct Link To This Post Posted: 26 September 2006 at 2:27am
Hi Don,

That is very nice indeed.

Does the bottom of the Left Header, Middle Header and Right Header have to be the same level? Or can they be different sizes?

Also, Is it possible to have, say, two columns down the right hand side - one underneath each other?

regards

suede
Back to Top
dpyers View Drop Down
Senior Member
Senior Member


Joined: 12 May 2003
Status: Offline
Points: 3937
Post Options Post Options   Thanks (0) Thanks(0)   Quote dpyers Quote  Post ReplyReply Direct Link To This Post Posted: 26 September 2006 at 5:32am
If you're going to use a table based layout, all the cells in the header row are going to be the same size.

You could put a 2 row table in the right hand table cell of the body row to create the effect you want.

An alternative method would be to use css and div's for your layout. The following code for footer.asp and header.asp will create:

1. a 3 column header. each column will size vertically to fit its content.
2. A 2 column body section. The left hand column starts lower down than the right hand column. The right hand column contains two content divs - one over the other.
3. a 1 column footer section.

There's an example of the output at http://www.new2asp.com/forum/ but I'll only keep the example up for a couple of days.

header.asp code
<script language="javascript" src="includes/default_javascript.js" type="text/javascript"></script>
</head>
<body>
<div id="pagecontainer" style="width:100%; padding:1em; background-color:white;">

    <div id="headersection" style="clear:both; width:100%;">
        <div id="headerleft" style="float:left; text-align:left; background-color:aqua; width:10%">Left Header 10%</div>
        <div id="headercenter" style="float:left; text-align:center; background-color:blue; color:white; width:60%">Center Header<br/>60%</div>
        <div id="headerright" style="float:right; text-align:left; background-color:navy; color:white; width:30%">Right Header 30%</div>
    </div>


    <div id="bodysection" style="clear:both; float:left; width:100%; margin-bottom:2em;">
        <div id="bodyleft" style="float:left; width:64%; margin-top:2em; background-color:lime;">Body Left - 64%<br /><br />


footer.asp code
<!-- footer -->


        </div> <!-- End of bodyleft div -->

        <div id="bodyright" style="float:left; text-align:left; background-color:fuchsia; color:white; width:34%;">Body Right - 34%
            <div id="bodyrighttop" style="text-align:left; background-color:orange; color:white;  margin:2em;">Body Right - Top</div>
            <div id="bodyrightbottom" style="text-align:left; background-color:red; color:white; margin:2em;">Body Right - Bottom</div>
        </div> <!-- End of bodyright div -->

       
    </div> <!-- End of bodysection div -->


    <div id="footersection" style="clear:both; width:60%; margin-left:auto; margin-right:auto; text-align:center; background-color:maroon; color:white;">Footer Section - 60%</div>


</div> <!-- End of pagecontainer div -->

</body>
</html>




Edited by dpyers - 26 September 2006 at 5:46am

Lead me not into temptation... I know the short cut, follow me.
Back to Top
suedechaser View Drop Down
Groupie
Groupie


Joined: 25 February 2006
Location: USA
Status: Offline
Points: 129
Post Options Post Options   Thanks (0) Thanks(0)   Quote suedechaser Quote  Post ReplyReply Direct Link To This Post Posted: 26 September 2006 at 5:55am
Interestingly, when viewed in a popup browser window, the Body Right 34% column actually appears below the main table. Is this just a quirk with my browser ( IE )?

I will have a play now with this new ( to me ) CSS/DIV idea.

regards

suede



Edited by suedechaser - 26 September 2006 at 7:09am
Back to Top
 Post Reply Post Reply Page  123>

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 12.08
Copyright ©2001-2026 Web Wiz Ltd.


Become a Fan on Facebook Follow us on X Connect with us on LinkedIn Web Wiz Blogs
About Web Wiz | Contact Web Wiz | Terms & Conditions | Cookies | Privacy Notice

Web Wiz is the trading name of Web Wiz Ltd. Company registration No. 05977755. Registered in England and Wales.
Registered office: Web Wiz Ltd, Unit 18, The Glenmore Centre, Fancy Road, Poole, Dorset, BH12 4FB, UK.

Prices exclude VAT at 20% unless otherwise stated. VAT No. GB988999105 - $, € prices shown as a guideline only.

Copyright ©2001-2026 Web Wiz Ltd. All rights reserved.