Centrare logo subsilver 2[maroon fusion]

[chicks0315]

Salve ho da centrare un logo che apparentemente a certe risoluzioni dello schermo sembra centrato mentre con altre risoluzioni si balla tutto e va sulla sinistra lasciando bianco a destra.

Uso subsilver 2 maroon fusion.

a 1024*768 è tutto centrato e si vede perfettamente.

Questo è il pezzo di codice del logo che ho modificato rispetto all'overl header ogiginale.

Che si può fare ?

Codice: Seleziona tutto

<div id="wrapheader">
<div id="logodesc">
<style type="text/css">
#centra{ margin: auto; }
.style1 {
	text-decoration: underline;
}
.style2 {
	border: 2px solid #C0C0C0;
}
.style3 {
	color: #0000FF;
}
</style>


<table style="text-align:left; margin: 0 auto;" cellspacing="1" width="100%" >
		<tr>
			<td>
			<div id="centra"><img width="868" height="290" src="{T_THEME_PATH}/images/site_logo.gif" align="center" /></div></td>
	</tr>

[Carlo]

Forse potresti modificare #centra da:

Codice: Seleziona tutto

#centra{ margin: auto; }

a:

Codice: Seleziona tutto

#centra{ text-align: center; }

[Micogian]

Non capisco perchè tu abbia creato il css "centra" per poi inserire un "align="center":

Codice: Seleziona tutto

<td>
         <div id="centra"><img width="868" height="290" src="{T_THEME_PATH}/images/site_logo.gif" align="center" /></div></td>

Puoi usare il <center> sia sul <div> ma anche sul <td>

Codice: Seleziona tutto

<td align="center">
         <div><img width="868" height="290" src="{T_THEME_PATH}/images/site_logo.gif"  /></div></td>

Il blocco <div> che contiene la IMG è centrato nel campo <td> e dato che di <td> (colonne) ce n'è una sola il tutto risulta centrato.
Tra l'altro anche il <div> è superfluo.
Se non dovesse funzionare dipende dalla dimensione del <td> che dovrebbe essere "100%"

Codice: Seleziona tutto

<td width="100%" align="center">
         <div><img width="868" height="290" src="{T_THEME_PATH}/images/site_logo.gif"  /></div></td>

[chicks0315]

provo e faccio sapere grazie bingo, probabilmente ho fatto un po di confusione perchè ho cambiato il tema e forse ho copiato qualche div che non centra. Provo direttamente la tua ultima soluzione perchè mi sebra la più corretta e poi le altre. a presto grazie

[chicks0315]

scusa il doppio post ma volevo aggiornare: non funziona, allora praticamente l'immagine è come se esce fuori dalla tabella e se ne va a destra. Lo stesso per la seconda riga della tabella dove sta un banner di dimensione 728*90, va anche lui a destra ed esce dalla tabella.

Cosa può essere ?

EDIT: sto provando con la risoluzione 800*600 dato che molti ancora la utilizzano.

[Micogian]

Presumo tu sappia che le modifiche al template hanno bisogno di un aggiornamento dal PCA oppure la cancellazione dei file della cache (escluso .htaccess)
Se non funziona potrebbe riguardare la dimensione del <table> che non è dichiarata.
Quando io inserisco il valore <td width="100%" > indico che deve prendere tutto lo spazio del <table>, ma se il <table> è sbagliato è sbagliato anche il <td>.

[chicks0315]

si ho già aggiornato il template da PCA ma niente non so che fare, è strano ho controllato i table ed è tutto okay.

io ti lascio il sito e prova a visualizzarlo alla risoluzione 800*600 e poi dimmi che ti sembra:

http://www.gamecrackworld.it

[Micogian]

Con una risoluzione 1024 si vede correttamente, con 800x600 ovviamente sballa perchè l'immagine è di 860 pixel.

[chicks0315]

quindi cosa bisogna fare o impostare ? ridurre l'immagine a 800 o c'è un modo mielgiore per adattare le immagini alla risoluzione ?

EDIT: ho verificato ho cambiato la il numero di pixel nel tag delle dimensioni dell'immagine a 800px e sballa lo stesso anche se meno.

[Carlo]

Beh scusa, se la risoluzione è 800x600, anche se l'immagine la riduci a 800 pixel ti darà qualche problema, perchè la larghezza non è esattamente di 800 pixel, perchè la finestra, oppure lo stile del tuo forum occuperà qualche pixel.