immagini banner non allineate

Printable View

24-06-2006, 18.24.37

immagini banner non allineate

Salve, ho un problema con il mio banner composto da quattro immagini in verticale

dopo inenarrabili sforzi sono riuscito a attaccarle tutte, non chiedetemi come, che devo ancora capirlo, ma vabbè XD

purtroppo l'ultima immagine non è perfettamente allineata con le altre, o almeno così la vedo io °_°

quello che segue è il codice del solo banner

Codice PHP:

<body> <br><br> <br><br> <img border="0" src="http://lonetraveller.altervista.org/dragonlogo_01.jpg" width="750" height="100"> <img border="0" src="http://lonetraveller.altervista.org/dragonlogo_02.jpg" width="750" height="90"> <img border="0" src="http://lonetraveller.altervista.org/dragonlogo_03.jpg" width="750" height="96"> <img border="0" src="http://lonetraveller.altervista.org/dragonlogo_04.jpg" width="750" height="95"> <br><br> <br><br>

come potrete vedere l'ultima immagine è un po' staccata a sinistra, c'è un modo per allinearla con le altre?

ho provato il TAG align=center ma mi stacca le immagini

ç_ç
24-06-2006, 18.48.33

Con firefox non noto problemi.. con explorel invece c'è uno spazio tra ogni banner..

però non capisco.. perchè hai fatto 4 immagini invece che 1 unica??

ciauzz
24-06-2006, 19.05.36

occazz... non ho provato con IE ç_ç

tremo al solo pensiero...

IN effetti noto anche io il distacco ç_____ç

ho fatto quattro immagini perchè così la pagina si carica un po' più in fretta, ho preso l'idea da un altro sito

come posso fare per risolvere???
24-06-2006, 19.12.26

Citazione:

Originalmente inviato da Lonetraveller

ho fatto quattro immagini perchè così la pagina si carica un po' più in fretta, ho preso l'idea da un altro sito

non vorrei dire una baggianata ma non credo proprio che si carichi più in fretta.. se la tua immagine pesa ad esempio 100 kb, che tu la mantenga unita o che la divida in 4 da 25 kb l'una alla fine sono sempre 100 kb..

piuttosto puoi calare un pò la qualità dell'immagine..
24-06-2006, 19.15.13

però se carica quattro immagini anzichè una pesantissima dovrebbe fare più in fretta no?

cmq come faccio a risolvere?
25-06-2006, 09.31.56
dementialsite

Prova ad aggiungere questa riga tra i tuoi tag <STYLE>:

Codice:

IMG { margin:0 }

Altro consiglio: aggiungi dei tag <BR> dopo ciascuna immagine, altrimenti chi avrà uno schermo con risoluzione maggiore in larghezza di 1500 pixel si vedrà affiancate la prima con la seconda parte, e la terza con la quarta (non penso tu voglia questo, vero?).

Stammi bene...
25-06-2006, 09.38.14

hmm, potreste farmi un esempio di utilizzo di quella TAG, per favore?

non so dove metterla

per le TAG <br>, non è che poi mi appaiono di nuovo gli spazi tra le immagini se li uso?
25-06-2006, 09.40.52

devi inserirlo tra i tag <head></head> in questo modo:

Codice:

<style type="text/css">  </style>
25-06-2006, 09.53.56

Il tag BR non ti crea spazi, tranquillo! :wink:

OT/ Per quanto riguarda il discorso sull'utilizzo di una sola immagine o di quattro:
in termini di scaricamento della pagina non ci sono differenze perché alla fine il peso complessivo dovrebbe essere lo stesso (uso il condizionale perché una immagine divisa in quattro non necessariamente pesa tanti KB quanto quella intera).
La differenza sta invece nel tempo che impiega il browser a ricomporre la pagina una volta che ha scaricato tutte le sue parti.
Ecco, dividere un'immagine grande in più parti, aiuta a velocizzare il processo di ricomposizione (rendering) della pagina.

Ciauz!
25-06-2006, 13.32.47

io ho provato così e funziona sia con mozilla che con i.e.:

Codice HTML:

<body> <div id="Layer1"><img border="0" src="http://lonetraveller.altervista.org/dragonlogo_01.jpg" width="750" height="100"></div> <div id="Layer2"><img border="0" src="http://lonetraveller.altervista.org/dragonlogo_02.jpg" width="750" height="90"></div> <div id="Layer3"><img border="0" src="http://lonetraveller.altervista.org/dragonlogo_03.jpg" width="750" height="96"></div> <div id="Layer4"><img border="0" src="http://lonetraveller.altervista.org/dragonlogo_04.jpg" width="750" height="95" /></div> </body>

provaci dovrebbe andare
25-06-2006, 13.37.10

Citazione:

Originalmente inviato da zuluk

io ho provato così e funziona sia con mozilla che con i.e.:

provaci dovrebbe andare

grazie, ora funziona
25-06-2006, 13.40.55

Citazione:

Originalmente inviato da Lonetraveller

grazie, ora funziona

niente ;)
25-06-2006, 15.33.05
funcool

Visto che risolto, chiudo.