PDA

View Full Version : Newsletter formatting..


Sploodge
06-30-2007, 06:09 PM
When I use html in the newsletter it seems that there is something stopping it expanding to fill the window ( see image )..

http://img139.imageshack.us/img139/8013/newsletterht2.th.jpg (http://img139.imageshack.us/my.php?image=newsletterht2.jpg)

This is the exact html used


This is a format t<font color="#FF0000" size="5">est for the AOC Newsletter
system... This is a format test for the AOC Newsle</font>tter system... This is
a format test for the AOC Newsletter system...<br>
<br>
This is a form<u><i><b>at test for the AOC Newslett</b></i></u>er system... This
is a format test for the AOC Newsletter system... This is a format test for the
AOC Newsletter system... This is a format test for the AOC Newsletter system...
This is a format test for the AOC Newsletter system... This is a format test for
the AOC Newsletter system... This is a format test for the AOC Newsletter
system... Th<font color="#FFFF00"><i>is is a format test for the AOC Newsletter
system... This is a format test for the AOC Newsletter system... This is a
format test for the AOC Newsletter system... This is a format test for the AOC
Newsletter system... This is </i></font>a format test for the AOC Newsletter
system... This is a format test for the AOC Newsletter system... This is a
format test for the AOC Newsletter system..<br>
<br>
This is <a target="_blank" href="http://www.google.com">a format
test for the AOC Newsletter system... This is a format test for the AOC
Newsletter system... This is a format test for the AOC Newsletter system... This
is a format test for the AOC Newsletter system... This is a format test for the
AOC Newsletter system... This is a format test for the AOC Newsletter system...
This is a format test for the AOC Newsletter system... This is a format tes</a>t
for the AOC Newsletter system... This is a format test for the AOC Newsletter
system... This is a format test for the AOC Newsletter system... This is a
format test for the AOC Newsletter system... This is a format test for the AOC
Newsletter system... This is a format test for the AOC Newsletter system... This
is a format test for the AOC Newsletter system... This is a format test for the
AOC Newsletter system...<br>
<br>
This is a for<b><font color="#FF0000">mat test for the AOC Newsletter
system... This is a format test for the AOC Newsletter system... This is a
format test for the AOC Newsletter system... This is a format test for the AOC
Newsletter system... This is a format test for the AOC Newsletter system... This
is a format test for the AOC Newsletter system... This is a format test for the
AOC Newsletter system... This is a format test for the AOC Newsletter system...
This is a format test for the AOC Newsletter system... This is a format test for
the AOC Newsletter system... This is a format test for the AOC Newsletter
system... This is a format test for the AOC Newsletter system... This is a
format test for the AOC Newsletter system... This is a format test for the AOC
Newsletter system... This is a format test for the AOC Newsletter system... This
is a format test for the AOC Newsletter system... This is a format test for the
AOC News</font></b>letter system... This is a format test for the AOC Newsletter
system... This is a format test for the AOC Newsletter system... This is a
format test for the AOC Newsletter system... This is a format test for the AOC
Newsletter system... This is a format test for the AOC Newsletter system... This
is a format test for the AOC Newsletter system... This is a format test for the
AOC Newsletter system...


Anybody experienced this and/or has a fix?

The Geek
06-30-2007, 10:42 PM
It would help to have that blocks source code. Can you post it?

Sploodge
07-01-2007, 08:52 AM
It would help to have that blocks source code. Can you post it?

Not sure what you mean... I take it you mean the "Info Block, Thread Block" and so on... If thats the case then this is the "Info Block" source code ( info.php )..

If this is not what you mean then let me know the source of what file/template.

Regards,

Andy

The Geek
07-01-2007, 10:15 AM
I mean... can you post the surrounding HTML? i.e. post the HTML output for that section or just email me a copy to vbgeek at the vbgeek dot com (without the spaces)

Thanks!

Sploodge
07-01-2007, 11:30 AM
Aha....

This is the source of the email sent in tests made ( see last bit of code below ).

As you can see in the code, compared to what I posted in post No1 above, extra <br />'s seem to be added...

