Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

StormRuller

Colocando imagem no html e não sumir o link

Por , em Desenvolvimento frontend

Recommended Posts

StormRuller    0

StormRuller
Postado

Seguinte, eu tenho a seguinte div em html

			<div id="conteudo"> <!-- Inicio Conteudo -->
    			<figure class="dinheiro">
                        <img src="imagens/dinheiro.png" width="176" height="253" alt=""/>
                        </figure>
            	        <br>
				<p>O preço dependerá de como será o seu projeto:</p>
                        <br>
				<p>Entre em <a href="contato.html">contato</a> conosco para solicitar o orçamento do seu projeto.</p><br>
			
            </div> <!-- Fim Conteudo -->

Essa imagem dinheiro eu posicionei com o CSS para aparecer ao lado direito do texto porém o link contato.html não está aparecendo a opção de clicar.

.dinheiro{
	position:absolute;
	padding-top:32px;
	padding-left:680px;	
}

Se eu tiro a imagem o link funciona normal para a página contato.

Gostaria de saber como faço para ficar com a imagem ao lado direito do texto e o link para a página Contato funcionando?

Valeu!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Gerciley    14

Gerciley
Postado

não sei se entendi direito, salve o código abaixo e execute no browser para ver se é isso mesmo?

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sem título</title>
<style type="text/css">
#conteudo #testo{
	float:left}
</style>
</head>

<body>
<div id="conteudo"> <!-- Inicio Conteudo -->
		<div id="testo">
			<p>O preço dependerá de como será o seu projeto:</p>
			<p>Entre em <a href="contato.html">contato</a> conosco para solicitar o orçamento do seu projeto.</p>
        </div>
        <figure class="dinheiro">
             <img src="imagens/dinheiro.jpg" width="176" height="253" alt=""/>
         </figure>
			
 </div> <!-- Fim Conteudo -->
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

StormRuller    0

StormRuller
Postado

Funcionou com o código acima, valeu.

Mas eu queria que a imagem ficasse um pouco mais para a direita e não colada ao texto.

Tentei jogar um padding mas o texto também foi para a direita do conteudo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Gerciley    14

Gerciley
Postado

margin é o espaço entre as bordas do browser e a imagem, padding é o espaço interno nas bordas do elemento até seu conteúdo!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito