[HTML] - "Fissare" gli oggetti in una pagina web [mod]

Guardate qui:

sito normale


sito con "preferiti" aperto:


Cioè, perchè le immagini e le scritte del mio sito si spostano quando apro "preferiti" ? Perchè non sono fisse ?

Uso Frontpage 2003

[Leo91]

Hai provato a metterle dentro dei div ?

<div><img src="blabla.jpg" /></div>

[heracleum]

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:

<p align="justify"><img ...><img ...></p>

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.
Quindi sempre volendo usare dei div la soluzione potrebbe essere questa:

<div style="white-space:nowrap"><img ...> <img ...></div>

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.
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.

[funcool]

Ciao! hai provato ad usare le frame per le parole e immagini??

Secondo me l'utilizzo dei frame dovrebbe essere l'ultima scelta per un webmaster. La migliore è quella dei div con il no-wrap.

[Leo91]

Beh...bello sto no-wrap...
Grazie

non si potrebbe utilizzare anche l'opzione inline?

[Leo91]

non si potrebbe utilizzare anche l'opzione inline?

Infatti...ecco, sto wrap me l'aveva fatta dimenticare!
però in questo modo "trasformi" il div...vabè, però se lo hanno fatto vuol dire che si può fare...

<div style="display:inline;">immagine</div><div style="display:inline;">immagine</div>

Però no-wrap a questo punto fa risparmiare un div.

[dementialsite]

...

<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...

Statemi bene...

[heracleum]

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.