Logo supera il margine del template

[gabrielev]

Salve a tutti. Ho un problema con il logo e il template milkyway: nel mio pc fisso (qualsiasi browser io usi) è tutto ok, mentre se uso il mio netbook noto che il logo è più largo del normale e in pratica supera il template in larghezza (a destra). Allora convinto che poteva essere un problema di risoluzione, ho provato con un servizio web che consente di testare un sito con diversi browser e diverse risoluzioni contemporaneamente e ho notato che più bassa è una risoluzione è più il logo si allarga. Come posso risolvere??

PS: perdonatemi se ho sbagliato sezione,me ne sono accorto solo ora..scusate!!

[conti1]

ciao
ci fai vedere il sito x vedere che succede, magari una soluzione si trova posta il link.

[ariess]

secondo me non è il logo che si allarga, ma il template che alla risoluzione del netbook (più bassa) si stringe, per cui il logo che ha una dimensione fissa risulta più grande... è inevitabile.... puoi risolvere solo differenziando il css e le immagini.

[gabrielev]

il link è questo:www.volleypapiro.it...

[gabrielev]

mi sono accorto che collegandomi con un ipod touch (quindi risoluzione ancora più bassa), non solo l'immagine, ma anche tutta la colonna destra esce fuori dal template. Quindi sicuramente ha ragione ricdata...non posso fare proprio niente vero (a parte differenziare css e immagine)??

EDIT: il fatto della colonna destra succede perchè ho inserito un'immagine e essendo a dimensione fissa come il logo, fa uscire la colonna destra dal template. Pensavo: posso fare qualcosa con il min-width??

[ophtalmos]

perchè non provi a cambiare il "width" della foto "556" con "100%"? In questo modo,
codice html

Codice: [Seleziona]

<img width="100%" height="298" mce_src="/images/stories/Massimino_Gagliardotto.jpg" src="/images/stories/Massimino_Gagliardotto.jpg" title="Memorial Leonardi: Massimino premia Gagliardotto, assessore allo sport">ciao e buon lavoro

[gabrielev]

ophtalmos ho provato a mettere 100% come mi dicevi ma niente...per curiosità allora ho provato a togliere l'immagine e ho notato che sull'ipod il problema c'è lo stesso (e mi sembra strano perchè prima di inserire l'immagine, il sito a parte il logo era perfetto)...comunque a me il problema del contenuto che supera il template non interessa molto perchè si presenta solo con risoluzioni basse (infatti solo sull'ipod ho questo problema mentre su un netbook no), a me quello che interessa è il logo, perchè a differenza del contenuto, il logo supera il template anche nel netbook (seppur di poco)...
ora provo ad inserire il min-width nel css in un sito identico che tengo apposta per le prove di questo genere...

[gabrielev]

niente ho provato di tutto ma niente...pensavo, è possibile modificare il template impostandolo con una larghezza fissa???

[ariess]

non si può pretendere che un template studiato per i pc possa andar bene per ipod e simili.
per la visualizzazione su questi dispositivi devi sviluppare un template ad hoc e farlo selezionare automaticamente da joomla quando l'accesso al sito avviene tramite dispotivi del genere.
nella JED trovi i plugin in questione 

[gabrielev]

si ma il problema del logo avviene non solo nell'ipod, ma anche in un netbook di 10 pollici...ripeto che a me non interessa risolvere il problema del contenuto che avviene nell'ipod, ma il problema del logo che avviene anche in un netbook...

[ariess]

va bene... iphone o netbook non fa differenza, la risposta è sempre quella... differenziare CSS ed immagini.

con questo script puoi decidere quale foglio di stile far caricare al browser in base alla risoluzione 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>

[conti1]

ciao
xche usare un'immagine fissa quando potresti usare flash ?
con swf poteresti risolvere facilmente.
dando width il 100% dovrebbe funzionare e adattarsi.

[ariess]

ciao
xche usare un'immagine fissa quando potresti usare flash ?
con swf poteresti risolvere facilmente.
dando width il 100% dovrebbe funzionare e adattarsi.

mi sembra un'ottima idea 

[gabrielev]

mi sembra un'ottima idea 

anche a me...però avrei bisogno di un convertitore da png a swf...ho cercato un po' googlando ma non ho trovato granchè..sapreste consigliarmi qualcosa??