Olá!
Seguindo a solução proposta, se digitarmos um texto maior que "NATAN SOUZA", o nome do cliente sai do alinhamento desejado.
Pensei na seguinte solução, para que o layout não dependa tanto do tamanho do nome:
<table border="1" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="center" colspan="2">
<img src="images/Bg_Cartao.jpg" alt="">
</td>
</tr>
<tr style="background: url(images/Bg_Nome_Cartao.jpg) repeat-y center;">
<td width="10%"></td>
<td width="90%" style="color: #ffffff; font: bold 12px/2 sans-serif">NATAN SOUZA NATAN SOUZA SOUZA SOUZA SOUZA
</td>
</tr>
<tr>
<td align="center" colspan="2">
<img src="images/Bg_Cartao_Rodape.jpg" alt="">
</td>
</tr>
</table>
Tenho as seguintes dúvidas:
- há algum problema de eu fechar a primeira tag table, abrir e fechar uma segunda com esse código acima, e por fim abrir e fechar uma terceira com o restante do código?
- se eu colocar um
align=center
na tag table acima, ela centraliza no body, que esta com o width 100% por padrão. Uma solução seria colocar owidth="90%"
no body ewidth="100%"
na table. Mas é uma boa ideia setar o width no body e não na table? A tag body tem um suporte legal nos clients ao atributo width? - na primeira aula, não foi aconselhado o uso do atributo colspan e rowspan. Haveria alguma outra forma de garantir que o nome esteja sempre alinhado, independente do tamanho?