I have a problem with my header. I've customized a header in a wysiwyg html-editor - and I want it to look like this: http://basicroleplaying.com/header.htm
but instead, it looks like this: http://basicroleplaying.com/forum/forumdisplay.php?f=2 :confused:
The text gets some weird preformat for some reason. Do anyone knows how to deal with this, to get the text back to plain Times New Roman?
SGL.
vBulletin Css
********************************
<table cellspacing="0" width="100%" border="1" bordercolordark="black" bordercolorlight="black" height="160" cellpadding="0" bgcolor="white">
<tr>
<td rowspan="2" height="160" align="center" valign="bottom" width="150">
<p><a href="http://basicroleplaying.com/"><img src="http://basicroleplaying.com/images/header-rocket.gif" width="109" height="160" border="0" alt="Home"></a></p>
</td>
<td valign="middle" align="center">
<p align="center"><img src="http://basicroleplaying.com/images/header-text1a.gif" width="456" height="69" border="0"><img src="http://basicroleplaying.com/images/header-text1b.gif" width="140" height="69" border="0"></p>
</td>
<td rowspan="2" width="201" valign="bottom">
<p><a href="javascript:window.external.addFavorite('http://basicroleplaying.com','Basic Roleplaying .com');"><img src="http://basicroleplaying.com/images/header-gavlin.jpg" width="200" height="160" border="0" alt="Bookmark Basic Roleplaying .com! "></a></p>
</td>
</tr>
<tr>
<td align="center" valign="middle">
<p align="center"><img src="http://basicroleplaying.com/images/header-text2a.gif" width="150" height="26" border="0"><a href="http://basicroleplaying.com/forum/forumdisplay.php?f=2"><img src="http://basicroleplaying.com/images/header-text2b.gif" width="251" height="25" border="0"></a></p>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="8" height="8" bordercolordark="white" bordercolorlight="black">
<tr>
<td width="8"><font size="1" color="#EEEAD8">.</font></td>
</tr>
</table>
************************************************** *********
Non vBulletin Css
********************************
<table cellspacing="0" width="100%" border="1" bordercolordark="black" bordercolorlight="black" height="160" cellpadding="0" bgcolor="white">
<tr>
<td rowspan="2" height="160" align="center" valign="bottom" width="150">
<p><a href="http://basicroleplaying.com/"><img src="http://basicroleplaying.com/images/header-rocket.gif" width="150" height="160" border="0" alt="Home"></a></p>
</td>
<td valign="middle">
<p align="center"><span style="font-size:46pt;"><font face="Times
New Roman">Basic Roleplaying .com</font></span></p>
</td>
<td rowspan="2" width="201" valign="bottom">
<p><a href="javascript:window.external.addFavorite('http://basicroleplaying.com','Basic Roleplaying .com');"><img src="http://basicroleplaying.com/images/header-gavlin.jpg" width="200" height="160" border="0" alt="Bookmark Basic Roleplaying .com! "></a></p>
</td>
</tr>
<tr>
<td>
<p align="center"><font size="5" face="Times
New Roman">BRP Central - host of the </font><a href="http://basicroleplaying.com/forum/forumdisplay.php?f=2"><font size="5" face="Times
New Roman">basic roleplaying forum</font></a></p>
</td>
</tr>
</table>
Triff its a CSS issue...
vBulletin body CSS is the culprit causing your troubles...
Create a separate .css file with only the code 4 your header image and that should do the trick...
Hardcode into admin CSS or Header area, Headerincludes template...
.mycss
{
background: #FFFFFF;
color: #000000;
font: 5pt Times New Roman;
}
Give it a go