Icone sovrapposte...

[gennyna]

Il mio tema lo potete trovare qui: http://www.megaupload.com/?d=RIBR17V0

Vi posto uno screen del mio problema...




Come vedete ci sono delle icone sovrapposte.. Una per quanto riguarda "L'icona dei messaggi" e un altra per quanto riguarda"l'avatar importato nel viewforum" attraverso la mod: Avatar of poster on Index and Viewforum che si trova: http://www.phpbb.com/community/viewtopi ... 0&t=556875


Vorrei solo distanziarle.. come posso?

[Micogian]

A parte il problema delle icone più grandi, cosa succede se usi le icone di serie in un Topic ?
Le mette giuste oppure la Mod che hai installato le elimina?
Credo che il problema sia la Mod che visualizza l'avatar. Penso anche che sia lo spazio assegnato alle icone troppo stretto, va controllato nel file css.
Credo che la dimensione delle colonne di una lista derivi dalle seguenti classi del file common.css

Codice: Seleziona tutto

/* Specific column styles */
table.table1 .name		{ text-align: left; }
table.table1 .posts		{ text-align: center !important; width: 7%; }
table.table1 .joined	{ text-align: left; width: 15%; }
table.table1 .active	{ text-align: left; width: 15%; }
table.table1 .mark		{ text-align: center; width: 7%; }
table.table1 .info		{ text-align: left; width: 30%; }
table.table1 .info div	{ width: 100%; white-space: nowrap; overflow: hidden; }
table.table1 .autocol	{ line-height: 2em; white-space: nowrap; }
table.table1 thead .autocol { padding-left: 1em; }

[gennyna]

lo avevo pensato anche io ecco perchè ho postato qui...

COn le icone normali di serie si vede bene.. forse perchè sono di dimensioni più piccole

[Micogian]

lo avevo pensato anche io ecco perchè ho postato qui...

COn le icone normali di serie si vede bene.. forse perchè sono di dimensioni più piccole

Fai così: controlla il codice della pagina in "visualizzazione sorgente pagina" (Firefox) o HTML (Explorer) e controlla quale classe viene utilizzata per la colonna delle icone, così poi puoi intervenire sul CSS modificando la dimensione del campo.

[gennyna]

dunque ho preso il riferimento di un avatar per vedere piò o meno.. :

Codice: Seleziona tutto

<li class="row bg1">
			<dl class="icon" style="background-image: url(http://www.clonedb.altervista.org/forum/styles/prosilver/imageset/topic_read_mine.gif); background-repeat: no-repeat;">
				<dt title="Nessun nuovo messaggio"><span style="float: left; padding-top: 3px; margin-right: 5px;"><img src="http://3.bp.blogspot.com/_WUyCyzzdkGI/SF7SzE02u4I/AAAAAAAAArA/-twBVRT6r2Q/s400/Tiger%2BGrowl.jpg" width="40" height="40" alt="Avatar utente" /></span><!-- ENDIF--><!-- IF topicrow.S_UNREAD_TOPIC --><a href="./viewtopic.php?f=8&t=50141&view=unread#unread"><img src="http://www.clonedb.altervista.org/forum/styles/prosilver/imageset/icon_topic_newest.gif" width="11" height="9" alt="Vedi ultimi messaggi non letti" title="Vedi ultimi messaggi non letti" /></a> <a href="./viewtopic.php?f=8&t=50141" class="topictitle">Avatar Italian.MD.Internal.DVDscr.Xvid.Thema(MH)</a>

					<br />
					da <a href="./memberlist.php?mode=viewprofile&u=4349" style="color: #00009;" class="username-coloured">bellaf</a> &raquo; ieri, 20:11
				</dt>
				<dd class="posts">2 <dfn>Commenti</dfn></dd>
				<dd class="views">68 <dfn>Visite </dfn></dd>

				<dd class="lastpost"> <div style="float: left; padding-top: 0px; margin-left: 5px; margin-right: 5px;"><img src="http://i48.tinypic.com/2heecdl.gif" width="40" height="40" alt="Avatar utente" /></div><span><dfn>Ultimo messaggio </dfn>da <a href="./memberlist.php?mode=viewprofile&u=169">fry120</a>
					<a href="./viewtopic.php?f=8&t=50141&p=62725#p62725"><img src="http://www.clonedb.altervista.org/forum/styles/prosilver/imageset/icon_topic_latest.gif" width="11" height="9" alt="Vedi ultimi messaggi" title="Vedi ultimi messaggi" /></a> <br />ieri, 22:13</span>
				</dd>
			</dl>
		</li>

Dovrebbe esserci scritta la classe da qualche parte

[gennyna]

nel mio common trovo:

Codice: Seleziona tutto

/* Specific column styles */
table.table1 .name		{ text-align: left; }
table.table1 .posts		{ text-align: center !important; width: 7%; }
table.table1 .joined	{ text-align: left; width: 15%; }
table.table1 .active	{ text-align: left; width: 15%; }
table.table1 .mark		{ text-align: center; width: 7%; }
table.table1 .info		{ text-align: left; width: 30%; }
table.table1 .info div	{ width: 100%; white-space: normal; overflow: hidden; }
table.table1 .autocol	{ line-height: 2em; white-space: nowrap; }
table.table1 thead .autocol { padding-left: 1em; }

table.table1 span.rank-img {
	float: right;
	width: auto;
}

[Micogian]

La colonna dipende dal tag <dt>

Codice: Seleziona tutto

dl.details dt {
	float: left;
	clear: left;
	width: 30%;
	text-align: right;
	color: #000000;
	display: block;
}

Prova a modificare
display:block; in display: inline;

oppure vedi qui: http://www.w3schools.com/css/pr_class_display.asp

[Carlo]

Il problema credo che sia causato dalla dimensione delle icone per i topic superiori a quegli di default, che hanno una posizione ben definita. Puoi provare quindi e rimpicciolire le icone.

[gennyna]

le icone devono essere di queste dimensioni altrimenti non si legge.. provo come ha detto bingo

[gennyna]

nada non va.. e se proviamo ad non far visualizzare queste icone nel wievforum?