Ir para conteúdo
Fórum Script Brasil
  • 0

Galeria de Imagens não Abre no IE 7

bsmachado

Perguntado por bsmachado,

 Share

Pergunta

bsmachado

bsmachado

Postado
Postado

Olá Galera.

Fiz uma galeria de imagens, que abre no Google Chrome e no Mozila, mas no IE7 não abre, vo postar os códigos, se alguém souber, ficarei grato...

hoverbox.css

*
{
    border: 0;
    margin: 0;
    padding: 0;
}

/* =Basic HTML, Non-essential
----------------------------------------------------------------------*/

a
{
    text-decoration: none;
}

body
{
    background: #fff;
    color: #777;
    margin: 0 auto;
    padding: 50px;
    position: relative;
    width: 620px;
}

h1
{
    background: inherit;
    border-bottom: 1px dashed #ccc;
    color: #933;
    font: 17px Georgia, serif;
    margin: 0 0 10px;
    padding: 0 0 5px;
    text-align: center;
}

p
{
    clear: both;
    font: 10px Verdana, sans-serif;
    padding: 10px 0;
    text-align: center;
}

p a
{
    background: inherit;
    color: #777;
}

p a:hover
{
    background: inherit;
    color: #000;
}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
    cursor: default;
    list-style: none;
}

.hoverbox a
{
    cursor: default;
}

.hoverbox a .preview
{
    display: none;
}

.hoverbox a:hover .preview
{
    display: block;
    position: absolute;
    top: -33px;
    left: -45px;
    z-index: 1;
}

.hoverbox img
{
    background: #fff;
    border-color: #aaa #ccc #ddd #bbb;
    border-style: solid;
    border-width: 1px;
    color: inherit;
    padding: 2px;
    vertical-align: top;
    width: 150px;
    height:80px;
}

.hoverbox li
{
    background: #eee;
    border-color: #ddd #bbb #aaa #ccc;
    border-style: solid;
    border-width: 1px;
    color: inherit;
    display: inline;
    float: left;
    margin: 3px;
    padding: 5px;
    position: relative;
}

.hoverbox .preview
{
    border-color: #000;
    width: 500px;
    height: 400px;
}
ie_fixes.css 
/* =Internet Explorer Fixes
----------------------------------------------------------------------*/

.hoverbox a
{
    position: relative;
}

.hoverbox a:hover
{
    display: block;
    font-size: 100%;
    z-index: 1;
}

.hoverbox a:hover .preview
{
    top: -38px;
    left: -50px;
}

.hoverbox li
{
    position: static;
}
fotos.html 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title Editora Alô Veredas - Nossos Produtos </title>
<link rel="stylesheet" href='css/hoverbox.css' type="text/css" media="screen, projection" />
<!--[if lte IE 7]>
<link rel="stylesheet" href='css/ie_fixes.css' type="text/css" media="screen, projection" />
<![endif]-->
</head>
<body>
<center> <table width="200" border="1">
  <tr>
    <th scope="row"><img src="banner_pequeno.jpg" alt="" width="288" height="137" /></th>
     <td> </td>
    <td> <font color="#000000" face="Verdana, Arial, Helvetica, sans-serif" size="6"> <div align="center">Nossos Produtos </div> </font> </div></td>
  </tr>
</table>
 </center>

<h1>Para ampliar a imagem, passe o mouse sobre a foto!!!</h1>
<ul class="hoverbox">
<li>
<a href="#"><img src="img/photo01.jpg" alt="description" /><img src="img/photo01.jpg" alt="description" class="preview" /></a>
</li>
<li>
<a href="#"><img src="img/photo02.jpg" alt="description" /><img src="img/photo02.jpg" alt="description" class="preview" /></a>
</li>
<li>
<a href="#"><img src="img/photo03.jpg" alt="description" /><img src="img/photo03.jpg" alt="description" class="preview" /></a>
</li>
<li>
<a href="#"><img src="img/photo04.jpg" alt="description" /><img src="img/photo04.jpg" alt="description" class="preview" /></a>
</li>
<li>
<a href="#"><img src="img/photo05.jpg" alt="description" /><img src="img/photo05.jpg" alt="description" class="preview" /></a>
</li>
</ul>
<p id="footer"> </a>.</p>
<br />
<br />
<font color="#000000" face="Verdana, Arial, Helvetica, sans-serif" size="3"> Cura para o Coração vol. 1 - R$13,00 </font>
<font color="#000000" face="Verdana, Arial, Helvetica, sans-serif" size="3"> Desafios da Familia - R$ 13,00</font>
<font color="#000000" face="Verdana, Arial, Helvetica, sans-serif" size="3"> Manual do Disciplulado - R$ 9,90 </font>
<font color="#000000" face="Verdana, Arial, Helvetica, sans-serif" size="3"> Quem Manda na Familia Hoje? - R$ 14,90</font>
<font color="#000000" face="Verdana, Arial, Helvetica, sans-serif" size="3"> Cura para o Coração vol. 2 - R$ 13,00 </font>
<br />

<center><a href="index.html">  Voltar </a> </center>
</body>
</html>

Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0
Jonathan Queiroz

Jonathan Queiroz

Postado
Postado
ninguém pode me Ajudar?
Não são permitidos up's no fórum de acordo com a regra 3.6 (ver regras)
3.6 É proibida a abertura de tópicos com títulos como "Socorro", "Ajuda", "Urgente", etc, ou com títulos que não descrevam a dúvida, como "Uma dúvida simples", "Alguém pode me ajudar?", "Dúvida de Iniciante", etc. Tópicos assim serão editados sem aviso prévio.
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...