[CSS] Allungare immagini secondo l'altezza

salve a tutti,

ho creato una tabella in html con i tag TH associati alla classe TOP

il css dovrebbe mettere cm sfondo un immagine con una sfumatura

e fin qui è tutto a posto, il problema è ke l'immagine nn si allunga con la tabella

cioè l'immagine resta sempre della stessa dimensione invece ke estendersi su tutto il TH

css:

th.top {
 background: url(immagine.png) repeat-x;
}

html:

<table>
 <tr>
  <th class="top">Nome</th>
  <td>testo</td>
 </tr>
</table>

nn posso usare repeat-y perkè rovinerebbe la sfumatura

avrei bisogno di un modo per settare automaticamente l'altezza dell'immagine in funzione della tabella

inviato 8 anni fa
cerbero
X 0 X

up

risposto 8 anni fa
cerbero
X 0 X

Domanda: dimensionando l'immagine in altezza non si rovina?

:bye:

Zeta

risposto 8 anni fa
zeta80
X 0 X

nn tanto, nn si deve allungare troppo

la tabella è piccolina

risposto 8 anni fa
cerbero
X 0 X

qualche idea? ???

risposto 8 anni fa
cerbero
X 0 X

Semplicemente non puoi :)

La tabella o meglio la cella, si allunga in funzione di ciò che ci infili dentro, immagina un palloncino se immetti più aria questo si gonfia e quindi si allarga.

Non esiste u modo a rigore per dare ad una tabella una dimensione massima predefinita, comunque se ci metti qualcosa di molto grosso questa supera le dimensioni prestabilite o rischi che persi metà del contenuto perché finito sotto il bordo della cella.

Come fare quindi: creare una sfumatura che vada a finire in un colore di sfondo della tabella, è la cosa più classica e comune, modificare dinamicamente l'immagine in modo che a ogni ridimensionamento della cella l'immagine ci stia sempre dentro.

E' una soluzione che sconsiglio vivamente perché presume di sapere la dimensione a priori della dimensione finale della cella, e non permette di verificare la qualità dell'immagine finale; una soluzione alternativa è prevedere una serie di step della dimensione massima della tabella e in funzione di questi mettere un'immagine o un'altra, in ogni caso tieni presente che un uso così pesante di funzioni del javascript e del php vanno solo a danno di una pagina troppo lenta a caricarsi ed ad un blocco del pc dell'utente se scarso di prestazioni.

Secondo me la cosa migliore che puoi fare è usare i colori e lasciar perdere le immagini di sfondo nelle celle, se ne avvantaggerà la lettura della pagina, troppi elementi stancano la vista, poi ovvio valuta tu.

risposto 8 anni fa
Marco Grazia
X 0 X
Effettua l'accesso o registrati per rispondere a questa domanda