Hello Everyone,

I have been trying add images inside tables and the images keep aligning 
top and not the middle. 

Here is the screenshot:

<https://lh3.googleusercontent.com/-yuwk6RJlFJo/VSvFW9K3ByI/AAAAAAAAAPo/bqA8b3HDoGs/s1600/Test%2BTable.png>

Inside the tiddlers I tested:

> | [img [http://placehold.it/25.png]] | [img [http://placehold.it/25.png]] 
> | [img [http://placehold.it/25.png]] |
> | [img [http://placehold.it/50.png]] | [img [http://placehold.it/50.png]] 
> | [img [http://placehold.it/50.png]] |


and html:

<table class="tg">
>   <tr>
>     <td class="cg">[img [http://placehold.it/25.png]]</td>
>     <td class="cg">[img [http://placehold.it/25.png]]</td>
>     <td class="cg">[img [http://placehold.it/25.png]]</td>
>   </tr>
>   <tr>
>     <td class="cg">[img [http://placehold.it/50.png]]</td>
>     <td class="cg">[img [http://placehold.it/50.png]]</td>
>     <td class="cg">[img [http://placehold.it/50.png]]</td>
>   </tr>
> </table> 

 

I tried both using the tiddlywiki format and html tables. I was able to do 
a quick fix by padding the top of each cell by 5px. I've been trying to 
search for the css handling the table alignment but could not find it. Is 
there a better way to do it? 
My quickfix css:

.tg {border:0;}
> .tg .cg{border: 1px solid black;padding: 5px 5px 0px 5px;}
>

 

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/9ffeb51c-7205-400a-9ad0-c5fc39a83d60%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to