[Resolvido] Escrever em cima de imagem

Lou Dog · Setembro 21, 2011

Opa

Gostaria de saber como escreverem cima de uma imagem no Dreamweaver. Essa imagem está em uma div, mas quando escrevo algo, a imagem desce, e o texto fica escrito sobre o fundo.

alebae · Setembro 21, 2011

Você está utilizando a propriedade CSS background?

Favor postar o código.

Lou Dog · Setembro 21, 2011

Estou usando sim, para que em monitores de maior resolução fiquem com um fundo da cor do site.O problema acontece neste site que estou fazendo por exemplo: http://alldcom.com.br/dint.html. Na parte escrita, fica um quadrado com a cor do fundo, mas eu queria que ficasse igual o site inteiro.

Aqui está oo código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- Save for Web Styles (Untitled-1) -->
<style type="text/css">
<!--

#wrap {
left:50%;
margin-left:-300px; /* metade da largura fictícia */
position:absolute;
width:500px;
}

#Table_01 {
position:absolute;
left:0px;
top:0px;
width:600px;
height:500px;
}

#contato-01_ {
position:absolute;
left:0px;
top:0px;
width:600px;
height:71px;
}

#contato-02_ {
position:absolute;
left:0px;
top:71px;
width:32px;
height:87px;
}

#contato-03_ {
position:absolute;
left:32px;
top:71px;
width:149px;
height:39px;
color: #FFF;
}

#contato-04_ {
position:absolute;
left:181px;
top:71px;
width:33px;
height:87px;
}

#contato-05_ {
position:absolute;
left:214px;
top:71px;
width:370px;
height:407px;
color: #FFF;
}

#contato-06_ {
position:absolute;
left:584px;
top:71px;
width:16px;
height:429px;
}

#contato-07_ {
position:absolute;
left:32px;
top:110px;
width:149px;
height:48px;
}

#contato-08_ {
position:absolute;
left:0px;
top:158px;
width:9px;
height:342px;
}

#contato-09_ {
position:absolute;
left:9px;
top:158px;
width:200px;
height:72px;
text-align: center;
color: #FFF;
font-size: 13px;
}

#contato-10_ {
position:absolute;
left:209px;
top:158px;
width:5px;
height:38px;
}

#contato-11_ {
position:absolute;
left:9px;
top:196px;
width:201px;
height:36px;
text-align: center;
color: #FFF;
}

#contato-12_ {
position:absolute;
left:210px;
top:196px;
width:4px;
height:304px;
}

#contato-13_ {
position:absolute;
left:9px;
top:232px;
width:201px;
height:162px;
}

#contato-14_ {
position:absolute;
left:9px;
top:394px;
width:46px;
height:106px;
}

#contato-15_ {
position:absolute;
left:55px;
top:394px;
width:104px;
height:84px;
}

#contato-16_ {
position:absolute;
left:159px;
top:394px;
width:51px;
height:106px;
}

#contato-17_ {
position:absolute;
left:55px;
top:478px;
width:104px;
height:22px;
}

#contato-18_ {
position:absolute;
left:214px;
top:478px;
width:370px;
height:22px;
}
.r {
font-size: 24px;
}
.r {
text-align: center;
}
.nome {
color: #FFF;
}
#Table_01 #contato-05_ form table tr .tahoma-02-cinza div b {
color: #FFF;
}
#Table_01 #contato-13_ p {
color: #FFF;
text-align: center;
}
.a {
text-align: center;
}

