Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

O que fazer com nomes maiores?

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 o width="90%" no body e width="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?
3 respostas
solução!

Fala ai Renato, tudo bem? Vamos lá:

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?

Acho que não seria o ideal.

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 o width="90%" no body e width="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?

Sim, é uma ideia válida, provavelmente tem de a funcionar, mas, eu também não acho que serial o ideal.

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?

Não entendi, talvez você pode usar o white-space: nowrap, ele vai evitar que quebre a linha.

Mas, o que eu poderia te aconselhar é definir um width máximo para o td do nome, isso pode ser feito com max-width e depois você adiciona três pontos no final caso o tamanho ultrapasse o máximo, algo assim:

.td-nome {
    max-width: 100px;
    text-overflow: ellipsis;
}

Espero ter ajudado.

Obrigado Matheus! Mais pra frente do curso, o Nathan comentou algumas soluções mais adequadas do que as que eu sugeri, e vão de encontro ao que você sugeriu também! Valeu!

Boa Renato, sempre que precisar não deixe de criar suas dúvidas.

Abraços e bons estudos.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software