Ho messo una piccola galleria fotografica nel mio sito. Con explorer tutto bene, ma con mozilla le immagini non vengono visualizzate...eppure ci sono, o almeno qualcosa c'è, perché quando ci passo sopra col mouse mi viene "la manina" e, cliccando, l'immagine mi si apre ingrandita in un'altra pagina...e in quel caso si vede.
Qualcuno sa come mai e come posso fare per risolvere il problema?
Il codice HTML è questo:
<div id="container">
<a class="galleria mini1freschi" href="images/galleria immagini/fiori freschi/freschi1_big.jpg" target="_blank"></a>
<a class="galleria mini2freschi" href="images/galleria immagini/fiori freschi/freschi2_big.jpg" target="_blank"></a>
<a class="galleria mini3freschi" href="images/galleria immagini/fiori freschi/freschi3_big.jpg" target="_blank"></a>
<a class="galleria mini4freschi" href="images/galleria immagini/fiori freschi/freschi4_big.jpg" target="_blank"></a>
</div>
Il CSS invece è questo:
#container {
position:relative;
width:320px;
height:280px;
margin:0px;
padding-left:40px;
}
a.map{
background: url(images/map.jpg) no-repeat;
}
a.mini1freschi{
background: url(images/galleria immagini/fiori freschi/freschi1.jpg) no-repeat;
}
a.mini2freschi {
background: url(images/galleria immagini/fiori freschi/freschi2.jpg) no-repeat;
}
a.mini3freschi{
background: url(images/galleria immagini/fiori freschi/freschi3.jpg) no-repeat;
}
a.mini4freschi {
background: url(images/galleria immagini/fiori freschi/freschi4.jpg) no-repeat;
}
a.galleria, a.galleria:visited {
display:block;
border:1px solid #fff;
width:130px;
height:130px;
float:left;
margin:5px;
z-index:100;
}
Qualcuno sa come mai e come posso fare per risolvere il problema?
Il codice HTML è questo:
<div id="container">
<a class="galleria mini1freschi" href="images/galleria immagini/fiori freschi/freschi1_big.jpg" target="_blank"></a>
<a class="galleria mini2freschi" href="images/galleria immagini/fiori freschi/freschi2_big.jpg" target="_blank"></a>
<a class="galleria mini3freschi" href="images/galleria immagini/fiori freschi/freschi3_big.jpg" target="_blank"></a>
<a class="galleria mini4freschi" href="images/galleria immagini/fiori freschi/freschi4_big.jpg" target="_blank"></a>
</div>
Il CSS invece è questo:
#container {
position:relative;
width:320px;
height:280px;
margin:0px;
padding-left:40px;
}
a.map{
background: url(images/map.jpg) no-repeat;
}
a.mini1freschi{
background: url(images/galleria immagini/fiori freschi/freschi1.jpg) no-repeat;
}
a.mini2freschi {
background: url(images/galleria immagini/fiori freschi/freschi2.jpg) no-repeat;
}
a.mini3freschi{
background: url(images/galleria immagini/fiori freschi/freschi3.jpg) no-repeat;
}
a.mini4freschi {
background: url(images/galleria immagini/fiori freschi/freschi4.jpg) no-repeat;
}
a.galleria, a.galleria:visited {
display:block;
border:1px solid #fff;
width:130px;
height:130px;
float:left;
margin:5px;
z-index:100;
}