longtable Alignment

Question

I'm using a long table with image and lots of text. The alignment of it is wrong for me. I'd like to know how to make the text start on top of the box, near the line. Here is my code for the longtable

\begin{longtable}{|c|p{3cm}|p{8cm}|}

\hline
\rowcolor{blue!35}
Ícone & Barra de ferramentas perfis & Ações
\\
\hline
\rowcolor{gray!35}
\includegraphics[scale=0.7]{\visualizadordeperfil apontador.png}
&
Apontador
&
Seleciona track, finaliza algumas ações como: identificador de pontos editar marcadores, criar camadas, zoom vertical.
\\
\hline
\includegraphics[scale=0.7]{\visualizadordeperfil indentidicadordepontos.png}
&
Identificador de pontos
&
Selecione e passe sobre o perfil, e etiquetas com informações serão mostradas.
\\
\hline
\rowcolor{gray!35}
\includegraphics[scale=0.7]{\visualizadordeperfil localizador.png}
& 
Localizador
&
Apresenta o valor da escala do perfil e da profundidade no perfil da amostragem.
\\
\hline
\includegraphics[scale=0.7]{\visualizadordeperfil zoomvertical.png}
&
Zoom vertical
&
Aumenta verticalmente, selecione e clique no topo e na base de onde deseja aumentar o zoom.
\\
\hline
\rowcolor{gray!35}
\includegraphics[scale=0.7]{\visualizadordeperfil zoommenos.png}
&
Zoom -
&
Clique para diminuir ou retirar o zoom vertical.
\\
\hline
\includegraphics[scale=0.7]{\visualizadordeperfil visaoglobal.png}
&
Visão global
&
Volta ao tamanho normal de apresentação do dado.
\\
\hline
\rowcolor{gray!35}
\includegraphics[scale=0.7]{\visualizadordeperfil editordemarcadores.png}
&
Editor de marcadores
&
Cria pontos de informação no registro, ligado a uma profundidade.
\\
\hline
\includegraphics[scale=0.7]{\visualizadordeperfil editordecamadas.png}
&
Editor de camadas
&
Cria pontos ligados a topo de base de um intervalo.
\\
\hline
\rowcolor{gray!35}
\includegraphics[scale=0.7]{\visualizadordeperfil gerenciarcolunas.png}
&
Gerenciar colunas
&
Apresenta os perfis existentes e está ligado aos ícones inserir ou remover track e gerenciador de Perfis.
\\
\hline
\includegraphics[scale=0.7]{\visualizadordeperfil gerenciarperfis.png}
&
Gerenciar perfis
&
Através de uma caixa de diálogos ajuda a inserir ou remover perfis de uma mesma track.
\\
\hline
\rowcolor{gray!35}
\includegraphics[scale=0.7]{\visualizadordeperfil configurarperfis.png}
&
Configurar perfis
&
Apresenta uma caixa de diálogos onde poderá manusear as informações e estilos dos perfis. Editar nome, escala, unidades, grids, cores e preenchimento entre perfis.
\\
\hline
\includegraphics[scale=0.7]{\visualizadordeperfil inserirtrack.png}
&
Inserir track
&
Possui combo box  com diferentes tipos de tracks: perfis, litologia, ihc,  marcadores, imagens, bioestratigrafia e camadas.
\\
\hline
\rowcolor{gray!35}
\includegraphics[scale=0.7]{\visualizadordeperfil removertrack.png}
&
Remover Track
&
Remove a track selecionada.
\\
\hline
\includegraphics[scale=0.7]{\visualizadordeperfil moverparaesquerdaeparadireita.png}
&
Mover para a esquerda e para a direita
&
Move a track selecionada para esquerda e para a direita.
\\
\hline
\rowcolor{gray!35}
\includegraphics[scale=0.7]{\visualizadordeperfil setarposicaodepocos.png}
&
Setar posição dos poços
&
Para a múltipla visualização, ajusta os poços a uma distancia que pode ser editada pelo usuário.
\\
\hline
\includegraphics[scale=0.7]{\visualizadordeperfil desenhodascamadas.png}
&
Desenho das camadas
&
Para Desenha as camadas correlatas entre poços.
\\
\hline
\rowcolor{gray!35}
\includegraphics[scale=0.7]{\visualizadordeperfil definirdatum.png}
&
Definir datum
&
Para a múltipla visualização ajusta as profundidades dos poços para visualização de datum, selecionado pelo usuário.
\\
\hline
\includegraphics[scale=0.7]{\visualizadordeperfil dadomedido.png}
&
Dado medido
&
O dado medido é definido nas \textbf{propriedades} do poço na aba de \textbf{Datum Vertical} e podem ser alterados pelo usuário. 
\\
\hline
\rowcolor{gray!35}
\includegraphics[scale=0.7]{\visualizadordeperfil salvarimagem.png}
&
Salvar imagem
&
Salva uma cópia da imagem em diretório formatos  diferentes de arquivo, mas por default é .png.
\\
\hline
\includegraphics[scale=0.7]{\visualizadordeperfil salvartemplate.png}
&
Salvar template
&
Se salva como \textbf{Template}, um formato de visualização padrão de perfis, gráficos etc., definido pelo usuário ou padrão da indústria. 
\\
\hline

