Author |
Message |
Schmitt
New Member
Joined: Nov 27, 2005
Posts: 22
|
Posted:
Fri Aug 01, 2008 8:27 am |
|
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. |
Last edited by Schmitt on Sat Aug 02, 2008 2:25 am; edited 2 times in total |
|
|
|
jestrella
Moderator
Joined: Dec 01, 2005
Posts: 593
Location: Santiago, Dominican Republic
|
Posted:
Fri Aug 01, 2008 12:12 pm |
|
shame on you man use the [ code ] tag
would be very handy to have a screenshot of your site |
_________________ "For those whom have not reach the sky... Every mountain seems high"
Best Regards
Jonathan Estrella
[ Only registered users can see links on this board! Get registered or login! ] |
|
|
|
jestrella
|
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)">
|
|
|
|
|
|
Schmitt
|
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 |
|
|
|
|
jestrella
|
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 |
|
|
|
|
montego
Site Admin
Joined: Aug 29, 2004
Posts: 9457
Location: Arizona
|
Posted:
Sun Aug 03, 2008 9:14 am |
|
|
|
|
Schmitt
|
Posted:
Sun Aug 03, 2008 2:24 pm |
|
OK Thanks for the good advice.
and sorry for the wrong name slaytanic |
|
|
|
|
jestrella
|
Posted:
Sun Aug 03, 2008 5:17 pm |
|
nevermind bro... we're cool |
|
|
|
|
|