ste182

User info:

Registered: Oct 2004
Posts: 258 (0.03 al dì)
Location:
Corso: informatica
Anno:
Time Online: 2 Days, 5:06:07: [...]
Status: Offline

Post actions:

Ciao a tutti,
mettiamo che ho un sito con un layout simile a questo, come si può fare per riuscire ad adattarlo alla risoluzione di ogni singolo utente che visita il sito?

so che ci sono layout fluidi, estendibili e fissi; ma per quanto riguarda le immagini?
nell'esempio che ho linkato infatti la barra blu del menu(che è un immagine) come può adattarsi a una larghezza superiore senza apparire sgranata??

__________________
Live Fast, Die Fun

djbenz

User info:

Registered: Nov 2006
Posts: 230 (0.03 al dì)
Location: Sondrio
Corso: Comunicazione Digitale
Anno: 3°
Time Online: 3 Days, 5:15:57 [...]
Status: Offline

Post actions:

se la fai larga ad esempio 10px e la usi come sfondo di un div, la puoi mettere come ripetuta solo sull'asse x, in css...

ste182

User info:

Registered: Oct 2004
Posts: 258 (0.03 al dì)
Location:
Corso: informatica
Anno:
Time Online: 2 Days, 5:06:07: [...]
Status: Offline

Post actions:

e per le immagini? tipo un logo, se lo disegno a una determinata risoluzione, mettiamo 1280x1024 e poi un visitatore ha un risoluzione diversa, vedrà l'immagine deformata no?

__________________
Live Fast, Die Fun

djbenz

User info:

Registered: Nov 2006
Posts: 230 (0.03 al dì)
Location: Sondrio
Corso: Comunicazione Digitale
Anno: 3°
Time Online: 3 Days, 5:15:57 [...]
Status: Offline

Post actions:

si quello si, ma tieni conto che un utente normale usa risoluzioni massimo 1280x1024, quindi un logo disegnato 400x300 per esempio è già bello grandino!
ci sono risoluzioni più alte ma sono usate poco...
se proprio vuoi puoi salvarla ad una risoluzione più alta e ridurla direttamente nel codice html o css ma un pò rimane cmq sgranata...

lordghost

User info:

Registered: Oct 2005
Posts: 232 (0.03 al dì)
Location: Milan
Corso: Informatica
Anno: 3
Time Online: 2 Days, 9:48:49 [...]
Status: Offline

Post actions:

Puoi sempre leggere le impostazioni del browser dal webserver decidere se inviare l'immagine grande o quella piccola dinamicamente.

__________________
My 3D blog: http://www.webgl.it

TheKaneB

User info:

Registered: Aug 2009
Posts: 63 (0.01 al dì)
Location: Milano
Corso: Informatica
Anno: 3
Time Online: 15:29:49 [...]
Status: Offline

Post actions:

... oppure usare un logo in formato vettoriale SVG, così però funziona solo con browser HTML 5 (firefox, safari, chrome, opera, owb e qualche altro)

__________________
Software Failure: Guru Meditation