\caption{Tabela de ferramentas para Perfis.}
\label{tab:tabeladeferramentasperfil}
\end{longtable} 

Here is an Image

Any sugestions on how to make it look better?

Answer 1

The tex model of table layout doesn't really allow for vertically centering within the space of a cell, each cell has a base reference point and these are aligned. l, c, r columns it is the baseline of the text p columns it is the baseline of the top row. and for m columns it is that cell's centre and b it is that cells bottom line. The baseline of an image is on its bottom edge. Note that m does not place the cell content in the centre of the space finally allocated to that cell, it simply puts the baseline of the content on that content's vertical centre.

So you get the layout in the first example.

You can change the reference point of the image to be roughly one line's worth below the top with

\raisebox{10pt-\height}{\includegraphics....

That will give a layout like the second image, but the first column it is not centred, if there is a lot of text in the third column, the image will still be aligned on its top row.

If you want centred appearance you need to center the third column. If that used m rather than p its reference point would be in its centre, then you can put the reference point of the image in the centre with

\raisebox{-.5\height}{\includegraphics....

and the alignment will be:

Answer 2

Type \usepackage[export]{adjustbox} to your document preamble immediately above \usepackage{graphicx}.

Then include your images as

\includegraphics[scale=0.7,valign=t]{\visualizadordeperfil apontador.png}

This will shift the picture vertically, so that its height is just like the height of a line of text.

Here's an example, I used \fbox around \includegraphics to show the precise bounding box.

\documentclass{article}
\usepackage[T1]{fontenc}
\usepackage[utf8]{inputenc}
\usepackage[portuguese]{babel}
\usepackage[table]{xcolor}
\usepackage{longtable}
\usepackage[export]{adjustbox}

\setlength{\fboxsep}{-.5\fboxrule}% just for the example

\begin{document}

\begin{longtable}{|c|p{3cm}|p{8cm}|}

\hline
\rowcolor{blue!35}
Ícone & Barra de ferramentas perfis & Ações
\\
\hline
\rowcolor{gray!35}
\fbox{\includegraphics[width=1cm,valign=t]{apontador.png}}
&
Apontador
&
Seleciona track, finaliza algumas ações como: identificador de pontos editar marcadores, criar 
camadas, zoom vertical.
\\
\hline
\fbox{\includegraphics[width=1cm,valign=t]{apontador.png}}
&
Identificador de pontos
&
Selecione e passe sobre o perfil, e etiquetas com informações serão mostradas.
\\
\hline
\end{longtable}

\end{document}

Answer 3

You can centre the images with a simple \raisebox{-0.5\height}{…}. As the vertical spacing in tables is very tight, you can introduce some more with the cellspace package: it ensures a minimal spacing between a cell and the above and below cells in columns that have an S prespecifier.

Here is an example, using one of my favourite images. In order to have a shorter code, I define a \myincludegraphics command:

\documentclass[a4paper,12pt,]{article}

\usepackage[utf8]{inputenc}
\usepackage{lmodern}
\usepackage{xcolor}
\usepackage{graphicx}
\usepackage{longtable}
\usepackage[vmargin=2cm, hmargin=2.5cm]{geometry}
\usepackage{array, colortbl}
\usepackage{cellspace}
\setlength\cellspacetoplimit{5pt}
\setlength\cellspacebottomlimit{5pt}

\newcommand\myincludegraphics[2][]{ \raisebox{-0.5\height}{\includegraphics[#1]{#2}}} \begin{document} \begin{longtable}{|Sc|m{3cm}|m{8cm}|} \endhead \endfirsthead \endfoot \multicolumn{3}{c}{}\ \caption{Tabela de ferramentas para Perfis.} \label{tab:tabeladeferramentasperfil} \endlastfoot

\hline
\rowcolor{blue!35}
Ícone & Barra de ferramentas perfis & Ações
\\
\hline
\rowcolor{gray!35}
%\raisebox{-0.5\height}{\includegraphics[scale=0.5]{sendak.png}}
\myincludegraphics[scale=0.5]{sendak.png}
&
Apontador
&
Seleciona track, finaliza algumas ações como: identificador de pontos editar marcadores, criar camadas, zoom vertical.
\\
\hline
\myincludegraphics[scale=0.5]{sendak.png}
&
Identificador de pontos
&
Selecione e passe sobre o perfil, e etiquetas com informações serão mostradas.
\\
\hline
\rowcolor{gray!35}

\myincludegraphics[scale=0.5]{sendak.png} & Localizador & Apresenta o valor da escala do perfil e da profundidade no perfil da amostragem. \ \hline \myincludegraphics[scale=0.5]{sendak.png} & Zoom vertical & Aumenta verticalmente, selecione e clique no topo e na base de onde deseja aumentar o zoom. \ \hline \rowcolor{gray!35} \myincludegraphics[scale=0.5]{sendak.png} & Zoom - & Clique para diminuir ou retirar o zoom vertical. \ \hline \end{longtable} \end{document}