[SOLVED] After inserting table in banner it shows extra space

[freemall]

Hi,

 

I modified banner code to provide support icon, after this it is showing extra space, my code is

 

<table style="text-align: left; width: 1170px; height: 65px; overflow: hidden;" border="0"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="vertical-align: top; height: 60px;">

<a href="{$banner_link|escape:'htmlall':'UTF-8'}" title="{$banner_desc|escape:'htmlall':'UTF-8'}">
{if isset($banner_img)}
        <img class="img-responsive" src="{$banner_img|escape:'htmlall':'UTF-8'}" alt="{$banner_desc|escape:'htmlall':'UTF-8'}" title="{$banner_desc|escape:'htmlall':'UTF-8'}" width="1049" height="60" />

</td>
<td style="vertical-align: top; height: 60px; width: 121px; overflow: hidden;">

 
<div id="craftysyntax_2" style='height:65px; vertical-align: top;'><script type="text/javascript" src="http://chatport.in/livehelp_js.php?eo=0&department=2&serversession=1&pingtimes=10&dynamic=Y&creditline=n"></script></div>


</td>
</tr>
</tbody>
</table>



{else}
        {$banner_desc|escape:'htmlall':'UTF-8'}
{/if}
</a>
 

my site is http://qyntra.com

Edited April 19, 2014 by vekia (see edit history)

[vekia]

you're talking about this:

 

?

[freemall]

yes sir about this, space above banner and below it

 

thanks

[vekia]

it doesnt work well because of padding param in:

th {
padding: 9px 10px;
text-align: left;
}

[freemall]

Dear Sir,

 

where to change this ? can you tell me the file so that I can change. if i edit this will it effect on other places ?

 

in place of table is it possible to use DIV ?

 

Thanks

Edited April 18, 2014 by freemall (see edit history)

[vekia]

turn on ccc for css files (under adv . parameters > performance tab) then i will be able to say something more.

your css files are minified so i can't help.

[freemall]

is it ok now sir ?

[vekia]

no, you have to disable it for css

your files are still minified

[freemall]

I have done please check it sir

[vekia]

okay thank you

 

paste this somehwere to your global.css file:

.banner {
	height:65px!important
}
.banner td {
	padding:0px;
}
.banner img.img-responsive {
	height:65px!important;
}

effect

[freemall]

solved sir,

 

thank you, thanks a lot for your great support.

 

thanks again

Edited April 19, 2014 by freemall (see edit history)

[freemall]

solved sir,

 

thank you, thanks a lot for your great support.

 

thanks again

[vekia]

you're welcome :-)

glad to hear that i could help you a little

i marked this topic as solved

 

with regards,

Milos

[freddie1946]

Hi everyone, 

I have this problem: as you can see in the image above the contact bar at the top of the page there's a space.

How can I solve it?

I tried as vekia said but didn't work!

Thank you in advance