#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2012
    Posts
    1
    Rep Power
    0

    Too big margins in a table


    Hello everyone, I've just encountered a problem with adding images to a table. The thing is that the vertical margins are just huge, as you can see here: cirkus.tode.cz/nezarazene/test-of-table-margins/

    Heh, I can't post the code because it contains URLs, just imagine that instead od "picture" there is a corresponding link to it please:

    Code:
    <table style="line-height: normal;" border="1" cellspacing="0" cellpadding="0" align="center"> 
    <tbody>
    <tr> 
    <td>Styčník</td> 
    <td>Schéma</td>
    <td>Rovnice rovnováhy</td>
    <td>Po úpravě</td>
    </tr>
    <tr>
    <td rowspan="2">A</td>
    <td rowspan="2"><img src="picture"/></td> <td>$x:\quad-N_1\cos \frac{\pi}{4}+ N_2 \cos \frac{\pi}{4}+N_9 \sin(\alpha)=0$</td>
    <td>$-\frac{\sqrt{2}}{2}N_1+\frac{\sqrt{2}}{2}N_2+\frac{\sqrt{10}}{10}N_9 =0$</td> 
    </tr> 
    <tr> 
    <td>$y:\quad-N_1\sin \frac{\pi}{4} -N_2 \sin \frac{\pi}{4}-N_9\cos(\alpha)=F$</td> 
    <td>$-\frac{\sqrt{2}}{2}N_1-\frac{\sqrt{2}}{2}N_2-\frac{3\sqrt{10}}{10}N_9=0$</td> 
    </tr>
    <tr> 
    <td rowspan="2">E</td> <td rowspan="2"><img src= "picture2" /></td>
    <td>texttexttexttexttexttext texttexttext</td>
    <td>texttexttexttexttexttext texttexttext texttexttext</td>
    </tr> 
    <tr> 
    <td>texttexttexttexttexttexttexttexttext texttexttext texttexttext</td> <td>texttexttexttexttexttexttexttext texttexttext texttexttext</td>
    </tr> 
    </tbody>
     </table>
    At first I thought the problem will be in the LaTeX code, but as you can see it behaves the same with plain text. I'm sure the mistake will be a trivial one, can you please help me find it? Thanks from the Czech Republic!
  2. #2
  3. ~ bald headed old fart ~
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2005
    Location
    chertsey, a small town s.w. of london, england
    Posts
    247
    Rep Power
    86
    Hi there zirkus,

    and a warm welcome to these forums.

    Add the attributes - ( highlighted in red ) - here...
    Code:
    <tr class="vam">
    <td rowspan="2">E</td>
    <td rowspan="2"><img src= "http://www.cirkus.tode.cz/wp-content/uploads/E2.png" /></td>
    <td>texttexttexttexttexttext<br />
    texttexttext</td>
    <td>texttexttexttexttexttext<br />
    texttexttext<br />
    texttexttext</td>
    </tr>
    <tr class="vam">
    <td>texttexttexttexttexttexttexttexttext<br />
    texttexttext<br />
    texttexttext</td>
    <td>texttexttexttexttexttexttexttext<br />
    texttexttext<br />
    texttexttext</td>
    </tr>
    
    ...and this...
    Code:
    .vam  td {
        vertical-align:middle;
     }
    
    ...to your stylesheet.

    coothead

IMN logo majestic logo threadwatch logo seochat tools logo