Text in header gets "preformated"

[triff]

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

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.

[Deepdog009]

Originally Posted by triff

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

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&nbsp;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