Ridimensionamento immagini 
Autore: Francesco R.
Visite 1100,
Followers 1,
Condiviso 0
Tempo fa avevo applicato il seguente codice per ridimensionare(rimpicciolire) le immagini da visualizzazione smartphone
<meta name="format-detection" content="telephone=no" />
<style> @media (max-width: 479px) {
#imCell_33 {width:200px !important; }} </style>
funziona tutto alla perfezione.
Mi e' capitato che ad un immagine inserita nel sito e' stata assegnata lo stesso imCell nel caso specifico imCell33 cosi mi rimpicciolisce tutte e due.
come fare?
Postato il
controlla che oltre all'id dell'oggetto non segua un selettore:
#imCell_33 .selettore
scusa ma io mi riverivo ad un'oggetto non ad una cella:
#imTextObject_12_tab0 .fs80
... ... non può essere, ammenochè non lo hai fatto tu manipolando...
... posta il LINK di riferimento...
.
Autore
https://www.bergamotto.live/e-shop-1.php
qui la prima immagine e' imCell33
https://www.bergamotto.live/dicono-di-noi.html
qui la seconda immagine da sinistra e' imCell33
Confermo quanto descritto da Francesco R.
Molto strano però....
La seconda immagine si riferisce a questo oggetto imObjectImage_27_33
poi fare questa prova, tanto non costa nulla...
#imObjectImage_27_33 {width:200px !important; }} </style>
Autore
si ma il problema e' che li rimpicciolisce tutti e due ma a me interessa ridurre solo la prima quella dell' eshop.
se non cambia l' imCell non ho come fare, li riduce tutti e due.
io i riferivo a questa
Ma non conviene ridurre l'immagine a monte con un programma di gestione delle immagini?
A parte la stranezza dell'id duplicato, se devi ridimensionare le immagini della sola pagina e-shop-1.php perché non inserisci i CSS nelle proprietà pagina della stessa?
Infine, se le proprietà e valori sono gli stessi per un tot di selettori, meglio scrivere così il CSS:
<style>
@media (max-width: 479px) {
#imCell_45,
#imCell_48,
#imCell_49,
#imCell_56,
etc... {
width: 200px !important;
}
}
</style>
E' più pratico e chiaro per future letture.
P.S.
niente virgola dopo l'ultimo selettore della lista
... ho visto, e quindi non è la stesa pagina come pensavo, ma pagine diverse...
... oltre ai consigli che ti sono stati dati, aggiungo che puoi usare una sola coppia di tag STYLE, in questo modo
<style>
*tutto il codice*
</style>
...
...!...ora come ora e se ti interessa per rimediare rapidamente nella seconda pagina potresti provare ad usare/incollare questo codice (in /head):
<script> $(document).ready(function () {K = $('head');
$(K).html($(K).html().replace('#imCell_33 {width:200px !important; }',''));
}); </script>
.