Centrare avatar... eppure...

[mucciozz]

Forum: scrambler-italia.com

Inutile, non riesco a centrare l'avatar. Ho provato in tutte le maniere, dal <center> scritto prima al align="center" nel dl/dt/div del avatar-container... Nulla, l'avatar resta spostato a sinistra. Avete idee?
Ora ho tolto tutto, tanto non funziona, situazione attuale:

Codice: Seleziona tutto

		<dl class="postprofile" id="profile{postrow.POST_ID}"<!-- IF postrow.S_POST_HIDDEN --> style="display: none;"<!-- ENDIF -->>

				<!-- EVENT viewtopic_body_post_author_before -->		
				<center><!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF --></center>
				<!-- EVENT viewtopic_body_post_author_after -->
<br />
			<dt class="<!-- IF postrow.RANK_TITLE or postrow.RANK_IMG -->has-profile-rank<!-- ELSE -->no-profile-rank<!-- ENDIF --> <!-- IF postrow.POSTER_AVATAR -->has-avatar<!-- ELSE -->no-avatar<!-- ENDIF -->">
				<div class="avatar-container">
					<!-- EVENT viewtopic_body_avatar_before -->
					<!-- IF postrow.POSTER_AVATAR -->
						<!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}" class="avatar">{postrow.POSTER_AVATAR}</a><!-- ELSE --><span class="avatar">{postrow.POSTER_AVATAR}</span><!-- ENDIF -->
					<!-- ENDIF -->
					<!-- EVENT viewtopic_body_avatar_after -->
				</div>		
			</dt>

			<dd class="profile-rank">{postrow.RANK_IMG}</dd>



		...OMISSIS...



		</dl>

PS: il ciò dopo aggiornamento a 3.1.6... Con la 3.1.5 andava tutto bene e funzionava!

[Sir Xiradorn]

Mai usare tale tag. Per centrare l'avatar bisogna usare il css. Devi modificare questo come l'ho scritto qua sotto:

Codice: Seleziona tutto

.postprofile .avatar img {
    display: block;
    height: auto !important;
    max-width: 100%;
    float: none;
}

[mucciozz]

Mai usare tale tag. Per centrare l'avatar bisogna usare il css. Devi modificare questo come l'ho scritto qua sotto:

Codice: Seleziona tutto

.postprofile .avatar img {
    display: block;
    height: auto !important;
    max-width: 100%;
    float: none;
}

Continua a non funzionare, resta a sinistra.
Ho provato pure con float: center;

[Sir Xiradorn]

Azzerato la cache? Float center non esiste.

[mucciozz]

Azzerato la cache? Float center non esiste.

Certo...

[Sir Xiradorn]

Dove hai inserito quel codice? In quale file e dove di preciso?

[mucciozz]

Dove hai inserito quel codice? In quale file e dove di preciso?

Nel content.css... Comunque ho risolto, una maniera un po' grezza ma tant'è.

La riga da modificare era quella sopra:

Codice: Seleziona tutto

.postprofile .avatar {
	display: block;
	float: none;
	max-width: 100%;
	margin: 0px 22px 0px auto;
}

Il margin di 22px sulla destra è dovuto al fatto che, non so come, se imposto semplicemente auto resta spostato a destra di un tot, penso perché il riferimento non sia l'intera colonna, ma l'intera colonna meno la parte di sinistra utilizzata per indicare se l'utente è online o meno.
Fatto sta che, inserendo un margine di 22px a destra e centrando il resto con auto, viene indicativamente al centro.

[Sir Xiradorn]

Eh si forse ho inserito un img di troppo nel tag. Scusami errore mio. Una svista