-->
</style>
<!-- End Save for Web Styles -->
</head>
<body style="background-repeat: repeat; background-color:#652D90;">
<!-- Save for Web Slices (Untitled-1) -->
<div id="wrap">
<div id="Table_01">
<div id="contato-01_">
<img id="contato_01" src="images/contato_01.jpg" width="600" height="71" alt="" />
</div>
<div id="contato-02_">
<img id="contato_02" src="images/contato_02.jpg" width="32" height="87" alt="" />
</div>
<div class="r" id="contato-03_"> Rei do Açaí </div>
<div id="contato-04_">
<img id="contato_04" src="images/contato_04.jpg" width="33" height="87" alt="" />
</div>
<div id="contato-05_">
<form name="senddata" method="post" action="form.php">
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>
<td class="tahoma-02-cinza"><div align="right"><span class="nome">Nome</span>:</div></td>
<td><b><i><font size="1" face="Verdana" color="#FFFFFF">
<input name="nome" type="text" class="fomu" size="40"/>
</font></i></b></td>
</tr>
<tr>
<td class="tahoma-02-cinza"><div align="right"><b>E-mail:<i><font size="1" face="Verdana" color="#FFFFFF"></font></i></b></div></td>
<td><b><i><font size="1" face="Verdana" color="#FFFFFF">
<input name="email" type="text" class="fomu" size="40"/>
</font></i></b></td>
</tr>
<tr>
<td class="tahoma-02-cinza"><div align="right">Assunto:<b><i><font size="1" face="Verdana" color="#FFFFFF; color:#C40000"></font></i></b></div></td>
<td><b><i><font size="1" face="Verdana" color="#FFFFFF; color:#C40000">
<input name="assunto" type="text" class="fomu" size="40"/>
</font></i></b></td>
</tr>
<tr>
<td class="tahoma-02-cinza"><div align="right"><b>Mensagem:<i><font size="1" face="Verdana" color="#FFFFFF"></font></i></b></div></td>
<td><b><i><font size="1" face="Verdana" color="#FFFFFF">
<textarea name="textodamensagem" cols="30" rows="6" class="fomu"></textarea>
</font></i></b></td>
</tr>
<tr>
<td></td>
<td><input name="enviar" type="submit" class="formcop" value="Enviar Mensagem"/></td>
</tr>
</table>
</form>
</div>
<div id="contato-06_">
<img id="contato_06" src="images/contato_06.jpg" width="16" height="429" alt="" />
</div>
<div id="contato-07_">
<img id="contato_07" src="images/contato_07.jpg" width="149" height="48" alt="" />
</div>
<div id="contato-08_">
<img id="contato_08" src="images/contato_08.jpg" width="9" height="342" alt="" />
</div>
<div id="contato-09_">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam   nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat   volutpat.</div>
<div id="contato-10_">
<img id="contato_10" src="images/contato_10.jpg" width="5" height="38" alt="" />
</div>
<div id="contato-12_">
 <img id="contato_12" src="images/contato_12.jpg" width="4" height="304" alt="" />
</div>
<div id="contato-13_">
 <p class="a">Endereço: jsakdlakjshalkjshdlakjk </p>
 <p> </p>
 <p>Telefone: 19 1234 5678</p>
</div>
<div id="contato-14_">
<img id="contato_14" src="images/contato_14.jpg" width="46" height="106" alt="" />
</div>
<div id="contato-15_">
<img id="contato_15" src="images/contato_15.jpg" width="104" height="84" alt="" />
</div>
<div id="contato-16_">
<img id="contato_16" src="images/contato_16.jpg" width="51" height="106" alt="" />
</div>
<div id="contato-17_">
<img id="contato_17" src="images/contato_17.jpg" width="104" height="22" alt="" />
</div>
<div id="contato-18_">
<img id="contato_18" src="images/contato_18.jpg" width="370" height="22" alt="" />
</div>
</div>
<!-- End Save for Web Slices -->
</body>
</html>

Lou Dog · Setembro 22, 2011

Agora entendi...estava usando o css background no body inteiro. Apenas tinha que editar o css da div que queria. Resolvido

Entrar

Arquivado

[Resolvido] Escrever em cima de imagem

Recommended Posts

Lou Dog 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

alebae 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Lou Dog 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Lou Dog 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Consulta sem duplicação

Modelagem para questionário

Converter jpg para webp

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante