[RISOLTO]Auto-resize di un modulo quando varia la risoluzione!

[andreaginobili]

Ciao a tutti... ho un problemino....
In prima pagina nel mio sito ho messo un articolo con un'immagine... Il problema è: se vario la risoluzione (se la riduco es. a 1024x768), l'immagine si sovrappone alla colonna di destra, il che è male... È ovvio, direte voi, se calcoli che l'immagine ha una dimensione fissa (richiamata direttamente da una cartella). La domanda è: come risolvo, secondo voi?

[ariess]

ciao,

potresti risolvere differenziando il css in base alla risoluzione dello schermo.
con questo codice puoi selezionare il foglio di stile da caricare in base alle dimensioni video

Codice: [Seleziona]

<script type="text/javascript">
if (screen.width <= 1024) {
document.write('<link rel="stylesheet" type="text/css" href="templates/rhuk_milkyway/css/netbook.css">');
}
</script>

[andreaginobili]

Ciao scusami nn ho capito bene... questo codice lo inserisco in template.css?? e lo inserisco in un punto quasiasi?? scusami ma sono ancora alle prime armi e se inserisco questo codice quindi dovrei risolvere il problema?? Grazieeeee

[ariess]

il codice va messo nell'index del template.
potresti risolvere anche usando un' immagine in flash, oppure impostando il template con dimensioni fisse.

[andreaginobili]

Scusami ma non sono molto pratico... Non riesco proprio a capire dove devo inserire quel codice... Io sto usando il template JA_purity... ma nn c'è un modo per far si che la dimensione del sito cambi in maniera dinamica in base alla risoluzione ke si ha sul pc???

[ariess]

immagino che questo sia il sito in questione
http://www.gruppoprotezionecivile.it/

fai così: apri l'articolo in cui hai messo la foto e nelle proprietà dell'immagine metti come larghezza 100% anzichè 650px.

[andreaginobili]

Ciao ricdata grazie mille per la tua pazienza.... allora quando io accedo al mio articolo e vado sul edit image mi appare la finestra con le proprità dell'immagine... a questo punto ho un campo dove mi dice: Dimensions: 650 x 250... Se però al posto di 650 metto 100% nel sito l'immagine nn mi viene visualizzata più... Scusami ti sto facendo perdere tanto tempo...

[ariess]

quella casella accetta solo valori in pixel per questo non ti funziona...
devi andare in "avanzate" e nel campo "style" scrivi

Codice: [Seleziona]

height:250px; width:100%;

[andreaginobili]

Ok perfetto ho risolto finalmente grazieeeeeeeeeeeeeeeeeeee