Problemi con tabelle e immagini...

Ciao a tutti... sto aggiornando il layout del mio sito ma ho un problema molto grave... guardate:



Come vedete, una tabella va sopra a una immagine e le tabelle non sono grandi abbastanza per contenere le immagini... come mai? Io la grandezza delle tabelle nei CSS l'ho impostata su auto...

[Xsescott]

mmm hai provato a ristriungere le tabelle con le scritte centrali??

Che intendi scusa?

Ma l'immagine nella prima tabella è messa come sfondo oppute inserita nel tag img? perchè se è inserita come <img> mi risulta alquanto strano...

è quello il bello... è inserita come tag <img> e non come sfondo nel css... l'unica cosa ad essere inserita come sfondo è l'immagine arancione...

Considerate che con IE mi si vede benissimo... e ho anche ovviato a un problema... con Firefox no. Il che mi sembra strano

fermo fermo... sei sicuro che non hai usato un livello (<div>) oppure che hai impostato nel css una cosa tipo td. img...??? la migliore cosa è vedere la pagina html!

[Taitaonline]

Io uso Firefox (1.0) e l'immagine in alto la vedo per intero e non nascosta da quella sottostante....
Ma quello che vorresti tu è che le immagini stiano sulla stessa riga delle scritte ? Cioè, che riempano tutto il campo giallo ?

[edit] Uracile.... un pezzo di codice è questo:

<div class="downrow_news"><a href="http://mksoftware.altervista.org/download/giochi/girls_night_out.zip">
<img align="left" border="0" src="http://mksoftware.altervista.org/images/download/girls_night_out.gif">
<p class="testo">In questo gioco dovrete premere i tasti che compaiono
sullo schermo per far ballare mary-Kate o Ashley al giusto ritmo della
musica di sottofondo. Inoltre ci sono alcuni bonus come vestiti nuovi,
possibilità di indossare i vestiti acquisiti e creare delle proprie
compilation con i brani che avrete sbloccato.</p>
</a></div>

.....Ma non avendo i parametri del CSS credo sia improbabile (almeno per me) venirne a capo..... o no ?
.....L'unica cosa che mi può venire in mente è quella di inserire l'URL dell'immagine all'interno di <p class="testo"> e vedere che succede.

Allora... il codice della pagina è questo:

<?php include("../top.php") ?>
<div id="corpo-colonna2">
<p class="titolo" align="center"><b>Giochi e roms</b></p>
<br><br>
<p align="center" class="sottotitolo">ATTENZIONE!!!</p>
<br>
<p class="testo">Per poter scaricare queste Rom dovete aver acquistato le cassette originali. Se non le avete acquistate, dovete cancellare entro 24ore dal download il file zip scaricato ed eventualmente estratto. Non ci assumiamo responsabilità sul cattivo utilizzo del materiale: queste Rom sono messe a disposizione a solo scopo illustrativo e non intendono violare nessun diritto di Copyright. Qualora le autorità competenti ritenessero il download di questo materiale illecito, possono contattare il webmaster che provvederà, al ricevere della segnalazione, a rimuovere immediatamente il materiale incriminato.</p>
<div class="uprow_news"> <a href="http://mksoftware.altervista.org/download/giochi/girls_night_out.zip">
<p class="subtitle_news"><b>Girls night out - Game boy Advance</b></p>
</a> </td>
</div>
<div class="downrow_news"><a href="http://mksoftware.altervista.org/download/giochi/girls_night_out.zip">
<img align="left" border="0" src="http://mksoftware.altervista.org/images/download/girls_night_out.gif">
<p class="testo">In questo gioco dovrete premere i tasti che compaiono
sullo schermo per far ballare mary-Kate o Ashley al giusto ritmo della
musica di sottofondo. Inoltre ci sono alcuni bonus come vestiti nuovi,
possibilità di indossare i vestiti acquisiti e creare delle proprie
compilation con i brani che avrete sbloccato.</p>
</a></div>
<br>

<div class="uprow_news"><a href="http://mksoftware.altervista.org/download/giochi/sweet16.zip">
<p class="subtitle_news"><b>Sweet 16 - Game boy Advance</b></p>
</a></div>

<div class="downrow_news"><a href="http://mksoftware.altervista.org/download/giochi/sweet16.zip">
<img align="left" border="0" src="http://mksoftware.altervista.org/images/download/sweet16.gif">
<p class="testo">In questo gioco dovrete guidare una automobile rispettando
il codice stradale. Logicamente dovrete andare in posti precisi, e
per farlo avrete un limite di tempo.</p>
</a></div>
</div>
<hr />
<?php include("../bottom.php") ?>

Mentre il Codice CSS è questo:

.uprow_news {
text-align:center;
position:relative;
background-image: url(http://mksoftware.altervista.org/ima...title_back.gif);
border: 1px solid;
border-color: #000000;
width: 90%;
height: auto;
padding: 1px 1px 1px 1px;
}

.downrow_news {
text-align:left;
background-color:FFEFF0;
position:relative;
border: 1px solid;
border-color: #000000;
width: 90%;
height: auto;
padding: 1px 1px 1px 1px;
}

Notare che dei CSS ho inserito soltanto la parte interessata... se volete vi posto anche il resto...

è il div che fa saltare il layout!!! Prova ad usare le tabelle invece dei div...

Scusa, ma secondo ciò che mi dici tu, dovrei definire come tabelle anche il layout a due colonne di base nella pagina... e gli standard prevedono che il layout debba essre descritto non come tabelle...

Correggimi se sbaglio...

CMQ non ho capito molto bene ciò che intendi per <div>... intendi quello con class=corpocolonnaX (x=numero) oppure con class=uprow_news ?

Aggiorno: il problema si verifica soltanto con Firefox... Opera, come IE, iterpreta alla grande il codice...

Non fare confusione! Se usi ina tabella con 2 colonne ad esempio

<HTML>
<table cellspacing="0" cellpadding="0" border="1" width="90%" align="center">
  <tr>
      <td colspan="2">Intestazione</td>
  </tr>
  <tr>
     <td>Qui ci metti l'immagine</td>
     <td width="100%">Qui ci metti il testo</td>
  </tr>
  <tr>
      <td colspan="2">Intestazione</td>
  </tr>
  <tr>
     <td>Qui ci metti l'immagine</td>
     <td width="100%">Qui ci metti il testo</td>
  </tr>
</table>
</HTML>

Per div intendo il tag che ti definisce il contenitore!!! Tu usi quello invece delle tabelle... Lo standard del w3C, se ti riferisci a quello, dove l'hai letto che non valida le tabelle!? Ma scherzi!