Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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
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
referente ao float não funcionou...
gostaria das imagens na mesma linha grudadas....são tres imagens!!!!
alguma outra sugestão!!
abraço
Olá,
Eu também pensei no mesmo amigo gio!.
Cumps o/
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
Acreditamos em você Paulo!
Sobre as imagens, precisamos de algum exemplo do que você quer.
Link...imagem.... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif
[]´s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
<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
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
não funcionou....ficou com o mesmo problema!!!esta complicado!!!!
Limpa o cache do seu navegador e veja se não funciona.
cache limpo!!!! e nada!!!valeu
Se der tempo a tarde dou uma olhada.
[]´s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
ficaria muito grato..abraçoo
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">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
Insira e primeira imagem e na outra coloque:
style="float: right;"
Artigo de cantos arredondados:
http://www.maujor.com/w3ctuto/roundshadow.html