Texto sobre imagem

3 respostas
M

Pessoal,

Seguinte, tenho 1 imagem e preciso exibir à frente dela um texto. Alguém sabe como eu posso fazer isso?
De preferência alguém pode me mostrar um trecho de código!!
Desde já obrigado!

3 Respostas

E

Veja se ajuda: http://blog.foitestado.com/2009/11/imagem-sob-texto-div-encima-de-image.html

rafaelpaz

faça o seguinte cara:

<img src="aqui o caminho de sua imagem"   title="a sua mensagem"/>"/>

qualquer coisa grita aí…

M

edudebom funcionou pelo tutorial que você passou! Obrigado!

Cara, estou com uma outra dúvida, preciso colocar além do texto dentro, outro logo abaixo da imagem.
segue o código que estou fazendo:

<html>
<head>
<link href="css/janela.css" rel="stylesheet" type="text/css" />
</head>


<body>
<div style="z-index: 1; overflow: hidden; left: 10px; width:220px; height=110; position: absolute; top: 0px;">
			<fieldset style="width:220px;height:70px;" id="TBL_Proce" name="TBL_Pacot">
				<legend>Processamento</legend>
				<table  width='100%'>					
					<tr>
						<td align='center'>
							<div style='position:relative;'>
							<img src='sinalizador_verde.jpg' style='position:absolute; top:3px; left:1px;' />
							<DIV style='position:absolute; top:7px; left:12px; color:black;'>0</DIV>
							</div>
							<div style='position:relative;top:35px;font-size: 10px;text-align: center;'>Movimento</div>
						</td>
						<td align='center'>
							<div style='position:relative;'>
							<img src='sinalizador_laranja.jpg' style='position:absolute; top:3px; left:1px;' />
							<DIV style='position:absolute; top:7px; left:12px; color:black;'>0</DIV>
							<div style='position:relative;top:35px;font-size: 10px;'>Transação</div>
							</div>
						</td>
						<td align='center'>
							<div style='position:relative;'>
							<img src='sinalizador_vermelho.jpg' style='position:absolute; top:3px; left:1px;' />
							<DIV style='position:absolute; top:7px; left:12px; color:black;'>0</DIV>
							<div style='position:relative;top:35px;font-size: 10px;'>Retorno</div>			
							</div>
						</td>
					</tr>
				</table>
			</fieldset> 	

		</div>
</body>
</html>

O texto está ficando abaixo, porém não está centralizado. O que pode está faltando nesse código?

Criado 11 de março de 2011
Ultima resposta 11 de mar. de 2011
Respostas 3
Participantes 3