Ir para conteúdo

POWERED BY:

Arquivado

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

Pauloooo

Imagem

Por , em Desenvolvimento frontend

Recommended Posts

Pauloooo    0

Pauloooo
Postado

opa beleza!!!gostaria de saber duas coisas..tenho tres imagens no topo!!!gostaria de colocar uma ao lado da outra grudada..como que faço isso????a segunda é como arredondar os cantos!!!valeuuuu

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Se elas são juntas, por que não fazer uma só?

gostaria de colocar uma ao lado da outra grudada..

Em relação aos cantos arredondados, além do link do Tiago, aqui no fórum também tem, bastava pesquisar.WebStandards - Posicionamento e Layouts (Parte 03)Uma pergunta, esse tópico não tem nada relacionado ao Desafio, certo?Grande abraço! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Pauloooo    0

Pauloooo
Postado

referente ao float não funcionou...

 

gostaria das imagens na mesma linha grudadas....são tres imagens!!!!

 

alguma outra sugestão!!

 

abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

webflex    0

webflex
Postado

Olá,

 

Eu também pensei no mesmo amigo gio!.

 

Cumps o/

Compartilhar este post

Link para o post
Compartilhar em outros sites

Pauloooo    0

Pauloooo
Postado

não posso fazer uma só pois estarei usando outras imagens....que sofrerão alterações...por isso não pode ser uma!!!e referente aos cantos arredondados..nãoo tem nada a ver com o desafio é que estou desenvolvendo um sistema e preciso disso!!!!nada com o desafio juro!!!abraçooo

Compartilhar este post

Link para o post
Compartilhar em outros sites

Pauloooo    0

Pauloooo
Postado 

<img src="images/unipaulistana.jpg" alt="UniPaulistana" title="UniPaulistana" border="0" width="150px" height="100px"><img src="images/sistema.jpg" alt="Sistema Integrado de Cadastramento de Profissionais" title="Sistema Integrado de Cadastramento de Profissionais" border="0"  width="500px" height="100px"><img src="images/sicap.jpg" alt="SICAP" title="SICAP" border="0" width="250px" height="100px">

este é o codigo se você testar no navegador verá que fica um espaço em branco entre elas....gostaria de eliminar este espaço!!!

 

valeu

 

quando terminar o meu projeto para a faculdade mando para vocês analisarem!!!

 

abraçooo

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Paulo, isso é apenas um exemplo:

 

Arquivo css

*{margin:0; padding:0;}#geral{ especificações da div}#topo{height: 100px;}#topo img{ float: left;}

No HTML

<div id="geral">

<div id="topo">

<img src="images/unipaulistana.jpg" alt="UniPaulistana" title="UniPaulistana" border="0" width="150px" height="100px">
<img src="images/sistema.jpg" alt="Sistema Integrado de Cadastramento de Profissionais" title="Sistema Integrado de Cadastramento de Profissionais" border="0"  width="500px" height="100px">
<img src="images/sicap.jpg" alt="SICAP" title="SICAP" border="0" width="250px" height="100px">

</div>

</div>

 

Não testei, mas deve funcionar sem problemas!

 

[]´s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Pauloooo    0

Pauloooo
Postado

não funcionou....ficou com o mesmo problema!!!esta complicado!!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Pauloooo, olha o 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><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /><title>Pauloooo</title><style type="text/css"><!--	*{margin:0; padding:0;}		#geral{		border: 1px solid #999;		margin: 0 auto;		padding: 10px;		width: 600px;	}	#topo{		border-bottom: 1px dotted #ccc;		height: 100px;	}	#topo img{ float: left;}--></style></head><body><div id="geral">	<div id="topo">			<img src="images/menu-ativo.jpg" />		<img src="images/menu-ativo.jpg" />		<img src="images/menu-ativo.jpg" />		</div></div></body></html>

Testei aqui no Firefox2 e Opera9, funcionou tranquilamente.

 

[]'s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

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