PDA

Visualizza versione completa : Centrare un'immagie in una pagina web


SHEWOLF
07-06-2001, 04.54.02
Spero che questo sia il posto giusto per fare questa domanda.......

Vorrei posizionare un'immagine esattamente al centro di una pagina web e con Word (che usavo per creare le pagine Web), non riuscivo a farlo.

Ho scoperto invece che creando la pagina con il blocco note e scrivendo <CENTER> l'immagine vienne posta al centro della pagina, ma solo nel senso orizzontale, rimanendo però attaccata al margine superiore. Per farla scendere fino al centro della pagina debbo scrivere VSPACE=XXXXXXXX.

Questo metodo però, oltre ad essere approssimativo, non visualizza più l'immagine al centro se si usa un'altra risoluzione.
Insomma, esiste un modo per porre automaticamente al centro l'immagine anche in verticale?

Ciao e grazie. :)

BiOS
07-06-2001, 09.52.33
Utilizzando Javascript è molto semplice, in quantohai a disposizione comandi relativi alla posizione assoluta di un oggetto (quindi relativa all'intera pagina). Se invece vuoi utilizzare l'HTML esiste un'altra soluzione:

Devi creare una tabella che occupi per intero la pagina (100% di dimensione sia in altezza sia in larghezza) e poi ci metti l'immagine dentro impostando la posizione orizzontale e verticale... ma credo che un esempio sia sicuramente più comprensibile ;):

<table width="100%" height="100%" border="0">
<tr>
<td valign="middle" align="center"><img src="PERCORSO DELLA TUA IMMAGINE"></td>
</tr>
</table>

Provalo, così come sta scritto (ovviamente inserendo la tua immagine ;)) dovrebbe già funzionare, se non funziona fatti viva di nuovo e vediamo di capire il perchè (l'ho scritto a memoria, spero sia giusto :p)

SHEWOLF
08-06-2001, 03.51.25
Evvivaaaaa, funziona! Grazie mille! :):):)

Posso......chiederti un altro piccolo aiuto? :p

Succede che se faccio funzionare l'immagime da collegamento ipertestuale si forma intorno alla stessa un'antipatico bordino blu: è possibile eliminarlo?
Se no, è almeno possibile cambiargli il colore di volta in volta in modo da mimetizzarsi con lo sfondo?

Infine, mi potresti consigliare un qualche sito dove imparare un po' di queste cose, così non dò più fastidio con le mie domande da principiante? :confused:

Ancora grazie.....:)

quipo.it
08-06-2001, 09.41.33
Originally posted by SHEWOLF
Evvivaaaaa, funziona! Grazie mille! :):):)

Posso......chiederti un altro piccolo aiuto? :p

Succede che se faccio funzionare l'immagime da collegamento ipertestuale si forma intorno alla stessa un'antipatico bordino blu: è possibile eliminarlo?


Aggiungi l'attributo border="0"...

BiOS
08-06-2001, 10.47.07
Per il bordino blu ti ha già risposto Quipo.it (attributo border="0" nel tag IMG ;))...

...per quanto riguarda imparare i fondamenti dell'HTML mi viene spontaneo dirottarti sulle guide di HTML.IT, sempre complete e semplici da apprendere.

Comunque una guida a mio parere fatta molto bene è QUESTA (http://www.lamezianet.it/html/), spiega tutti i fondamenti dell'HTML ed è scritta in modo molto comprensibile. ;)


In ogni caso non dai fastidio a nessuno! :):cool:

SHEWOLF
09-06-2001, 04.31.02
Grazie a Bios e quipo.it per il link e per i suggerimenti..
Ciao. :) :) :)

chip81
22-07-2008, 22.40.41
ciao a tutti,
il mio sito è formato da un unica grande tabella divisa in celle e colonne che contengono i vari contenuti. Sono riuscito a centrare la tabella in senso orizzonatale ma non so come centrarla in senso verticale, perchè mi resta attaccata al bordo superiore.

La soluzione proposta prima per centrare un immagine nella pagina web, non sembra adatta al mio caso.

Non so... ditemi voi.

miciomao
23-07-2008, 12.19.23
http://www.constile.org/template/centrare_il_box/