Rank: Newbie
Groups: Member
Joined: 9/23/2013
Posts: 2
|
I have the following HTML, when viewed in IE, the HTML Table cell's receive the proper borders. However, when I submit this HTML to HTMLtoPDF component, the borders are not displayed. Is this a bug in the HTML engine or do you not support styles applied to HTML TD elements. HTML
Code: HTML/ASPX
<style>
@page Section1
{
size: 11.0in 8.5in;
mso-page-orientation: landscape;
margin: .25in .25in .25in .25in;
mso-header-margin: .5in;
mso-footer-margin: .5in;
mso-paper-source: 0;
}
div.Section1
{
page: Section1;
}
.font0
{
font-weight: 400;
font-size: 8pt;
color: Black;
font-style: normal;
font-family: Arial;
text-decoration: none;
}
.font8
{
font-weight: 700;
font-size: 8pt;
color: Black;
font-style: normal;
font-family: Arial, sans-serif;
text-decoration: none;
}
.font9
{
font-weight: 400;
font-size: 8pt;
color: Black;
font-style: normal;
font-family: Arial, sans-serif;
text-decoration: none;
}
A:link
{
font-weight: 400;
font-size: 7pt;
color: #990000;
font-style: normal;
font-family: Arial;
text-decoration: underline;
text-underline-style: single;
}
A:visited
{
font-weight: 400;
font-size: 7pt;
color: #666666;
font-style: normal;
font-family: Arial;
text-decoration: underline;
text-underline-style: single;
}
.style0
{
border-right: medium none;
border-top: medium none;
font-weight: 400;
font-size: 9pt;
vertical-align: bottom;
border-left: medium none;
border-bottom: medium none;
font-style: normal;
font-family: Arial;
white-space: nowrap;
text-decoration: none;
}
/*
TD { BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; FONT-WEIGHT: 400; FONT-SIZE: 7pt; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; BORDER-LEFT: medium none; COLOR: Black; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; FONT-STYLE: normal; FONT-FAMILY: Arial; WHITE-SPACE: normal; TEXT-DECORATION: none }
*/
TD
{
font-size: 7pt;
font-weight: 400;
vertical-align: top;
font-family: Arial;
}
.xl24
{
white-space: normal;
}
.xl25
{
}
.xl26
{
/*BORDER-RIGHT: medium none; BORDER-TOP: Black 0.5pt solid;*/
border-left: Black 0.5pt solid;
border-bottom: Black 0.5pt solid;
white-space: normal;
}
.xl26B
{
/*BORDER-RIGHT: medium none; BORDER-TOP: Black 0.5pt solid; BORDER-LEFT: Black 0.5pt solid;*/
border-bottom: Black 0.5pt solid;
white-space: normal;
}
.xl27
{
border-right: medium none;
border-top: Black 0.5pt solid;
border-left: medium none;
border-bottom: Black 0.5pt solid;
white-space: normal;
}
.xl28
{
border-right: Black 0.5pt solid;
border-top: Black 0.5pt solid;
border-left: medium none;
border-bottom: Black 0.5pt solid;
white-space: normal;
}
.xl29
{
border-right: medium none;
border-top: Black 0.5pt solid;
border-left: Black 0.5pt solid;
border-bottom: Black 0.5pt solid;
white-space: normal;
text-align: center;
}
.xl30
{
font-size: 7pt;
background: black;
color: white;
font-family: Arial, sans-serif;
white-space: normal;
text-align: right;
}
.xl31
{
background: black;
color: white;
font-family: Arial, sans-serif;
white-space: normal;
text-align: right;
}
.xl32
{
border-right: Black 0.5pt solid;
border-top: Black 0.5pt solid;
border-left: Black 0.5pt solid;
border-bottom: medium none;
}
.xl33
{
font-size: 7pt;
border-right: Black 0.5pt solid;
border-top: medium none;
border-left: Black 0.5pt solid;
border-bottom: medium none;
text-align: center;
}
.xl33S
{
font-size: 6pt;
border-right: Black 0.5pt solid;
border-top: medium none;
border-left: Black 0.5pt solid;
border-bottom: medium none;
text-align: center;
}
.xl33S2
{
font-size: 1pt;
border-right: Black 0.5pt solid;
border-top: medium none;
border-left: Black 0.5pt solid;
border-bottom: medium none;
text-align: center;
}
.xl34
{
font-size: 7pt;
border-right: medium none;
border-top: medium none;
border-left: Black 0.5pt solid;
border-bottom: medium none;
padding-right: 3PX;
padding-left: 3PX;
}
.xl34B
{
font-size: 7pt;
border-right: medium none;
border-top: medium none; /*BORDER-LEFT: Black 0.5pt solid;*/
border-bottom: medium none;
padding-right: 3PX;
padding-left: 3PX;
}
.xl34S
{
font-size: 6pt;
border-right: medium none;
border-top: medium none;
border-left: Black 0.5pt solid;
border-bottom: medium none;
}
.xl34S2
{
font-size: 1pt;
border-right: medium none;
border-top: medium none;
border-left: Black 0.5pt solid;
border-bottom: medium none;
}
.xl35
{
border-right: Black 0.5pt solid;
border-top: medium none;
border-left: Black 0.5pt solid;
border-bottom: Black 0.5pt solid;
}
.xl35B
{
border-right: Black 0.5pt solid;
border-top: medium none;
border-left: Black 0.5pt solid; /*BORDER-BOTTOM: Black 0.5pt solid*/
}
.xl36
{
border-right: medium none;
border-top: medium none;
border-left: Black 0.5pt solid;
border-bottom: medium none;
}
.xl37
{
/*BORDER-RIGHT: Black 0.5pt solid;*/
border-top: medium none; /*BORDER-LEFT: Black 0.5pt solid;*/
border-bottom: medium none;
white-space: normal;
padding-right: 5PX;
padding-left: 5PX;
}
.xl37S
{
font-size: 6pt; /*BORDER-RIGHT: Black 0.5pt solid;*/
border-top: medium none; /*BORDER-LEFT: Black 0.5pt solid;*/
border-bottom: medium none;
white-space: normal;
}
.xl38
{
border-right: Black 0.5pt solid;
border-top: Black 0.5pt solid;
border-left: medium none;
border-bottom: medium none;
white-space: normal;
}
.xl39
{
border-right: Black 0.5pt solid;
border-top: medium none;
border-left: medium none;
border-bottom: medium none;
}
.xl40
{
border-right: medium none;
border-top: medium none;
font-weight: 700;
border-left: Black 0.5pt solid;
border-bottom: medium none;
font-family: Arial, sans-serif;
text-align: center;
}
.xl41
{
border-right: Black 0.5pt solid;
border-top: Black 0.5pt solid;
font-size: 7pt;
border-left: Black 0.5pt solid;
border-bottom: Black 0.5pt solid;
font-family: Arial, sans-serif;
white-space: normal;
text-align: left;
}
.xl42
{
border-right: Black 0.5pt solid;
border-top: Black 0.5pt solid;
font-size: 7pt;
border-left: Black 0.5pt solid;
border-bottom: Black 0.5pt solid;
font-family: Arial, sans-serif;
white-space: normal;
text-align: left;
}
.xl43
{
border-right: medium none;
border-top: Black 0.5pt solid;
border-left: Black 0.5pt solid;
border-bottom: medium none;
text-align: center;
}
.xl44
{
border-right: medium none;
border-top: medium none; /*BORDER-LEFT: Black 0.5pt solid;*/
border-bottom: medium none;
text-align: center;
}
.xl44S
{
font-size: 6pt;
border-right: medium none;
border-top: medium none; /*BORDER-LEFT: Black 0.5pt solid;*/
border-bottom: medium none;
text-align: center;
}
.xl44S2
{
font-size: 1pt;
border-right: medium none;
border-top: medium none; /*BORDER-LEFT: Black 0.5pt solid;*/
border-bottom: medium none;
text-align: center;
}
.xl45
{
border-right: Black 0.5pt solid;
border-top: medium none;
border-left: Black 0.5pt solid;
color: blue;
border-bottom: medium none;
text-decoration: underline;
text-underline-style: single;
}
.xl46
{
border-right: medium none;
border-top: Black 0.5pt solid;
border-left: medium none;
border-bottom: Black 0.5pt solid;
font-family: Arial, sans-serif;
text-align: left;
}
.xl47
{
border-right: medium none;
border-top: medium none;
border-left: Black 0.5pt solid;
border-bottom: medium none;
white-space: normal;
text-align: center;
}
.xl48
{
border-right: Black 0.5pt solid;
border-top: medium none;
border-left: medium none;
border-bottom: medium none;
white-space: normal;
text-align: center;
}
.xl49
{
border-right: medium none;
border-top: Black 0.5pt solid;
border-left: Black 0.5pt solid;
border-bottom: medium none;
}
.xl50
{
border-right: Black 0.5pt solid;
border-top: Black 0.5pt solid;
border-left: medium none;
border-bottom: medium none;
}
.xl51
{
border-right: medium none;
border-top: Black 0.5pt solid;
border-left: medium none;
border-bottom: medium none;
}
.xl52
{
border-right: Black 0.5pt solid;
border-top: medium none;
border-left: medium none;
border-bottom: Black 0.5pt solid;
}
.xl53
{
border-right: medium none;
border-top: medium none;
border-left: medium none;
border-bottom: Black 0.5pt solid;
}
.xl54
{
border-right: Black 0.5pt solid;
border-top: medium none;
font-weight: 700; /*BORDER-LEFT: Black 0.5pt solid;*/
border-bottom: medium none;
font-family: Arial, sans-serif;
text-align: center;
}
.xl55
{
border-right: Black 0.5pt solid;
border-top: medium none;
font-weight: 700;
border-left: medium none;
border-bottom: medium none;
font-family: Arial, sans-serif;
}
.xl56
{
border-right: medium none;
border-top: medium none;
font-weight: 700;
border-left: medium none;
border-bottom: Black 0.5pt solid;
font-family: Arial, sans-serif;
text-align: left;
}
.xl57
{
border-right: medium none;
border-top: medium none;
border-left: medium none;
border-bottom: Black 0.5pt solid;
font-family: Arial, sans-serif;
}
.xl58
{
border-right: medium none;
border-top: Black 0.5pt solid;
border-left: medium none;
border-bottom: Black 0.5pt solid;
text-align: right;
}
.xl59
{
border-right: medium none;
border-top: Black 0.5pt solid;
border-left: medium none;
border-bottom: Black 0.5pt solid;
}
.xl60
{
border-right: Black 0.5pt solid; /*BORDER-TOP: Black 0.5pt solid; BORDER-LEFT: Black 0.5pt solid;*/
border-bottom: Black 0.5pt solid;
}
.xl61
{
border-right: Black 0.5pt solid;
border-top: Black 0.5pt solid;
border-left: Black 0.5pt solid;
border-bottom: Black 0.5pt solid;
}
.xl62
{
border-right: medium none;
border-top: medium none; /*BORDER-LEFT: Black 0.5pt solid;*/
border-bottom: Black 0.5pt solid;
}
.xl63
{
border-right: medium none;
border-top: medium none;
border-left: Black 0.5pt solid;
border-bottom: Black 0.5pt solid;
}
.xl64
{
border-right: Black 0.5pt solid;
border-top: Black 0.5pt solid;
border-left: Black 0.5pt solid;
border-bottom: Black 0.5pt solid;
}
.xl68
{
border-right: Black 0.5pt solid;
border-top: medium none;
font-weight: 700;
font-size: 7pt;
background: silver;
vertical-align: top; /*BORDER-LEFT: Black 0.5pt solid;*/
border-bottom: medium none;
font-family: Arial, sans-serif;
white-space: normal;
text-align: left;
padding-right: 3PX;
padding-left: 3PX;
}
</style>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<span id="MyRecipeDisplay_spnHeader">
<div id="dvheader">
<table border="0">
<tr>
<td>
<img height="5" src="/Images/detail/null.gif" width="1" border="0" name="Spacer">
</td>
</tr>
</table>
</div>
</span>
<div class="Section1">
<table cellpadding="0" cellspacing="0" width="972" style='table-layout: fixed; width: 972'>
<colgroup>
<col class="xl24" width="76">
<col class="xl24" width="70">
<col class="xl24" width="87">
<col class="xl24" width="93">
<col class="xl24" width="96">
<col class="xl24" width="141">
<col class="xl24" width="409">
<tr height="15">
<td height="15" class="xl24" width="76">
<span id="MyRecipeDisplay_ctl01_spnNav"></span>
</td>
<td class="xl24" width="71" height="15">
</td>
<td class="xl24" width="87" height="15">
</td>
<td class="xl24" width="93" height="15">
</td>
<td class="xl24" width="96" height="15">
</td>
<td class="xl24" width="141" height="15">
<span id="MyRecipeDisplay_ctl01_lnkPrint">
<input type="button" value="Print" class="clsButton" style="visibility: hidden;"></span>
</td>
<td align="left" valign="top" rowspan="4">
<img src="https://portal.hardrock.com/APPLICATIONS/RecipeMaster/Images/Wings%20Classic.jpg"
style="border-width: 0px;">
</td>
</tr>
<tr height="15">
<td height="15" class="xl30" width="76">
Menu:
</td>
<td class="xl41" width="71">
<span id="MyRecipeDisplay_ctl01_lblMenu"></span>
</td>
<td class="xl31" width="87">
ITEM:
</td>
<td colspan="3" class="xl56">
<span id="MyRecipeDisplay_ctl01_lblName"> CLASSIC WINGS</span>
</td>
<td class="xl24">
</td>
</tr>
<tr height="15">
<td height="15" class="xl30" width="76">
Recipe Card:
</td>
<td class="xl41" width="71">
<span id="MyRecipeDisplay_ctl01_lblRecipe_card">APP - 03</span>
</td>
<td class="xl31" width="87">
SERVICE:
</td>
<td class="xl46" colspan="3" rowspan="2">
<span id="MyRecipeDisplay_ctl01_lblService">Large Bowl, 2 oz. Ramekin</span>
</td>
<td class="xl24">
</td>
</tr>
<tr height="15">
<td height="15" class="xl30" width="76">
Date Issued:
</td>
<td class="xl42" width="71" height="15">
<span id="MyRecipeDisplay_ctl01_lblDate">5/15/2013</span>
</td>
<td class="xl31" width="87" height="15">
PIECE(S):
</td>
<!--<td colspan="3" class="xl58" height="15"> </td>-->
<td class="xl24" height="15">
</td>
</tr>
<tr height="15">
<td height="15" colspan="7" class="xl24">
</td>
</tr>
<tr>
<td colspan="7" class="xl64">
<table cellpadding="0" cellspacing="0" border="0">
<colgroup>
<col class="xl24" width="76"></col>
<col class="xl24" width="70"></col>
<col class="xl24" width="87"></col>
<col class="xl24" width="93"></col>
<col class="xl24" width="96"></col>
<col class="xl24" width="141"></col>
<col class="xl24" width="300"></col>
</colgroup>
<tr valign="top">
<td colspan="5" width="422" height="100%">
<!-- Start ingredients Repeater--->
<table cellpadding="0" cellspacing="0" width="422" height="100%">
<tr height='17' style='height: 12.75pt'>
<td width='76' height='17' class='xl26B' align='center'>
Ref #
</td>
<td width='241' colspan='3' class='xl26' align='center'>
Ingredients in Order of Mixing
</td>
<td width='105' class='xl35' align='center'>
Amount
</td>
</tr>
<tr style="height: 5px;">
<td width='76' class='xl44S2'>
<span><span> </span></span>
</td>
<td width='241' colspan='3' class='xl34S2'>
<span><span> </span></span>
</td>
<td width='105' class='xl33S2'>
<span><span> </span></span>
</td>
</tr>
<tr valign="top">
<td class="xl34B" style="width: 144px;">
<a href="https://portal.hardrock.com/APPLICATIONS/RecipeMaster/Recipe.aspx?Key=PLTRY+-+17">
PLTRY - 17</a>
</td>
<td class="xl34" colspan="3" style="width: 241px;">
<span>SMOKED CHICKEN WINGS (US)</span>
</td>
<td class="xl33" style="width: 105px;">
<span>1 portion</span>
</td>
</tr>
<tr style="height: 5px;">
<td class="xl44S2">
<span><span> </span></span>
</td>
<td class="xl34S2" colspan="3">
<span><span> </span></span>
</td>
<td class="xl33S2">
<span><span> </span></span>
</td>
</tr>
<tr valign="top">
<td>
<span> </span>
</td>
<td class="xl34" colspan="3">
</td>
<td class="xl33">
<span> </span>
</td>
</tr>
<tr style="height: 5px;">
<td class="xl44S2">
<span><span> </span></span>
</td>
<td class="xl34S2" colspan="3">
<span><span> </span></span>
</td>
<td class="xl33S2">
<span><span> </span></span>
</td>
</tr>
<tr valign="top">
<td class="xl34B" style="width: 144px;">
<a href="https://portal.hardrock.com/APPLICATIONS/RecipeMaster/Recipe.aspx?Key=PLTRY+-+06">
PLTRY - 06</a>
</td>
<td class="xl34" colspan="3" style="width: 241px;">
<span>CHICKEN WING (BLANCHING OF)</span>
</td>
<td class="xl33" style="width: 105px;">
<span>1 portion</span>
</td>
</tr>
<tr style="height: 5px;">
<td class="xl44S2">
<span><span> </span></span>
</td>
<td class="xl34S2" colspan="3">
<span><span> </span></span>
</td>
<td class="xl33S2">
<span><span> </span></span>
</td>
</tr>
<tr valign="top">
<td class="xl34B" style="width: 144px;">
<a href="https://portal.hardrock.com/APPLICATIONS/RecipeMaster/Recipe.aspx?Key=CSC+-+01">
CSC - 01</a>
</td>
<td class="xl34" colspan="3" style="width: 241px;">
<span>BUFFALO WING SAUCE</span>
</td>
<td class="xl33" style="width: 105px;">
<span>1 2oz ladle</span>
</td>
</tr>
<tr style="height: 5px;">
<td class="xl44S2">
<span><span> </span></span>
</td>
<td class="xl34S2" colspan="3">
<span><span> </span></span>
</td>
<td class="xl33S2">
<span><span> </span></span>
</td>
</tr>
<tr valign="top">
<td class="xl34B" style="width: 144px;">
<a href="https://portal.hardrock.com/APPLICATIONS/RecipeMaster/Recipe.aspx?Key=SOP+-+02">
SOP - 02</a>
</td>
<td class="xl34" colspan="3" style="width: 241px;">
<span>LEAF LETTUCE</span>
</td>
<td class="xl33" style="width: 105px;">
<span>2 leaf</span>
</td>
</tr>
<tr style="height: 5px;">
<td class="xl44S2">
<span><span> </span></span>
</td>
<td class="xl34S2" colspan="3">
<span><span> </span></span>
</td>
<td class="xl33S2">
<span><span> </span></span>
</td>
</tr>
<tr valign="top">
<td class="xl34B" style="width: 144px;">
<a href="https://portal.hardrock.com/APPLICATIONS/RecipeMaster/Recipe.aspx?Key=DRESS+-+02">
DRESS - 02</a>
</td>
<td class="xl34" colspan="3" style="width: 241px;">
<span>BLUE CHEESE DRESSING</span>
</td>
<td class="xl33" style="width: 105px;">
<span>1 2oz ladle</span>
</td>
</tr>
<tr style="height: 5px;">
<td class="xl44S2">
<span><span> </span></span>
</td>
<td class="xl34S2" colspan="3">
<span><span> </span></span>
</td>
<td class="xl33S2">
<span><span> </span></span>
</td>
</tr>
<tr valign="top">
<td class="xl34B" style="width: 144px;">
<a href="https://portal.hardrock.com/APPLICATIONS/RecipeMaster/Recipe.aspx?Key=VEG+-+06">
VEG - 06</a>
</td>
<td class="xl34" colspan="3" style="width: 241px;">
<span>CELERY STICKS</span>
</td>
<td class="xl33" style="width: 105px;">
<span>4 sticks</span>
</td>
</tr>
<tr style="height: 5px;">
<td class="xl44S2">
<span><span> </span></span>
</td>
<td class="xl34S2" colspan="3">
<span><span> </span></span>
</td>
<td class="xl33S2">
<span><span> </span></span>
</td>
</tr>
<tr height="100%">
<td height='100%' width='76' class='xl62'>
</td>
<td height='100%' width='241' colspan='3' class='xl63'>
<span> </span>
</td>
<td height='100%' width='105' class='xl35'>
<span> </span>
</td>
</tr>
</table>
<!-- End ingredients Repeater--->
</td>
<td colspan="2" width="550">
<!-- Start Instruction Repeater--->
<table cellpadding="0" cellspacing="0" width="550">
<tr valign="top" height="17" style="height: 13pt;">
<td class="xl60" align="center" height="12.75pt" style="height: 13pt; width: 550px;">
<span>PROCEDURE FOR PREPARATION</span>
</td>
</tr>
<tr style="height: 5px;">
<td class="xl37S">
<span></span>
</td>
</tr>
<tr valign="top">
<td class="xl37">
<span>Plac</span></td>
</tr>
<tr style="height: 5px;">
<td class="xl37S">
<span></span>
</td>
</tr>
<tr valign="top">
<td class="xl68">
<span>NOTE: R</span>
</td>
</tr>
<tr style="height: 5px;">
<td class="xl37S">
<span></span>
</td>
</tr>
<tr valign="top">
<td class="xl68">
<span>NOTE: </span>
</td>
</tr>
<tr style="height: 5px;">
<td class="xl37S">
<span></span>
</td>
</tr>
<tr valign="top">
<td class="xl37">
<span>Ladle .</span>
</td>
</tr>
<tr style="height: 5px;">
<td class="xl37S">
<span></span>
</td>
</tr>
<tr valign="top">
<td class="xl68">
<span>NOTE: </span>
</td>
</tr>
<tr style="height: 5px;">
<td class="xl37S">
<span></span>
</td>
</tr>
<tr valign="top">
<td class="xl37">
sdfsdf</td>
</tr>
<tr style="height: 5px;">
<td class="xl37S">
<span></span>
</td>
</tr>
<tr valign="top">
<td class="xl37">
sdfdsfds</td>
</tr>
<tr style="height: 5px;">
<td class="xl37S">
<span></span>
</td>
</tr>
<tr valign="top">
<td class="xl37">
sdfsdfds</td>
</tr>
<tr style="height: 5px;">
<td class="xl37S">
<span></span>
</td>
</tr>
<tr valign="top">
<td class="xl68">
dfsdfdsfds</td>
</tr>
<tr style="height: 5px;">
<td class="xl37S">
<span></span>
</td>
</tr>
<tr valign="top">
<td class="xl54">
<span>SERVE IMMEDIATELY!</span>
</td>
</tr>
<tr style="height: 5px;">
<td class="xl37S">
<span></span>
</td>
</tr>
</table>
<!-- End Instruction Repeater--->
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="" colspan="4">
</td>
<td class="" colspan="2">
</td>
<td class="" colspan="2">
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,195
|
Hi,
The root of the problem is your line width. In your HTML you set line width as 0.5pt, which is about 0.375 pixel. So our engine ignores it because it's less than 0.5 pixels. If you change 0.5pt to 1px you will see the lines.
Try to use Google Chrome browser to verify your HTML if you still see any problems. Different browsers interpret the same things differently sometimes (for example, IE round 0.375 pixel to 1 pixel and Chrome round 0.375 pixel to 0 pixel). Our rendering is most close to Google Chrome.
Thanks!
|
Rank: Newbie
Groups: Member
Joined: 9/23/2013
Posts: 2
|
That solved my issue!
Many thanks.
|