Immagine responsive

luis45 · 21 Mag 2016

sto lavorando con bootstrap, le immagini in responsive mi funzionano corretta,emte ma se inserisco un'immagine in un table non si ridimensiona es:

Codice:

<table width="100%">
<tr>
<td width="10%"><img class="img-responsive" src="immagine.jpg"></td>
<td width="10%"><img class="img-responsive" src="immagine.jpg"></td>
<td width="10%"><img class="img-responsive" src="immagine.jpg"></td>
<td width="10%"><img class="img-responsive" src="immagine.jpg"></td>
<td width="10%"><img class="img-responsive" src="immagine.jpg"></td>
<td width="10%"><img class="img-responsive" src="immagine.jpg"></td>
<td width="10%"><img class="img-responsive" src="immagine.jpg"></td>
<td width="10%"><img class="img-responsive" src="immagine.jpg"></td>
<td width="10%"><img class="img-responsive" src="immagine.jpg"></td>
<td width="10%"><img class="img-responsive" src="immagine.jpg"></td>
</tr>
</table>

in crome e opera funzione correttamente mi divide la tabella in 10 td mi inserisce tutte le immagini adattate
in IE e FIREFOX non mi ridimensiona le immagine ma me le prende originali di grande misura e va oltre lo schermo
come posso fare?
grazie Luigi

Max 1 · 21 Mag 2016

HTML:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento senza titolo</title>
<style type="text/css">
.img-responsive{width:100%;}
</style>
</head>

<body>
<table width="100%">
<tr>
<td width="10%"><img class="img-responsive" src="immagine.jpg"></td>
<td width="10%"><img class="img-responsive" src="immagine.jpg"></td>
<td width="10%"><img class="img-responsive" src="immagine.jpg"></td>
<td width="10%"><img class="img-responsive" src="immagine.jpg"></td>
<td width="10%"><img class="img-responsive" src="immagine.jpg"></td>
<td width="10%"><img class="img-responsive" src="immagine.jpg"></td>
<td width="10%"><img class="img-responsive" src="immagine.jpg"></td>
<td width="10%"><img class="img-responsive" src="immagine.jpg"></td>
<td width="10%"><img class="img-responsive" src="immagine.jpg"></td>
<td width="10%"><img class="img-responsive" src="immagine.jpg"></td>
</tr>
</table>>
</body>
</html>

Cerca

Cerca

Immagine responsive

luis45

Utente Attivo

Max 1

Super Moderatore

Discussioni simili