Joomla Templates Club 406,261 posts

[mediatotaal Friend mediatotaalJoin date: February 2011Posts: 5Downloads:0Uploads:1]

#161732

I created an extra css module class for my banners.

I need to place a banner in the right column that has the exact same width as the column.

I changed the margin to 0 and even -2, but still have a little whitespace on the left side.

This is the class I added:

/* MODULE STYLES Banner 0
--------------------------------------------------------- */
div.ja-moduletablebanner0 h3, div.moduletablebanner0 h3 {
border-bottom: 1px solid #ddd;
border-top: 4px solid #ccc;
color: #000;
font: normal 125%/normal ArialNarrowBold, "Arial Narrow", Arial, sans-serif;
margin: 0;
padding: 0px 0px 0px;
text-transform: uppercase;
}

div.ja-moduletablebanner0, div.moduletablebanner0 {
background: #fff;
border: 1px solid #ccc;
margin: 0px 0px 0px 0px;
padding: 0;
}

div.ja-moduletablebanner0 .ja-box-ct, div.moduletablebanner0 .ja-box-ct { padding: 0px; }

div.ja-moduletablebanner0 td, div.ja-modulebanner0 td,
div.ja-moduletablebanner0 ul, div.ja-modulebanner0 ul,
div.ja-moduletablebanner0 ol, div.ja-modulebanner0 ol,
div.ja-moduletablebanner0 p, div.ja-modulebanner0 p,
div.ja-moduletablebanner0 h4, div.ja-modulebanner0 h4 { margin: 0px 0px 0px 0px; }

div.ja-moduletablebanner0 ul li, div.ja-modulebanner0 ul li { background-position: 0px 0px; }


I did the right thing in the banner, but cannot get rid of the last 4 pixels on the left side.

Does anyone have a clue?

Link to the website: http://tinyurl.com/5wayr5s
Example-image http://img156.imageshack.us/i/39110968.jpg/

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#382536

the banner module is custom html [mod_custom ]

replace this code


<table width="300">
<tbody>
<tr>
<td>
<p>
<a target="_blank" href="http://ds1.nl/c/?wi=125012&si=1094&li=70835&ws=&dl="><img style="border: medium none;" src="http://b.ds1.nl/1094/70835/index.php?wi=125012&si=1094&li=70835&ws=&dl=" alt=""></a></p>
</td>
</tr>
</tbody>
</table>


with


<p>
<a target="_blank" href="http://ds1.nl/c/?wi=125012&si=1094&li=70835&ws=&dl="><img style="border: medium none;" src="http://b.ds1.nl/1094/70835/index.php?wi=125012&si=1094&li=70835&ws=&dl=" alt=""></a></p>


[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#382547

Hi,
You just remove your table in banner. Code is like that


<a href="http://ds1.nl/c/?wi=125012&si=1094&li=70835&ws=&dl=" target="_blank"><img alt="" src="http://b.ds1.nl/1094/70835/index.php?wi=125012&si=1094&li=70835&ws=&dl=" style="border: medium none;"></a>


[mediatotaal Friend mediatotaalJoin date: February 2011Posts: 5Downloads:0Uploads:1]

#383055

Perfect. You’re the best.

Live can be so easy….!

[Author]

Posts