mozilla non visualizza immagini

  • Creatore Discussione Creatore Discussione c_mosti
  • Data di inizio Data di inizio

c_mosti

Nuovo Utente
4 Feb 2005
3
0
0
ho scritto il codice per un piccolo sito usando i fogli di stile.
il tag img funziona con ie ma non con mozilla.
prima di inviare il codice completo vorrei sapere se qualcuno ha qualche idea del perche'. grazie.
 
Strano, se hai utilizzato il tag img, non dovresti avere problemi, se invece hai inserito l'immagine come background con una serie di div nidificati, allora potrebbero esserci degli accorgimenti da prendere in considerazione.
Per darti una mano però ho bisogno di vedere il codice.
Ciao Nicola

----------------------------------------
Layout con CSS e DIV - visita il mio sito :
http://demo.iport.it
ESEMPI, LAYOUT GRATIS, ed ALTRO
----------------------------------------
 
ecco il codice

Le immagini non vengono visualizzate solo nel div content mentre nel div header non danno problemi. Comunque, ecco il codice (img.thumb serve per i thumbnails, anche questi non si vedono):


Nell'head:

...
<style type="text/css">

html,body{margin:0;padding:0}

body{background-color:#FFF; font: 85% Verdana}

a:link {color: #000000; text-decoration: none}
a:visited {color: #000000; text-decoration: none}
a:hover {color: #555555}
a:active {color: #000000; text-decoration: none}

div#header{background-color:#9CF; text-align: left}
div#header h1{margin:0;line-height:70px;margin-left:20px}
div#header img{margin: 15px; width: 200px}

div#navigation{background-color: #9cf;border-bottom: 1px solid #787878;padding-left: 20px}
div#navigation ul{list-style-type: none;margin: 0;padding: 0;white-space: nowrap; text-align: left}
div#navigation li{display: inline;margin: 0;padding:0}
div#navigation li a{text-decoration: none;border: 1px solid #787878;padding: 0px 0.3em;
background: #ccc;color: #036}
div#navigation li a:hover{background-color: #f0f0f0}
div#navigation li#activelink a{border-bottom: 1px solid #fff;background-color: #fff;color: #603}
div#navigation li#unactivelink{}

div.content {background-color: #FFF; margin: 20px; text-align: center; font-size: 85%}
div.content p{line-height: 1.5}

div#footer {background-color:#9CF; border-top: 1px solid #787878; font-size: 75%; text-align: center;
position: absolute; bottom: 0px; width: 100%; height: 50px;}
div#footer p{margin-top: 20px}

table {border: 0px; border-spacing: 0px; border-collapse: collapse}

tr {background-color:#FFF}

td {height: 100px; text-align: center}

img.thumb{margin: 15px} //determina lo spessore del riquadro colorato

</style>

...

------------------------------------

Nel body:

...
<div class="content">

<img src="pic/logo.gif" border=0>
<img src="pic/baffo.gif" width="93" height="5">

</div>

....

Grazie.
 
w3c validator

Ho fatto validare il codice css dal w3c e sembra tutto ok... non capisco allora dove potrebbe stare il problema. Aiuto!
 

Discussioni simili