vForums Support Banner



 

Welcome Guest! Please Login or Register
vForums Support :: Programming & Coding :: Code Requests & Support :: [F] Side Tables - View Topic
Topic Rating: *****
Printable View
This topic was locked 15th May 08 at 6:11pm by Michael
dog199200
Guest
[F] Side Tables (30th Apr 08 at 2:21pm UTC)
http://deluxeanimeforum.vforums.co.uk/

What i'm trying to do is make a side table for both sides that will fit in the black area around my forum perfectly, as well as it will scroll. I have the tables set to the right height to fit in the black area, but i cant get them to move back into the black area, they want to push against the forum, also i took a snip-it from one of wright's codes for the hover/scroll effect but for some reason it keeps trying to hover all my boards as well. Can someone help me finish the code?

header
Code:
Select All
 
  1. <style>
  2. body {
  3.     margin-top: 20px;
  4. }
  5. </style>
  6.  
  7. <table width="100%" border="0" style="position: fixed; left: 0px; top: 4px">
  8.     <tr>
  9.         <td align="center">
  10. <table width="92%" cellpadding="0" cellspacing="1" align="center">
  11. <tr>
  12. <td width="20%" vAlign="top" align="center">
  13. <br />
  14. <br />
  15. <table class="border" width="95%" cellpadding="4" cellspacing="1">
  16. <tr>
  17. <td class="title2" align="center" width="100%">
  18. <font size=2>Left Menu</font>
  19. </td>
  20. </tr>
  21. <tr>
  22. <td class="window1" align="center">
  23. <font size=2>Left Top Box Content</font>
  24. </td>
  25. </tr>
  26. <tr>
  27. <td class="window1" align="center">
  28. <font size=2>Left Middle Box Content</font>
  29. </td>
  30. </tr>
  31. <tr>
  32. <td class="window1" align="center">
  33. <font size=2>Left Bottom Box Content</font>
  34. </td>
  35. </tr>
  36. </table>
  37. </td>
  38. <td width="60%" align="center" vAlign="top">
 


footer
Code:
Select All
 
  1. </td>
  2. <td width="20%" vAlign="top" align="center">
  3. <br />
  4. <br />
  5. <table class="border" width="95%" cellpadding="4" cellspacing="1">
  6. <tr>
  7. <td class="title2" align="center" width="100%">
  8. <font size=2>Right Menu</font>
  9. </td>
  10. </tr>
  11. <tr>
  12. <td class="window1" align="center">
  13. <font size=2>Right Top Box Content</font>
  14. </td>
  15. </tr>
  16. <tr>
  17. <td class="window1" align="center">
  18. <font size=2>Right Middle Box Content</font>
  19. </td>
  20. </tr>
  21. <tr>
  22. <td class="window1" align="center">
  23. <font size=2>Right Bottom Box Content</font>
  24. </td>
  25. </tr>
  26. </table>
  27. </td>
  28. </tr>
  29. </table>
  30. </td>
  31. </tr>
  32. </table>
 
Back to Top - Link to Post - Last edit:   by Michael
Michael
Moderator
*****

[Avatar]
Recoding the future

Posts: 4,043
Status: Offline
Gender: Male
Location: UK
Joined:  

Additional Groups:
Coding Team
***


Reputation: 58%  


pmtwittervForum
Re: Side Tables (30th Apr 08 at 3:52pm UTC)
Unfortunately the way you have done it, it wont work. I'll have to take a look at it later for you and code it from scratch! {Smile}
Back to Top - Link to Post
dog199200
Guest
Re: Side Tables (30th Apr 08 at 8:43pm UTC)
ah ok, hey i gave it a try at least {Smile}
Back to Top - Link to Post
dog199200
Guest
Re: Side Tables (6th May 08 at 4:08am UTC)
bump
Back to Top - Link to Post
dog199200
Guest
Re: Side Tables (12th May 08 at 2:32am UTC)
bump
Back to Top - Link to Post
Michael
Moderator
*****

[Avatar]
Recoding the future

Posts: 4,043
Status: Offline
Gender: Male
Location: UK
Joined:  

Additional Groups:
Coding Team
***


Reputation: 58%  


pmtwittervForum
Re: Side Tables (12th May 08 at 6:14pm UTC)
put this: position: fixed; left: 0px; top: 4px

in both of these near the start of both parts: <table class="border" width="95%" cellpadding="4" cellspacing="1">

I'm sure that'll fix it... Just guessing! {Tongue Out}
Back to Top - Link to Post
dog199200
Guest
Re: Side Tables (13th May 08 at 9:24pm UTC)
so like this:

