[Resolvido] html para galeria jquery
aew pessoal to com um problema estou montando um html para uma galeria
a foto tem que fica centralizada na tela e as div nao tem tamanho pq nao sei o tamanho que sera a foto se auto ajusta na foto até ai tudo ok.. funcionou no firefox, crome, opera, i8 mas no i7 da problema o conteudo fica 100% alguem pode da uma ideia?
<!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=utf-8" />
<title>Visualização de imagem</title>
<link rel="stylesheet" type="text/css" href="css/css.css" />
</head>
<body background="img/bg_jquery.png">
<div id="visualizarFoto" align="center" style="margin-top:30px; overflow:hidden;">
<div style="overflow:hidden; display:inline-block; position:relative;" align="center">
<p style="margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF;" align="left">Titulo da foto</p>
<div id="conteudoFoto">
<div id="visualizarFexar"><a href="#" title="Fexar"><img src="img/visualizar_fexar.png" alt="fexar" /></a></div>
<div id="VisualizarDir"><a href="#" title="Anterior"><img src="img/visualizar_direita.png" alt="anterior"/></a></div>
<div id="VisualizarEsq"><a href="#" title="Proxima"><img src="img/visualizar_esquerda.png"alt="proximo" /></a></div>
<p style="margin-left:10px; margin-top:10px; margin-bottom:10px; margin-right:10px;"><img src="img/test2.jpg" /></p>
</div>
</div>
</div>
</body>
</html>css aki
#visualizarFoto{
overflow:hidden;
}
#conteudoFoto{
background-color:#7F7F7F;
overflow:hidden;
}
#visualizarFexar{
overflow:hidden;
background-image:url(../img/visualizar_fexar.png);
background-repeat:no-repeat;
width:40px;
height:22px;
right:2%;
top: 5%;
position:absolute;
}
#VisualizarDir{
overflow:hidden;
/*background-image:url(../img/visualizar_direita.png);
background-repeat:no-repeat;*/
width:36px;
height:71px;
position:absolute;
right:0;
top:42%;
}
#VisualizarEsq{
overflow:hidden;
/*background-image:url(../img/visualizar_esquerda.png);
background-repeat:no-repeat;*/
width:36px;
height:71px;
position:absolute;
left:0;
top:42%;
}Discussão (9)
Carregando comentários...