How Do I autosize header

New Member Joined: Nov 27, 2005 Posts: 22

Hi,
Can someone tell me how to autosize the header for different resolutions.
I am using the fisubice theme on ravennuke 7.6 but have changed the header to a picture of my own. Is there a way to ensure the picture resizes depending on the visitors screen res.
Here's my header.html

Code:

<br /><table class="bodyline" width="100%" cellspacing="0" cellpadding="0" border="0">


   <tr>


      <td align="center" valign="top"></td></tr></table>


      <table width="100%" border="0" cellspacing="0" cellpadding="0">


  <tr>


        <td width="100%" valign="middle"><a href="http://www.kt-flying.co.uk" title="G ATKT"</a><div align="center"><img src="themes/fisubice/images/ktflyinglogo_final.jpg" alt="G ATKT" border="0" /></td>


  </tr>


</table>


    <table width="100%" border="0" cellspacing="0" cellpadding="0">


      <tr>


        <td><table width="100%" border="0" cellpadding="4" cellspacing="0" style="background-image: url(themes/fisubice/images/cellpic_nav.gif)">


            <tr>


              <td width="165" nowrap="nowrap"><font class="content">$theuser</font></td>


              <td nowrap="nowrap"><div align="center"><font class="content">$navMenu</font></div></td>


              <td width="165" nowrap="nowrap"><div align="center"><font class="content">


$datetime


                  </font></div></td>


            </tr>


          </table></td>


      </tr>


    </table>


    <table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">


      <tr valign="top">


        <td align="center">$public_msg</td>


</tr></table>


<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">


<tr valign="top">


  <td valign="top" width="1" style="background-image: url(themes/fisubice/images/7px.gif)">

Thanks For any help

Edit: Have used code tag as suggested in following post.

Posted: Fri Aug 01, 2008 12:12 pm

shame on you man Dance-Y

use the [ code ] tag
would be very handy to have a screenshot of your site

Posted: Fri Aug 01, 2008 12:31 pm

remember to try things locally and if they work then upload to server. try this out...

PD:
*you have some nasty code in your file that should be correct in the following piece of code.
*the font tag is deprecated, you must start using span and/or css

Code:

<table class="bodyline" width="100%" cellspacing="0" cellpadding="0" border="0">


   <tr>


      <td align="center" valign="top"></td>


   </tr>


</table>


<table width="100%" border="0" cellspacing="0" cellpadding="0">


   <tr>


      <td width="100%" valign="middle"><a href="http ://www.websiteaddress.co.uk" title="title"><img src="themes/fisubice/images/logo.jpg" alt="title" border="0" width="100%" /></a></td>


   </tr>


</table>


<table width="100%" border="0" cellspacing="0" cellpadding="0">


   <tr>


      <td>


         <table width="100%" border="0" cellpadding="4" cellspacing="0" style="background-image: url(themes/fisubice/images/cellpic_nav.gif)">


            <tr>


               <td width="165" nowrap="nowrap"><font class="content">$theuser</font></td>


               <td nowrap="nowrap"><div align="center"><font class="content">$navMenu</font></div></td>


               <td width="165" nowrap="nowrap" align="center"><font class="content">$datetime</font></td>


            </tr>


         </table>


      </td>


   </tr>


</table>


<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">


   <tr valign="top">


      <td align="center">$public_msg</td>


   </tr>


</table>


<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">


   <tr valign="top">


      <td valign="top" width="1" style="background-image: url(themes/fisubice/images/7px.gif)">

Posted: Sat Aug 02, 2008 2:24 am

Thanks Slaytonic that worked a treat.

Quote:

*the font tag is deprecated, you must start using span and/or css

Could you explain this a little more please.

Many Thanks

Posted: Sun Aug 03, 2008 7:50 am

Schmitt wrote:

Thanks Slaytonic that worked a treat.

Quote:

*the font tag is deprecated, you must start using span and/or css

Could you explain this a little more please.

what i mean with this is that instead of using the font tag (<font>) for text appearance you should use span tag plus css styles (<span style="some css here;">). For example...

Wrong:

Code:

<font class="content" size="x-big">your text here</font>

Right:

Code:

<span class="content" style="font-size: 10px">your text here</span>

This is just a simple example. Btw, is not Slaytonic but Slaytanic

registered · Posted: Sun Aug 03, 2008 9:14 am

Schmitt, most browsers still support the font tag as it is XHTML 1.0 Transitional and HTML 4.01 Transitional. But, if you are writing new code, it is better to start shying away from deprecated XHTML/HTML.

Posted: Sun Aug 03, 2008 2:24 pm

OK Thanks for the good advice.

and sorry for the wrong name slaytanic

Posted: Sun Aug 03, 2008 5:17 pm

nevermind bro... we're cool