Problemas no CSS dos botões de mp

[--=Icaro=--]

Descobri que sim.

Utilizando o firefox as letras somem, pois o color:transparent funfa, mas no internet explorer o problema permanece.

veja:



os códigos em imageset.cfg estão assim:

Código: Selecionar todos

img_button_pm_forward = encaminhar.gif*59*59
img_button_pm_new = novamp.gif*59*59
img_button_pm_reply = responder.gif*59*59

e o meu buttons.css:

Código: Selecionar todos

.buttons {
	float: left;
	width: auto;
	height: auto;
}

/* Rollover state */
.buttons div {
	float: left;
	margin: 0 5px 0 0;
	background-position: 0 100%;
}

/* Rolloff state */
.buttons div a {
	display: block;
	width: 100%;
	height: 100%;
	color: transparent;
	background-position: 0 0;
	position: relative;
	overflow: hidden;
}

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
/*.buttons div span		{ display: none; }*/
/*.buttons div a:hover	{ background-image: none; }*/
.buttons div span			{ position: absolute; width: 100%; height: 100%; cursor: pointer;}
.buttons div a:hover span	{ background-position: 0 100%; }

/* Big button images */
.reply-icon span	{ background: transparent none 0 0 no-repeat; }
.post-icon span		{ background: transparent none 0 0 no-repeat; }
.locked-icon span	{ background: transparent none 0 0 no-repeat; }
.pmreply-icon span	{ background: none 0 0 no-repeat; }
.newpm-icon span 	{ background: none 0 0 no-repeat; }
.forwardpm-icon span 	{ background: none 0 0 no-repeat; }

/* Set big button dimensions */
.buttons div.reply-icon		{ width: {IMG_BUTTON_TOPIC_REPLY_WIDTH}px; height: {IMG_BUTTON_TOPIC_REPLY_HEIGHT}px; }
.buttons div.post-icon		{ width: {IMG_BUTTON_TOPIC_NEW_WIDTH}px; height: {IMG_BUTTON_TOPIC_NEW_HEIGHT}px; }
.buttons div.locked-icon	{ width: {IMG_BUTTON_TOPIC_LOCKED_WIDTH}px; height: {IMG_BUTTON_TOPIC_LOCKED_HEIGHT}px; }
.buttons div.pmreply-icon	{ width: {IMG_BUTTON_PM_REPLY_WIDTH}px; height: {IMG_BUTTON_PM_REPLY_HEIGHT}px; }
.buttons div.newpm-icon		{ width: {IMG_BUTTON_PM_NEW_WIDTH}px; height: {IMG_BUTTON_PM_NEW_HEIGHT}px; }
.buttons div.forwardpm-icon	{ width: {IMG_BUTTON_PM_FORWARD_WIDTH}px; height: {IMG_BUTTON_PM_FORWARD_HEIGHT}px; }

colei só a parte que se refere aos botões.

[_Vinny_]

O que você pode fazer é tirar o title dos links dos botões, pois é este o texto que aparece.

[--=Icaro=--]

O que você pode fazer é tirar o title dos links dos botões, pois é este o texto que aparece.

Fui la em ucp_pm_message_header.html

troquei isto:

Código: Selecionar todos

<div class="buttons">
			<!-- IF U_POST_REPLY_PM --><div class="pmreply-icon clearfix"><a title="{L_POST_REPLY_PM}" href="{U_POST_REPLY_PM}"><span></span>{L_POST_REPLY_PM}</a></div>
			<!-- ELSEIF U_POST_NEW_TOPIC --><div class="newpm-icon"><a href="{U_POST_NEW_TOPIC}" accesskey="n" title="{L_UCP_PM_COMPOSE}"><span></span>{L_UCP_PM_COMPOSE}</a></div><!-- ENDIF -->
			<!-- IF U_FORWARD_PM --><div class="forwardpm-icon"><a title="{L_POST_FORWARD_PM}" href="{U_FORWARD_PM}"><span></span>{L_FORWARD_PM}</a></div><!-- ENDIF -->
		</div>

por isto:

Código: Selecionar todos

<div class="buttons">
			<!-- IF U_POST_REPLY_PM --><div class="pmreply-icon clearfix"><a title="{L_POST_REPLY_PM}" href="{U_POST_REPLY_PM}"><span></span></a></div>
			<!-- ELSEIF U_POST_NEW_TOPIC --><div class="newpm-icon"><a href="{U_POST_NEW_TOPIC}" accesskey="n" title="{L_UCP_PM_COMPOSE}"><span></span></a></div><!-- ENDIF -->
			<!-- IF U_FORWARD_PM --><div class="forwardpm-icon"><a title="{L_POST_FORWARD_PM}" href="{U_FORWARD_PM}"><span></span></a></div><!-- ENDIF -->
		</div>

E deu certo. Como tem a tag span, não precisa do titulo para ficar o link... hehe
Obrigado.

mas acabo de ver outro problema com relação à troca de botões...



o texto não ultrapassa a linha vermelha que fiz.... e como os novos botões "citar" e "editar" são maiores, fica aquele espaço grande em branco ali...

[_Vinny_]

--=Icaro=--, poderia postar o link de onde partiu imagem em questão?

[--=Icaro=--]

meu fórum é aberto, não precisa de conta para ver alguns posts..
http://www.imagevisiondesign.com/forum/

[_Vinny_]

--=Icaro=--, não vi esse problema como visitante. Possui uma conta teste para eu poder ver os icones?

[--=Icaro=--]

realmente, quando não se esta logado o texto avança mais... o que me leva a crer que são os botões mesmo que estão limitando o texto.

login: teste
senha: 123456

entre nesse tópico e verá que o texto não entra em baixo do botão editar:
http://www.imagevisiondesign.com/forum/ ... =13&p=7#p7

[--=Icaro=--]

Olha o problema era o tamanho dos botões mesmo.

no css acrescentei um margin-top ao meu .content e com isso desci um pouco o texto e ele voltou ao normal...

só não sei onde mais eu terei problemas por add isso aí... xD