Ir para conteúdo

POWERED BY:

Arquivado

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

mestre fyoda

Como dimencionar a imagem de fundo de acordo com o texto

Por , em Desenvolvimento frontend

Recommended Posts

inforsis    1

inforsis
Postado

mestre fyoda, Boa Tarde!

Desculpe... não entendi sua dúvida...

Você tem três imagens você as colocou no html ou você as tem como background de algum elemento?

Tenta ser um pouco mais especifico... passar um link, mostrar um esboço do que você tentou enão deu certo (isso facilita para o pessoal te ajudar). ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

webflex    0

webflex
Postado

Olá,

 

Veja o HTML:

<div class="header"></div>
<div class="centro"></div>
<div class="footer"></div>

Veja o CSS:

div.header {
	width: 400px;
	height: 50px;
	background-color: red;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	}	
div.centro {
	width: 400px;
	height: 100px;
	background-color: #CC3399;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	}	
div.footer {
	width: 400px;
	height: 50px;
	background-color: #6699CC;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	}
Cumps \o/

Compartilhar este post

Link para o post
Compartilhar em outros sites

mestre fyoda    1

mestre fyoda
Postado

eu segui esse tutorial http://www.maujor.com/tutorial/mat_tabCArred.php

 

e ficou assim :

 

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body bgcolor="#fff">
<table width="400" border="0" cellspacing="0" cellpadding="0" bgcolor="#C8C866">
  <tr>
	<td width="25"><img src="sup_esq.png" width="25" height="25" /></td>
	<td width="350"> </td>
	<td width="25"><img src="sup_dir.png" width="25" height="25" /></td>
  </tr>
  <tr>
	<td> </td>
	<td> </td>
	<td> </td>
  </tr>
  <tr>
	<td><img src="inf_esq.png" width="25" height="25" /></td>
	<td> </td>
	<td><img src="inf_dir.png" width="25" height="25" /></td>
  </tr>
</table>
</body>
</html>

Eu tenho uma duvida, como eu faço para a tabela do código a cima ficar com a largura automática ?

 

 

E aproveitando o topico, como foi feito isso http://www.extra.com.br/DetalheProduto.asp...Digitalde5a59MP , no lado direito no Consulte , como feito essa borda ?

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