I have been playing some more with it and I think its just extremely fussy on how you write the code.. Its seems to be parsing BBCODE and HTML at the same time.. I.E


If I wrote this <b>sentance like this then</b> nothing would happen and it would <b>appear just</b> as I expect as one line of text with some parts in <b>bold</b>.



But if I wrote this <b>sentance like this then</b>
then although I dont have HTML line
breaks in the code, it would still parse
BBCODE and add line breaks into the sentance
and cause the problem I am experiencing.


Maybe having it parse either HTML or BBCODE would be better and not both at the same time.

I have a strange feeling that this will make no sense whatsoever :D but it made sense in my head:)



REgards,

Andy


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" lang="en">
<head>

<meta name="generator" content="vBulletin 3.6.4" />
<!-- CSS Stylesheet -->
<style type="text/css" id="vbulletin_css">
<!--
/* vBulletin 3 CSS For Style 'AOC Custom' (styleid: 3) */
body
{
background: #708090;
color: #000000;
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: 5px 10px 10px 10px;
padding: 0px;
}
a:link, body_alink
{
color: #000000;
}
a:visited, body_avisited
{
color: #000000;
}
a:hover, a:active, body_ahover
{
color: #465584;
}
.page
{
background: #708090;
color: #000000;
}
td, th, p, li
{
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
background: #FFFFFF;
color: #000000;
border: 1px solid #072A68;
}
.tcat
{
background: #264C8C url(http://www.#########.com/vb/images_pb/gradients/gradient_tcat.gif) repeat-x top left;
color: #FFFFFF;
font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tcat a:link, .tcat_alink
{
color: #ffffff;
text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
color: #ffffff;
text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
color: #FFFF66;
text-decoration: underline;
}
.thead
{
background: #BCCFEA url(http://www.#########.com/vb/images_pb/gradients/gradient_thead.gif) repeat-x top left;
color: #3A4F6D;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:link, .thead_alink
{
color: #3A4F6D;
}
.thead a:visited, .thead_avisited
{
color: #3A4F6D;
}
.thead a:hover, .thead a:active, .thead_ahover
{
color: #3A4F6D;
}
.tfoot
{
background: #708090;
color: #FFFFFF;
}
.tfoot a:link, .tfoot_alink
{
color: #FFFFFF;
}
.tfoot a:visited, .tfoot_avisited
{
color: #FFFFFF;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: #006699;
}
.alt1, .alt1Active
{
background: #DFE6EE;
color: #000000;
}
.alt2, .alt2Active
{
background: #DFE6EE;
color: #000000;
}
td.inlinemod
{
background: #FFFFCC;
color: #000000;
}
.wysiwyg
{
background: #DFE6EE;
color: #000000;
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
textarea, .bginput
{
background: #DFE6EE;
color: #000000;
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
background: #DFE6EF;
color: #000000;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid #4C77B6;
}
select
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
font-size: 11px;
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
color: #000000;
}
.navbar
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
color: #FF0000;
font-weight: bold;
}
.fjsel
{
background: #DFE6EE;
}
.fjdpth0
{
background: #DFE6EE;
}
.fjdpth1
{
background: #DFE6EE;
}
.fjdpth2
{
background: #DFE6EE;
}
.fjdpth3
{
background: #DFE6EE;
}
.fjdpth4
{
background: #DFE6EE;
}
.panel
{
background: #E4E7F5 url(http://www.#########.com/vb/images_pb/gradients/gradient_panel.gif) repeat-x top left;
color: #000000;
padding: 10px;
border: 2px outset;
}
.panelsurround
{
background: #D5D8E5 url(http://www.#########.com/vb/images_pb/gradients/gradient_panelsurround.gif) repeat-x top left;
color: #000000;
}
legend
{
color: #22229C;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
background: #DFE6EF;
color: #000000;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 3px 6px 3px 6px;
white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
color: #000000;
text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
color: #000000;
text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
color: #465586;
text-decoration: underline;
}
.vbmenu_popup
{
background: #FFFFFF;
color: #000000;
border: 1px solid #072A66;
}
.vbmenu_option
{
background: #DFE6EF;
color: #000000;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
color: #000000;
text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
color: #000000;
text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
color: #465586;
text-decoration: none;
}
.vbmenu_hilite
{
background: #DFE6EF;
color: #465586;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
color: #465586;
text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
color: #465586;
text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
color: #465586;
text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

/* ***** don't change the following ***** */
form { display: inline; }
label { cursor: default; }
.normal { font-weight: normal; }
.inlineimg { vertical-align: middle; }
/* defs */
a.gal:link {
text-decoration: none;
border-bottom: 1px dotted #016798;
color : #016798;
padding:0 0 0 12px;
background:url(http://www.#########.com/vb/images/misc/exlinkon.gif) no-repeat 0
}
a.gal:visited {
text-decoration: none;
border-bottom: 1px dotted #016798;
color : #016798;
padding:0 0 0 12px;
background:url(http://www.#########.com/vb/images/misc/exlinkon.gif) no-repeat 0
}
a.gal:hover {
text-decoration: underline;
border-bottom: 0px dotted #F8BF24;
color : #016798;
padding:0 0 0 12px;
background:url(http://www.#########.com/vb/images/misc/exlink.gif) no-repeat 0;
}


/* ***** H1 Tags ***** */
h1.myh1 {font-family: Arial; font-size: 20px;
color: #000000; font-weight: bold;}

h2.myh2 {font-family: Arial; font-size: 16px;
color: #000000; font-weight: bold;}
-->
</style>
<title> - #########</title>
</head>
<body>
<!-- content table -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center"><tr><td class="page" style="padding:0px 25px 0px 25px;">


<br />
<!-- breadcrumb, login, pm info -->
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<tr>
<td class="alt1" width="100%">
<div class="navbar" style="font-size:10pt;"><a href="index.php" accesskey="1"><img class="inlineimg" src="http://www.#########.com/vb/images_pb/misc/navbits_start.gif" alt="" border="0" /></a> <strong>Astra Sport and Astra Owners Club Forums</strong></div>
</td>


<td class="alt2" valign="top" nowrap="nowrap" >
<div class="smallfont" >
<strong>Welcome, #########.</strong><br />
You last visited: 30-06-2007 at <span class="time">16:53</span>
<br /><a href="http://www.#########.com/vb/private.php">Private Messages</a>: 0, out of 166.
</div>
</td>

</tr>
</table>
<!-- / breadcrumb, login, pm info -->

<!-- nav buttons bar -->
<div align="center">
<table class="tborder" cellpadding="6" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px;">
<tr align="center">
<td class="vbmenu_control" ><a href="http://www.#########.com/vb">Home</a></td>
<td class="vbmenu_control" ><a href="http://www.#########.com/vb/usercp.php">User CP</a></td>
<td class="vbmenu_control" ><a href="http://www.#########.com/vb/faq.php" accesskey="5">FAQ</a></td>
<td class="vbmenu_control" ><a href="http://www.#########.com/vb/memberlist.php">Members List</a></td>
<td class="vbmenu_control" ><a href="http://www.#########.com/vb/calendar.php">Calendar</a></td>
<td class="vbmenu_control" ><a href="http://www.#########.com/vb/search.php" accesskey="4">Search</a></td>
</tr>
</table>
</div>
<!-- / nav buttons bar -->

<br />

<!-- GAZ1 -->
<!-- GAZ2 -->
<table id="main" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<tr>
<!-- GAZ3 -->

<td valign="top" style="padding-top:10px;" width="100%">

<table border="0" class="tborder" cellpadding="6" cellspacing="1" width="100%" >

<tr>
<td class="tcat" align="left" >Welcome!</td>
</tr>

<tr>
<td class="alt2" align="right" >

<span class="smallfont" >June 30, 2007 - by <a href="http://www.#########.com" rel="nofollow">####</a></span>
</td>
</tr>
<tr>
<td align="left" class="alt1" valign="top" >

<p>This is a format t<font color="#FF0000" size="5">est for the AOC Newsletter <br />
system... This is a format test for the AOC Newsle</font>tter system... This is <br />
a format test for the AOC Newsletter system... <br><br />
<br><br />
This is a form<u><i><b>at test for the AOC Newslett</b></i></u>er system... This <br />
is a format test for the AOC Newsletter system... This is a format test for the <br />
AOC Newsletter system... This is a format test for the AOC Newsletter system... <br />
This is a format test for the AOC Newsletter system... This is a format test for <br />
the AOC Newsletter system... This is a format test for the AOC Newsletter <br />
system... Th<font color="#FFFF00"><i>is is a format test for the AOC Newsletter <br />
system... This is a format test for the AOC Newsletter system... This is a <br />
format test for the AOC Newsletter system... This is a format test for the AOC <br />
Newsletter system... This is </i></font>a format test for the AOC Newsletter <br />
system... This is a format test for the AOC Newsletter system... This is a <br />
format test for the AOC Newsletter system... </p><br />
<p>&nbsp;</p><br />
<p>This is <a target="_blank" href="http://www.#########.com/">a format <br />
test for the AOC Newsletter system... This is a format test for the AOC <br />
Newsletter system... This is a format test for the AOC Newsletter system... This <br />
is a format test for the AOC Newsletter system... This is a format test for the <br />
AOC Newsletter system... This is a format test for the AOC Newsletter system... <br />
This is a format test for the AOC Newsletter system... This is a format tes</a>t <br />
for the AOC Newsletter system... This is a format test for the AOC Newsletter <br />
system... This is a format test for the AOC Newsletter system... This is a <br />
format test for the AOC Newsletter system... This is a format test for the AOC <br />
Newsletter system... This is a format test for the AOC Newsletter system... This <br />
is a format test for the AOC Newsletter system... This is a format test for the <br />
AOC Newsletter system... </p><br />
<p>&nbsp;</p><br />
<p>This is a for<b><font color="#FF0000">mat test for the AOC Newsletter <br />
system... This is a format test for the AOC Newsletter system... This is a <br />
format test for the AOC Newsletter system... This is a format test for the AOC <br />
Newsletter system... This is a format test for the AOC Newsletter system... This <br />
is a format test for the AOC Newsletter system... This is a format test for the <br />
AOC Newsletter system... This is a format test for the AOC Newsletter system... <br />
This is a format test for the AOC Newsletter system... This is a format test for <br />
the AOC Newsletter system... This is a format test for the AOC Newsletter <br />
system... This is a format test for the AOC Newsletter system... This is a <br />
format test for the AOC Newsletter system... This is a format test for the AOC <br />
Newsletter system... This is a format test for the AOC Newsletter system... This <br />
is a format test for the AOC Newsletter system... This is a format test for the <br />
AOC News</font></b>letter system... This is a format test for the AOC Newsletter <br />
system... This is a format test for the AOC Newsletter system... This is a <br />
format test for the AOC Newsletter system... This is a format test for the AOC <br />
Newsletter system... This is a format test for the AOC Newsletter system... This <br />
is a format test for the AOC Newsletter system... This is a format test for the <br />
AOC Newsletter system... </p>
</td>
</tr>


</table><br />
</td>
<!-- GAZ4 -->

</tr><!-- GAZ6 -->

</table>
<div class="smallfont" align="center" >All times are GMT. The time now is <span class="time">17:55</span>.</div>
<br />

</td></tr></table>
<br />

<div align="center">
<div class="smallfont" align="center">
<!-- Do not remove this copyright notice -->
Powered by <a href="http://www.thevbgeek.com">Geek Gazette</a> 1.0.0
<!-- Do not remove this copyright notice -->
</div>

<div class="smallfont" align="center">

</div>
</div>
</body>
</html><BR>

<P><FONT SIZE=2>No virus found in this incoming message.<BR>
Checked by AVG Free Edition.<BR>
Version: 7.5.476 / Virus Database: 269.9.14/880 - Release Date: 29/06/2007 14:15<BR>
</FONT> </P>

The Geek
07-01-2007, 03:35 PM
Yes, it looks like it is the bbcode parser. The same type of thing happens when parsing HTML in a post. vB changes your line breaks into <br /> tags. Either write it out on one big line or just use bbcode :)