开发者

remove extra space beneath picture

开发者 https://www.devze.com 2022-12-17 16:41 出处:网络
I have a picture on my website which has to much space beneath a picture. I tried to search for extratags, but I quess it\'s controlled in a css file. Can someone te开发者_如何学Goll me which part of

I have a picture on my website which has to much space beneath a picture. I tried to search for extra

tags, but I quess it's controlled in a css file. Can someone te开发者_如何学Goll me which part of the css is responsible for the space?

The location is: images/artikelen/123.png

this is a part of the html leading to the css containers which I think would contain the margins. The picture is placed in a table, I know there is no need to have it like this.

The picture is placed in a joomla module in a place called showcase 2

<div id="showcase-surround">
                <div id="showcase" class="png"><div id="showcase2" class="png"><div id="showcase3" class="png">
                    <div class="showcase-inner">
                        <div id="showmodules" class="spacer">
                                <div class="block full" style="width: 1004px;">
                                    <div class="module-light">

                                        <div id="row1-block2" class="row"><div class="move-handle"></div><div class="body-surround-top"><div class="body-surround-top2"><div class="body-surround-top3"></div></div></div>
    <div class="body-surround"><div class="body-surround2"><div class="body-surround3"> 

    <div class=" showcase2:82">
        <div class="moduletable">
                        <a href="/Contact-Formulier/Friese-Computer-Service.html" target="_self" title="Friese Computer Service - Computerhulp en PC probleem snel opgelost"> </a> 
<table align="center" border="0">
<tbody>
<tr>
<td><a href="/Contact-Formulier/Friese-Computer-Service.html" target="_self" title="Friese Computer Service - Computerhulp en PC probleem snel opgelost"> <img style="text-align: center;" src="/images/artikelen/123.png" /></a><a href="/Contact-Formulier/Friese-Computer-Service.html" target="_self" title="Friese Computer Service - Computerhulp en PC probleem snel opgelost"> </a></td>
</tr>

</tbody>
</table>


You can use Firefox browser with its DOM Insector Tool to find out. Is it the piece of code from http://www.friesecomputerservice.nl? (I just googled over 'Friese Computer Service - Computerhulp en PC probleem' :) ) If so, then you've got the following in your http://www.friesecomputerservice.nl/templates/rt_affinity_j15/css/template.css:

.moduletable
{
   ...
   marging-bottom: 15px;
   ...
}

Remove margin-bottom and you're done.


Without the CSS it's hard to guess what's happening, but try putting this in your CSS:

.moduletable img { display: block; }
0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号