Printable View
Guardate qui:
sito normale
http://img211.imageshack.us/img211/1...ine24sz.th.jpg
sito con "preferiti" aperto:
http://img211.imageshack.us/img211/5...ine13hy.th.jpg
Cioè, perchè le immagini e le scritte del mio sito si spostano quando apro "preferiti" ? Perchè non sono fisse ?
Uso Frontpage 2003
Hai provato a metterle dentro dei div ?
Codice HTML:<div><img src="blabla.jpg" /></div>
Le immagini sono come delle parole di testo...
come due parole lunghe poste in poco spazio vanno a capo
allo stesso modo due immagini che non entrano più nella finestra vanno a capo, la seconda sotto la prima.
Questo ovviamente può essere evitato.
Vedo che tipicamente le inserisci in questo modo:
Ora la soluzione di Leo91, così com'è comporterebbe altri problemi, ovvero ciascuna immagine dentro un <div> porrebbe sempre le due immagini su due righe separate.Codice:<p align="justify"><img ...><img ...></p>
Quindi sempre volendo usare dei div la soluzione potrebbe essere questa:
L'attributo di stile white-space:nowrap dice al testo o contenuto in genere che non si deve andare a capo anche se lo spazio non è sufficiente, forzandolo a rimanere su una riga, che è quello che vuoi tu, immagino.Codice:<div style="white-space:nowrap"><img ...> <img ...></div>
Altre soluzioni potrebbero essere l'impiego di table per incasellare intestazioni (come vedo nell'immagine che hai postato) con relative immagini sottostanti, potresti ricorrere alle table per le situazioni più difficilmente risolvibili con i div.
Secondo me l'utilizzo dei frame dovrebbe essere l'ultima scelta per un webmaster. La migliore è quella dei div con il no-wrap.Citazione:
Originalmente inviato da laura6mitica
Beh...bello sto no-wrap...
Grazie :lolloso:
non si potrebbe utilizzare anche l'opzione inline?
Infatti...ecco, sto wrap me l'aveva fatta dimenticare!Citazione:
Originalmente inviato da sql
però in questo modo "trasformi" il div...vabè, però se lo hanno fatto vuol dire che si può fare...
Però no-wrap a questo punto fa risparmiare un div.Codice HTML:<div style="display:inline;">immagine</div><div style="display:inline;">immagine</div>
Così non si risolve il problema... lo stile inline serve soltanto a rendere "di flusso" un elemento "di paragrafo" (non so se siano il massimo del rigore queste definizioni, in sostanza, servono a usare il tag <DIV> come fosse uno <SPAN> per intenderci): se il flusso è troppo lungo, si va a capo lo stesso...Citazione:
Originalmente inviato da Leo91
Statemi bene...
Infatti,
inline non risolve il problema anzi peggiorerebbe la situazione.
il display:inline ad un div serve soltanto per cambiare la sua "natura", perché di default un div è un elemento che ha display:block (l'opposto di inline) appunto come i paragrafi come dice dementialsite.
Fondamentalmente un "block" si prende tutto lo spazio orizzontale, un inline no. Dicevo potrebbe peggiorare perché, oltre a mandare COMUNQUE a capo le due immagini in spazi ridotti, se volessi per es. centrare queste due immagini con inline non riusciresti.