Announcement

**William Davis** · 11-18-13, 06:54 AM

Re: Help, need HTML assistance - Unable to display table inline-block border.

I really need some help here, its for an affiliate.

**Bruce - PhosphorMedia** · 11-18-13, 08:34 AM

Re: Help, need HTML assistance - Unable to display table inline-block border.

Start with removing inline-block from the table or removing the table and using a div. Tables don't respond well to 'display' directives. Similar for the Float:left argument.

Also, you seem to have an unclosed <p> after:

<p align="center" style="word-spacing: 0; line-height: 100%; margin-top: 0; margin-bottom: 0">
<a href="http://www.204.15.121.136/cuba-900-sloppy-joe-1931-1932.html?&AFFIL=YI620872" target="_blank"><img border="0" src="http://www.204.15.121.136/Merchant2/graphics/00000001/1932- sloppy- joe-booklet-t.jpg" alt="Cuba 1932 Sloppy Joe's Bar Cocktails Manual - Libro - Book Small 64 pages Cocktails Manual for the 1931-1932 Season. Include short biography of the famous bar and..." title="Cuba 1932 Sloppy Joe's Bar Cocktails Manual - Libro - Book Small 64 pages Cocktails Manual for the 1931-1932 Season. Include short biography of the famous bar and..." align="center"></a>

**William Davis** · 11-18-13, 02:37 PM

Re: Help, need HTML assistance - Unable to display table inline-block border.

Thanks, Bruce. I agree, div would be best (that is what Big A uses via iframe, which allows them to change its appearance without affiliates having to change their code each time Big A changes their product marquee layout, but better yet no or limited inventory issues), which is what we would eventually like to adopt if MM platform permits.

The problem that we have is that the table base code snippet we currently provide our affiliates is dynamically rendered on each product page when they are signed-on to our site through their affiliate account. The table base code allows for greater line-block layout formatting without the use of styles sheets, thus greatly simplifying things for our affiliates. Though the use of divs is far superior, it requires style sheets which would complicate things for affiliates, by cutting and pasting two separate pieces of code.

Unless of course we could use the iframe solution. The problem with the iframe solution, is that we have never been able to figure out how to dynamically render the second phase of the code for each product, for each affiliate that is not visible to the public.

Example First Phase of BigAs code:

Code:

<iframe src="http://rcm-na.BigA-adsystem.com/e/cm?t=AffiliateCode&o=1&p=8&l=as1&asins=0385349173&ref=tf_til&fc1=000000&IS2=1&lt1=_blank&m=BigA&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>

Example Second Phase of BigAs code:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {
    margin:0px;
    padding:0px;
}
a, a:visited {
    color:#0000FF;
}
a img {
    border:none;
}
div#content {
    background-color:#FFFFFF;
    color:#000000;
    border:1px solid #000000;
    margin:0px;
    padding:0px;
    width:118px;
    height:238px;
    text-align:center;
    font-family:'Arial', sans-serif;
    font-size:10px;
    position:relative;
    overflow:hidden;
}
div#image {
    height:110px;
    margin:2px 0px;
    padding-top:7px;
}
p {
    margin:3px 0px;
}
p#prices {
    white-space:nowrap;
}
form {
    margin:3px 0px;
}
p#privacy {
    position:absolute;
    margin:0px auto;
    left:0px;
    bottom:0px;
    width:118px;
    background-color:#FFFFFF;
}
p#privacy a, p#privacy a:visited {
    color:#a1a1a1;
}
span.price {
    color:#990000;
}
</style>
</head>
<body>
<div id="content">
  <div id="image"> <a href="http://www.BigA.com/dp/0385349173/ref=as_li_tf_til?tag=AffiliateCode&camp=14573&creative=327641&linkCode=as1&creativeASIN=0385349173&adid=Code&" target="_blank"><img src="http://ecx.images-BigA.com/images/I/51LMYkxEkLL._SL110_.jpg" /></a> </div>
  <p id="title"> <a href="http://www.BigA.com/dp/0385349173/ref=as_li_tf_til?tag=AffiliateCode&camp=14573&creative=327641&linkCode=as1&creativeASIN=0385349173&adid=Code&" target="_blank">Things That Matter</a> </p>
  <p>Charles Krauthamme...</p>
  <p id="prices"> <a href="http://www.BigA.com/gp/offer-listing/0385349173/ref=as_li_tf_til?tag=AffiliateCode&camp=14573&creative=327641&linkCode=am1&creativeASIN=0385349173&adid=Code&" target="_blank">Best Price <span class="price" style="text-decoration:underline;">$14.38</span></a> <br />
    or    Buy New <span class="price">$16.80</span> </p>
  <form method="get" action="http://www.BigA.com/gp/aws/cart/add.html/ref=as_li_tf_til" target="_blank">
    <input type="hidden" name="SubscriptionId" value="D68HUNXKLHS4J" />
    <input type="hidden" name="AssociateTag" value="AffiliateCode" />
    <input type="hidden" name="ASIN.1" value="0385349173" />
    <input type="hidden" name="Quantity.1" value="1" />
    <input type="hidden" name="adid" value="Code">
    <input type="hidden" name="linkCode" value="as1" />
    <input type="hidden" name="OfferListingId.1" value="7Rlc9bPFduyJcJ%2BhPlkE7TOJvOj3r0D6uSzFdMo5FErcCtlA%2Bmh31jMrNq3VK7d7C6yKAVpcdbR5FbuKGUJG5SCiRuin%2Bfa0TDMP0QHBZy8kVJueDESzDg%3D%3D" />
    <input type="image"  name="submit.add" value="Buy from BigA.com" alt="Buy from BigA.com" src="http://ecx.images-BigA.com/images/G/01/buttons/buy-from-tan.gif" />
  </form>
  <p id="privacy"><a href="http://www.BigA.com/gp/dra/info" target="_blank">Privacy Information</a></p>
</div>
<script> ...</script>
</body>
</html>

Thus the table option seems to be the feasible. So my question remains, is there a way to accomplish my initial question, or to easily adopt the iframe solution?

**Bruce - PhosphorMedia** · 11-18-13, 05:23 PM

Re: Help, need HTML assistance - Unable to display table inline-block border.

Did you try removing the "inline-block" style? Did you fix the missing </p>?

Oh, and I was posting without coffee again...Rick told me he was going to activate that filter but I he forgot.

This is, ah, incorrect:
display: inline-block; bgcolor: white; border: 1; cellpadding: 0; cellspacing: 0; width: 150; float: left;

You want: style="background:#fff; border: 1px solid #000; width:150px"
If you want cell spacing or padding (default is zero, you have to enter it either via HTML cellpadding=4 outside the style declaration or apply to the table CELLS.

**William Davis** · 11-19-13, 11:49 AM

Re: Help, need HTML assistance - Unable to display table inline-block border.

Thanks Bruce!

Announcement

Help, need HTML assistance - Unable to display table inline-block border.

Help, need HTML assistance - Unable to display table inline-block border.

Comment

Comment

Comment

Comment

Comment