head:
Code:
Select All
 
  1. <style>
  2. body {
  3.     margin-top: 20px;
  4. }
  5. </style>
  6.  
  7. <table width="100%" border="0" style="position: fixed; left: 0px; top: 4px">
  8.     <tr>
  9.         <td align="center">
  10. <table width="92%" cellpadding="0" cellspacing="1" align="center">
  11. <tr>
  12. <td width="20%" vAlign="top" align="center">
  13. <br />
  14. <br />
  15. <table class="border" width="95%" cellpadding="4" cellspacing="1">
  16. <tr>
  17. <td class="title2" align="center" width="100%">
  18. <font size=2>Left Menu</font>
  19. </td>
  20. </tr>
  21. <tr>
  22. <td class="window1" align="center">
  23. <font size=2>Left Top Box Content</font>
  24. </td>
  25. </tr>
  26. <tr>
  27. <td class="window1" align="center">
  28. <font size=2>Left Middle Box Content</font>
  29. </td>
  30. </tr>
  31. <tr>
  32. <td class="window1" align="center">
  33. <font size=2>Left Bottom Box Content</font>
  34. </td>
  35. </tr>
  36. </table>
  37. </td>
  38. <td width="60%" align="center" vAlign="top">
 


foot:

Code:
Select All
 
  1. </td>
  2. <td width="20%" vAlign="top" align="center">
  3. <br />
  4. <br />
  5. <table class="border" width="95%" cellpadding="4" cellspacing="1" style="position: fixed; left: 0px; top: 4px">
  6. <tr>
  7. <td class="title2" align="center" width="100%">
  8. <font size=2>Right Menu</font>
  9. </td>
  10. </tr>
  11. <tr>
  12. <td class="window1" align="center">
  13. <font size=2>Right Top Box Content</font>
  14. </td>
  15. </tr>
  16. <tr>
  17. <td class="window1" align="center">
  18. <font size=2>Right Middle Box Content</font>
  19. </td>
  20. </tr>
  21. <tr>
  22. <td class="window1" align="center">
  23. <font size=2>Right Bottom Box Content</font>
  24. </td>
  25. </tr>
  26. </table>
  27. </td>
  28. </tr>
  29. </table>
  30. </td>
  31. </tr>
  32. </table>
 


if so it doesnt work they all just go to the top..
Back to Top - Link to Post - Last edit:   by dog199200
Michael
Moderator
*****

[Avatar]
Recoding the future

Posts: 4,043
Status: Offline
Gender: Male
Location: UK
Joined:  

Additional Groups:
Coding Team
***


Reputation: 58%  


pmtwittervForum
Re: Side Tables (15th May 08 at 3:25pm UTC)
Try this:

Global Header
<style>
body {
margin-top: 20px;
}
</style>


<table class="border" width="20%" cellpadding="4" cellspacing="1" style="position: fixed; left: 0px; top: 4px">
<tr>
<td class="title2" align="center" width="100%">
<font size=2>Left Menu</font>
</td>
</tr>
<tr>
<td class="window1" align="center">
<font size=2>Left Top Box Content</font>
</td>
</tr>
<tr>
<td class="window1" align="center">
<font size=2>Left Middle Box Content</font>
</td>
</tr>
<tr>
<td class="window1" align="center">
<font size=2>Left Bottom Box Content</font>
</td>
</tr>
</table>

Global Footer
<table class="border" width="20%" cellpadding="4" cellspacing="1" style="position: fixed; right: 0px; top: 4px">
<tr>
<td class="title2" align="center" width="100%">
<font size=2>Right Menu</font>
</td>
</tr>
<tr>
<td class="window1" align="center">
<font size=2>Right Top Box Content</font>
</td>
</tr>
<tr>
<td class="window1" align="center">
<font size=2>Right Middle Box Content</font>
</td>
</tr>
<tr>
<td class="window1" align="center">
<font size=2>Right Bottom Box Content</font>
</td>
</tr>
</table>


Resize your forum using the 'resize' in the Modify Skins area.
Back to Top - Link to Post
dog199200
Guest
Re: Side Tables (15th May 08 at 5:32pm UTC)
ok ty that works great
Back to Top - Link to Post
Michael
Moderator
*****

[Avatar]
Recoding the future

Posts: 4,043
Status: Offline
Gender: Male
Location: UK
Joined:  

Additional Groups:
Coding Team
***


Reputation: 58%  


pmtwittervForum
Re: Side Tables (15th May 08 at 6:11pm UTC)
Welcome! {Smile}
Back to Top - Link to Post
 Printable View

All times are GMT+0 :: The current time is 12:47pm
Page generated in 0.8618 seconds
This Forum is Powered By vForums (v2.4)
Create a Forum for Free | Find Forums