Come centrare le immagini su una pagina Web per tutte le dimensioni dello schermo

Ho un problema con il mio HTML. Ho cercato su Internet, ma ancora nessuna risposta reale.Come centrare le immagini su una pagina Web per tutte le dimensioni dello schermo

Ho un sito Web con alcune immagini e voglio che siano nel mezzo. Ora, sul mio schermo sono nel mezzo, ma è perché li ho messi li spostandoli da un lato. Quando i miei amici lo guardano, l'immagine è decentrata.

Here's the website; se siete su uno schermo 13.5" sembrerà di essere nel bel mezzo

fonte

2011-05-05 connor.p

Le votazioni per passare ai webmaster StackExchange sito in quanto è una migliore corrispondenza per questa domanda – bdonlan

bdonlan votato per avere la vostra domanda mosso; non è necessario passare ai webmaster a meno che la domanda non venga effettivamente spostata. La domanda verrà reindirizzata automaticamente. @bdonlan questo è un problema specifico CSS, non un problema webmaster. dovrebbe rimanere qui –

@bdonlan - Questa è sicuramente * non * una domanda dei webmaster. Le domande HTML e CSS appartengono a SO. – Dori

non sarebbe accettabile usare un semplice <center></center> tag?

Devo mancare qualcosa qui se non. Sentiti libero di spiegare perché in un commento. Amo il webdesign e il tuo sito è molto impressionante. Potrei suggerire di fare qualcosa per ridurre il tempo di caricamento, cioè un po 'di spegnimento.

-Da un MC fan ad un altro :)

EDIT

Ho appena dato un'occhiata al vostro codice ... ouch!

<center></center> 

<center><body onload="MM_preloadImages('../logo-glow.png')"> 
<a href="homepage.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('minecraft2','','../logo-glow.png',1)"><img src="../log-noglow.png" name="minecraft2" width="998" height="222" hspace="0" border="0" align="absmiddle" id="minecraft2" /></a></body></center>

Cerca di non inserire tag di formattazione al di fuori del corpo. Posizionare <center> all'interno del tag body. Funziona perché segue le rigide regole HTML di basso livello, tuttavia, non tutti i browser sono così carini e alcuni potrebbero visualizzare la pagina in modo errato a meno che il problema non venga risolto!

fonte

2011-05-05 17:45:49 FreeSnow

Sure '

' funziona , ma non è HTML5 valido - che diventerà un problema man mano che i browser abbandonano i tag obsoleti e obsoleti. –

Davvero, è stato deprecato? Wow. Centrare è possibile tramite un altro metodo mentre si utilizza solo HTML vaniglia (senza CSS o JavaScript)? – FreeSnow

Senza CSS? no. puzza. Mi piace '

' –

provare qualcosa di simile ...

<div id="wrapper" style="width:100%; text-align:center"> 
<img id="yourimage"/> 
</div>

fonte

2011-05-05 17:34:33

@ connor.p np. non dimenticare di segnare il post che aiuta di più come risposta. –

+1 per l'esempio generalizzato, e, in tutta onestà, sto usando quasi la stessa soluzione (eccetto il fatto che mi baso sul comportamento predefinito di 'display: block;'). @ connor.p, come nota Thomas, ti preghiamo di accettare la risposta più utile (se il tuo problema è risolto), e, se senti che le altre risposte ti sono state utili, considera anche quelle in rialzo ... :) –

Nel tuo caso specifico, è possibile impostare la contenente a elemento di essere.:

a { 
    display: block; 
    text-align: center; 
}

JS Bin demo.

fonte

2011-05-05 17:42:21

<div style='width:200px;margin:0 auto;> sometext or image tag</div>

questo funziona in orizzontale

fonte

2012-11-14 13:52:39 user1468562

Come centrare le immagini su una pagina Web per tutte le dimensioni dello schermo

risposta

Problemi correlati