..:: MX Studio Fóruns ::..: Imagem dentro de div... - ..:: MX Studio Fóruns ::..

Jump to content

Publicidade




Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Imagem dentro de div... sempre sobra um "espacinho" na parte inferior, como resolver?

#1 User is offline   Cassiano Óliver 

  • Group: Membros
  • Posts: 293
  • Joined: 27-August 05

Posted 08 June 2007 - 11:42 AM

bom, estou agora no trabalho, e aki não tem como eu publicar o exemplo do problema pra visualizarem, então montei esse codigozinho pra poderem visualizar...

CODE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sem título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
body {
    margin: 0;
    padding: 0;
}

#d1 {
    background: #333333;
    width: 300px;
    height: 200px;
}

ImgTeste {
    border: 0;
    width: 300px;
    height: 200px;
}
</style>
</head>

<body>
    <div id="d1">
        <img src="teste.jpg" id="ImgTeste" />
    </div>
</body>
</html>


em um layout q estou montando me deparei com esse problema...
msm definindo os atributos da div na msm dimensão da imagem sempre sobre um espaço na parte inferior..
como resolver isso???

abraços!
0

#2 User is offline   rochester 

  • Group: Colunistas
  • Posts: 1080
  • Joined: 24-June 06

Posted 08 June 2007 - 07:14 PM

provavelmente éalguma propriedade do seu browser q nao tá zerada, como line-height

http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded

dá uma olhada, pode te ajudar

^^
0

#3 User is offline   Cassiano Óliver 

  • Group: Membros
  • Posts: 293
  • Joined: 27-August 05

Posted 09 June 2007 - 12:21 PM

creio q nao seja isso nao....
já olhei em varios pcs, aparece a msm coisa!

resolvi assim...
simplesmente tirei a quebra d linha do codigo...
v c pode? hahah

tava assim...
CODE
<div id="d1">
       <img src="teste.jpg" id="ImgTeste" />
</div>


coloquei assim...
CODE
<div id="d1"><img src="teste.jpg" id="ImgTeste" /></div>


funcionou certinho...

aproveitando rochester, qual a melhor maneira de organizar meu código? tanto o CSS qnt o HTML?
Algum artigo pra mim poder dar uma lida???
0

#4 User is offline   rochester 

  • Group: Colunistas
  • Posts: 1080
  • Joined: 24-June 06

Posted 10 June 2007 - 02:00 AM

isso foi no IE?

pode ser q ele tenha considerado a quebra de linha como espaço, ou seja uma linha de texto junto a imagem foi criada smile.gif

cara, o melhor e mais completo artigo q eu já li sobre CSS é esse
http://www.smashingmagazine.com/2007/05/10...ter-css-coding/

tem altas dicass q ajudam mto mesmo..

sobre HTML, acho q as recomendações da W3C já tão de bom tamanho, tipo, manter as tags em minusculas, fechar elementos vazios, menter a hierarquia dos elementos, usar cada tag no seu local correto....

thumbsup.gif
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic


Similar Topics Collapse

  Topic Forum Started By Stats Last Post Info
New Replies fazer caricaturas de uma pessoa so ke colorido
como???
Fireworks Fernandobola14 
  • 3 Replies
  • 4030 Views
New Replies IIS para Windows XP
Como Configurar ???
ASP e ASP.Net westerFERNANDO 
  • 4 Replies
  • 3848 Views
New Replies Abrir uma area de ftp
Existe como fazer um link nao para htm
Dreamweaver drikams 
  • 3 Replies
  • 1387 Views
Hot Topic (New) como posso fazer um parecido?
Duvida
Flash & ActionScript Loiro.dll 
  • 16 Replies
  • 3019 Views
New Replies Imagem com canto arredondado. Salvei em gif
Mas o trabalho ficou ruim, ajudem-me! ^^
Fireworks THE ProfessoR 
  • 5 Replies
  • 2204 Views
New Replies Saiba como armazenar arquivos on-line Notícias Notícias 
  • 0 Replies
  • 229 Views
New Replies Barra de rolagem
é possivel inserir dentro de uma?
Dreamweaver Mutuka 
  • 11 Replies
  • 1718 Views
New Replies Como faço isso?
Design
Fireworks MXDesign 
  • 3 Replies
  • 1144 Views

Publicidade




1 User(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)