Stylesheet modification

You are not logged in. [Log In] ubbDev » Forums » Community Development » Design, Style and Graphics » Stylesheet modification

Topic Options

#13431 - 11/03/04 07:08 PM Stylesheet modification
orvie Junior Member Registered: 11/03/04 Posts: 2 Add to del.icio.us Digg it	I am in the process of reconfiguring my classic pages and have successfully created a left sidebar using the following code <!-- start header--> <div align="center"> <TABLE align=left border=0 cellPadding=4 width="100%" bgcolor="#FFFFFF"> <TBODY> <TR vAlign=top> <TD bgColor=#FFFFFF width=115 align="center"> Left sidebar entry goes here <table border="0" width="100%"> <tr> <td width="100%"> <p align="center"> </td> </tr> </table> <!-- Start of the menu --> <font color="#000000" face="Arial" size="2"> </font></TD> <TD bgColor=#FFFFFF width="100%" align="left"> <!-- end header --> I would like to be able to place a second sidebar on the right and have my bb in the center, can any one help me with the code? Thanks
Top

#13432 - 11/04/04 01:25 AM

Re: Stylesheet modification

Gizmo

Wizard

Registered: 01/10/00
Posts: 5123
Loc: Portland, OR, USA

Easy enough:
Header:

Code:

<table border="0" cellpadding="0" cellspacing="0" width="100%" id="SideBars">
  <tr>
    <td width="15%">
      <table border="0" cellpadding="0" cellspacing="0" width="95%" align="center" id="Left Sidebar">
        <tr>
          <td width="100%">Left Sidebar</td>
        </tr>
      </table>
    </td>
    <td width="70%">

Footer:

Code:

</td>
    <td width="15%">
      <table border="0" cellpadding="0" cellspacing="0" width="95%" align="center" id="Right Sidebar">
        <tr>
          <td width="100%">Right Sidebar</td>
        </tr>
      </table>
    </td>
  </tr>
</table>

When loaded it'll load as:

Code:

<table border="0" cellpadding="0" cellspacing="0" width="100%" id="SideBars">
  <tr>
    <td width="15%">
      <table border="0" cellpadding="0" cellspacing="0" width="95%" align="center" id="Left Sidebar">
        <tr>
          <td width="100%">Left Sidebar</td>
        </tr>
      </table>
    </td>
    <td width="70%">Board Content</td>
    <td width="15%">
      <table border="0" cellpadding="0" cellspacing="0" width="95%" align="center" id="Right Sidebar">
        <tr>
          <td width="100%">Right Sidebar</td>
        </tr>
      </table>
    </td>
  </tr>
</table>

_________________________
UBB.Dev - Where you too can render your UBB install completely useless...
UGN Security, Elite Web Gamers & VNC Web Design Owner

Top

#13433 - 11/04/04 10:04 AM Re: Stylesheet modification
AllenAyres I type Like navaho Registered: 03/10/00 Posts: 25434 Loc: Texas	Good code and thanks for the xhtml-ing _________________________ - Allen - What Drives You?
Top

#13434 - 11/04/04 10:28 AM Re: Stylesheet modification
Gizmo Wizard Registered: 01/10/00 Posts: 5123 Loc: Portland, OR, USA	Welcome and welcome ... I just found out that the "p" tag isn't xhtml appropirate so I've been doing a lot of recoding lately lol... _________________________ UBB.Dev - Where you too can render your UBB install completely useless... UGN Security, Elite Web Gamers & VNC Web Design Owner
Top

#13435 - 11/04/04 11:29 AM Re: Stylesheet modification
Ian Spence Master Hacker Registered: 01/25/03 Posts: 3765 Loc: Saint Johns, PA	the P tag is xhtml appropriate if used to designate paragraphs, just not to create line-breaks _________________________ Code monkey like Fritos
Top

#13436 - 11/04/04 11:59 AM Re: Stylesheet modification
orvie Junior Member Registered: 11/03/04 Posts: 2	Fast response, thank you very much for your help. It is much appreciated.
Top

#13437 - 11/04/04 03:32 PM Re: Stylesheet modification
Gizmo Wizard Registered: 01/10/00 Posts: 5123 Loc: Portland, OR, USA	Quote: Originally posted by Ian Spence:</font><hr /> the P tag is xhtml appropriate if used to designate paragraphs, just not to create line-breaks <hr /></blockquote> Tell Microsoft that :x... FrontPage XP seems to think that the "p" tag is appropriate for line breaks and that br doens't need a closing tag ... <blockquote><font class="small">Originally posted by orvie: [qb] Fast response, thank you very much for your help. It is much appreciated. [/qb] Not a problem, let me know should you need any further HTML questions. _________________________ UBB.Dev - Where you too can render your UBB install completely useless... UGN Security, Elite Web Gamers & VNC Web Design Owner
Top

Previous Topic

Index

Next Topic

Hop to:

Moderator: Gizmo