Problema em HTML: alinhando texto com fundo de imagem. Como?

1 ⤊

Problema em HTML: alinhando texto com fundo de imagem. Como?

Pessoal,
estou com um problema aqui referente a programação HTML:

Estou querendo alinhar um texto ao lado de uma imagem, mas esse texto precisa estar alinhado com a base da imagem (a parte debaixo dela). Que nem na figura abaixo:
digitalpaperweb.com.br/pt/images/comodeveriaser.jpg

Tentei com as propriedades de ALIGN da imagem, mas não obtive sucesso. Ou o texto vai do topo da imagem pra baixo, ou ele apenas começa na linha de base da imagem.

Outra coisa, o texto precisa ter largura limitada. Por enquanto, estou apenas usando uma div que fica ao lado da imagem. Fica assim:
digitalpaperweb.com.br/pt/images/comoeh.jpg

Não posso alterar o posicionamento da div para ficar alinhado bonitinho, pq as imagens vão alterar, e elas variam em tamanho, sendo sempre alinhadas no centro da página.

Alguém pode dar uma mãozinha? Isso já foi feito / existe isso?
Agradeço desde já a ajuda.

2007-02-14 03:30:11 · 2 respostas · perguntado por canha 3 em Computadores e Internet ➔ Programação e Design

As imagens:
1a imagem - www. digitalpaperweb.com.br /pt/ images/ comodeveriaser.jpg
2a imagem - www. digitalpaperweb.com.br /pt/ images/ comoeh.jpg

Só copiar e remover os espaços do endereço.

2007-02-14 03:32:36 · update #1

Ok. Com tabela funciona, mas vai ser complicado validar (creio eu). E com CSS? Alguém sabe?

2007-02-14 06:20:19 · update #2

2 respostas

cara é o seguinte quando eeu queria fazer isso, eu usava uma layer abaixo da iamagem deseja. esse é o jeito mais simples de fazer isso.

mas quando tu colocar a layer na rua pagina você tem que colocar umcomando fixed

tete econtrar aqui http://www.maujor.com/

sem essa ação o texto pode ficar variando dependendo de resolução.

qualquer coisa entre em contato comigo no meu site

2007-02-14 09:37:11 · answer #1 · answered by Etutoriais.net 7 · 0⤊ 0⤋

Bom, quando preciso fazer algo assim eu trapaceio e uso uma tabela com linhas (bordas) de largura zero (invisível), ficaria algo como:

border=0>

exemplo
de
alinhamento

Não sei se isso resolve o seu caso, veja que tem duas células, a da direita eu mudei para valign="bottom" e quebrei o texto (cada palavra0 com um
, ficou um texto de três linhas de altura alinhado na base da imagem...
Será que isso resolveria o seu problema?
Tem outro jeito que é usando CSS, mas eu não sei usar, daí dá para alinhar qualquer coisa "pixel a pixel" se quiser! Eu sei por que experimentei um programa que usava (WebDwarf) e era possível precisão absoluta!!! Mas esse programa não era muito bom, não importava html, só servia para gerar html depois de fazer a página dentro do formato próprio dele (a vantagem é que o programa era freeware)

2007-02-14 13:44:27 · answer #2 · answered by Victor M. Sant'Anna 4 · 1⤊ 0⤋