Forçar um estrutura tabular...
Eu sei, eu sei, se estou usando tabelas para exibir dados não-tabulares, estou fazendo isso errado mas a meu favor tenho a desculpa de que não sou eu que estou gerando o HTML e sim uma ferramenta automática de documentação de software (Doxygen, para os curiosos).
A estrutura se refere à lista de parâmetros dos métodos de uma classe:
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">XML\Writer::addChild </td>
<td>(</td>
<td class="paramtype"> </td>
<td class="paramname"><em>$name</em>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"> </td>
<td class="paramname"><em>$value</em> = <code>NULL</code>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">array </td>
<td class="paramname"><em>$attributes</em> = <code>array()</code>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"> </td>
<td class="paramname"><em>$close</em> = <code>FALSE</code> </td>
</tr>
<tr>
<td></td>
<td>)</td>
<td></td><td></td>
</tr>
</table>
</div>
E o output sai assim:
/applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/qz1F0.png&key=01ca8d10767961fc435db710892059575703699a01595f85c194b42d62ea5552" alt="qz1F0.png" />
Imaginando ser só uma questão de um display: inline procurei no arquivo CSS a definição .memname e só encontrei duas ocorrências:
.memname {
font-weight: bold;
margin-left: 6px;
}
.memname td {
vertical-align: bottom;
}
Inseri o display na segunda e ficou assim:
/applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/dYEiP.png&key=d71bba4d7bb4a6fca0ca6c5527fc14f378c8f978ce76252e4ed2f840ddc897ee" alt="dYEiP.png" />
Logo vi que não é apenas isso.
É possível "hackear" o CSS de uma tabela para fazer tal informação ficar inline (ao invés de um por linha) como se ao invés de <td>'s fosse uma lista à qual pode-se aplicar a mesma técnica de menus horizontais?
Discussão (6)
Carregando comentários...