Ajuda com Classes no CSS

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://www.tutorialdoca.com

Descrição do problema

Boa tarde,

Para a criação de alguns tópicos e/ou páginas HTML, eu uso algumas classes no CSS. Porém, hoje estou tento um problema com duas novas criadas por mim, que são copias de outras classes, com o diferencial de serem alinhadas à esquerda ou à direita, ao invés de centralizadas.

Bom, a classe original e funciona é esta:

Código:

.TituloMedium { /*Para títulos/textos medianos*/
  color: #ddd;
  font-family: Verdana, Tahoma, sans-serif;
  font-variant: small-caps;
  font-size: 14pt;
  text-align: center;
  text-shadow: 0 2px 5px black;
  line-height: 150%;
}

Agora as classes que não estão funcionando:

Código:

.TituloMR { /*Para títulos/textos medianos - Alinhados à Direita (Right)*/
  color: #ddd;
  font-family: Verdana, Tahoma, sans-serif;
  font-variant: small-caps;
  font-size: 14pt;
  text-align: right;
  text-shadow: 0 2px 5px black;
  line-height: 150%;
}
.TituloML { /*Para títulos/textos medianos - Alinhados à Esquerda (Left)*/
  color: #ddd;
  font-family: Verdana, Tahoma, sans-serif;
  font-variant: small-caps;
  font-size: 14pt;
  text-align: left;
  text-shadow: 0 2px 5px black;
  line-height: 150%;
}

Como podem ver, a única diferença, é que mudei o " text-align:" de "center" para "right" ou "left".

Aqui um exemplo de uma página HTML funcional sem a utilização da classe R ou L: http://www.tutorialdoca.com/h28-quem-somos

E aqui, a página HTML que está usando as novas classes do CSS, mas não está funcionando: http://www.tutorialdoca.com/h31-regras-gerais

Fico no aguardo e obrigado.

Olá!

Vou lhe dar um exemplo, espero que entenda.
Temos essa classe:
TituloML
Que está associada as três divs:

Código:

<div class="TituloML">E</div>
<div class="TituloML">A</div>
<div class="TituloML">E</div>

No caso, se desejar apenas mexer em uma delas, acrescente um id.

Código:

<div class="TituloML">E</div>
<div class="TituloML" id="teste">A</div>
<div class="TituloML">E</div>

Então chame assim no CSS:

Código:

#teste

Compreende?

EuficoLoko escreveu:Compreende?

Não! '-'

Veja bem, essa classe que te mostrei (a centralizada) foi criada em 2012, sendo assim, quando desejo chamar ela num tópico ou em uma página HTML, uso:

Código:

<div class="TituloMedium">TEXTO</div>

E funciona normal.

A dúvida é: por que as que usam alinhamento diferente de centralizado não funcionam?

Simples.. Já há um CSS daquilo, se adicionar outro modificara as outras também.
Mas podemos importar um style, assim:

Código:

    <div class="TituloMedium" style="text-align: left !important">TEXTO</div>

Assim, somente aquela div ficará alinhada a esquerda e/ou direita.

Ai é meu ponto. Não quero adicionar um modificador, quero que as classes novas funcionem.

Poderia ver por que elas não funcionam?

Eu pensei que fosse tudo uma só, perdoe-me.
Elas funcionam sim!
http://prntscr.com/6fl0my
Código da página HTML:

Código:

    <style>
.TituloMR { /*Para títulos/textos medianos - Alinhados à Direita (Right)*/
      color: #ddd;
      font-family: Verdana, Tahoma, sans-serif;
      font-variant: small-caps;
      font-size: 14pt;
      text-align: right;
      text-shadow: 0 2px 5px black;
      line-height: 150%;
    }
    .TituloML { /*Para títulos/textos medianos - Alinhados à Esquerda (Left)*/
      color: #ddd;
      font-family: Verdana, Tahoma, sans-serif;
      font-variant: small-caps;
      font-size: 14pt;
      text-align: left;
      text-shadow: 0 2px 5px black;
      line-height: 150%;
}</style>
<div class="TituloML">EE</div>
<div class="TituloMR">EE</div>

Poderia me confirmar se o seu 'TituloMR' está em capslock?

Print do meu CSS:



Corpo de texto da minha página (só o texto mesmo, a página completa com cabe):

Código:

<div class="CA">Regras Gerais</div>
<br>
<div class="TituloMR">Regulamento escrito e desenvolvido por DropLeet em quinta, 14 de Junho de 2012.</div>
<br>
<div class="TituloMR">A Equipe reserva o direito de alterar essas regras a qualquer momento com o intuito de manter o fórum seguro, simples e amigável.</div>
<br>
<br>
<div class="TituloMedium"><b>Introdução</b></div>
<br>
<div class="TituloML">Este local permite que membros enviem mensagens de maneira publica ou privada para que outros usuários leiam. A Staff reserva o direito – mas não a obrigação, de, sem prévio aviso, monitorar, editar ou remover qualquer tipo de conteúdo neste espaço.</div>
<br>
<div class="TituloML">As normas do fórum foram criadas seguindo como base, as regras de diversos fóruns, com o intuito de manter um ambiente saudável e respeitoso. Abaixo, você conhece nossas regras e as sanções em caso de infração. Tenha em mente que o não conhecimento das mesmas não é justificativa para não ter seu acesso punido de acordo.</div>
<br>
<br>
<div class="TituloMedium"><b>Quem Somos?</b></div>
<br>
<div class="TituloML">Bem Vindo ao Tutorial do CA. Um Fan Site não oficial destinado a ensinar, entreter e divulgar informações sobre o FPS Combat Arms, desenvolvido pela NEXON Korea Corporation e distribuido no Brasil pela Level Up! Interactive S.A.</div>
<br>
<br>
<div class="TituloMedium"><b>Nosso Objetivo</b></div>
<br>
<div class="TituloML">Este Fórum (TdCA) tem a intenção de apresentar com qualidade nossas melhores ideias através de Tutoriais, Guias e Dicas para ajudá-los a melhorar seu desempenho no jogo. Contudo, ouvir as necessidades e sugestões dos usuários, divulgar as novas atualizações e permitir o encontro e a troca de informações entre os membros continua a ser nosso principal objetivo.</div>
<br>
<br>
<div class="TituloMedium"><b>Sobre a Equipe</b></div>
<br>
<div class="TituloML">O Tutorial do CA é constituído por uma equipe de membros voluntários. A estes nada lhes pode ser exigido nem apontado, pois o seu trabalho é meramente voluntário e apenas se comprometeram em contribuir com os seus conhecimentos para servir a comunidade.</div>
<br>
<div class="TituloML">Por isso, antes de mais, deve ser tido em conta que os membros pertencentes à Equipe do Fórum, tem os seus encargos pessoais, e que deve ser respeitados, não sendo da obrigatoriedade destes, de auxiliar em todos os assuntos criados.</div>
<br>
<div class="TituloML">Nossa Equipe é formada por fãs do game que buscam reunir jogadores com os mais diversos níveis de jogabilidade, de forma que todos possam desfrutar do espaço sem nenhuma discriminação.</div>
<br>
<br>
<div class="TituloMedium"><b>Acesso a Comunidade</b></div>
<br>
<div class="TituloML">Somos uma organização sem fins lucrativos, ou seja, não lucramos com o Fórum. Todos os jogadores podem se tornar membros e ter acesso a todas as informações contidas no fórum de forma totalmente gratuita.</div>
<br>
<br>
<div class="CA">Regras</div>
<br>
<div class="TituloNoBG">Artigo I - Divulgação de conteúdo mal intencionado</div>
<br>
<div class="TituloMedium"><b>Seção 1.1</b></div>
<br>
<div class="TituloML">É proibido postar nos servidores do fórum Tutorial do CA, manter a discussão ou disponibilização de links de:
<br>
<br>
<ul>
<li>● Vírus, keyloggers, programas ilegais, sites de phishing e venda de serviços;</li>
<li>● Modificação de client, programas de terceiros, bem como servidores piratas, hacks, trojan horses e programas malignos em geral;</li>
<li>● Sites de Comércio de Itens, Moedas ou Contas de jogo por dinheiro real.</li>
</ul></div>
<br>
<div class="TituloMedium"><b>Seção 1.2</b></div>
<br>
<div class="TituloML">Utilizar o Fórum com o intuito de debater ou divulgar um jogo (seja de computador, celular ou videogame) que não seja referente ao Combat Arms.</div>
<br>
<div class="TituloNoBG">Artigo II - Usuários Registrados</div>
<br>
<div class="TituloMedium"><b>Seção 2.1</b></div>
<br>
<div class="TituloML">Utilizar o fórum para discutir, divulgar, publicar ou disseminar idéias com apologia direta ou indireta referente a:
<br>
<br>
<ul>
<li>● Intolerância racial ou manifestação contra indivíduos, grupos ou organizações;</li>
<li>● Conteúdo pornográfico ou para adultos;</li>
<li>● Conteúdo relacionado a hackers ou crackers;</li>
<li>● Drogas ilícitas e materiais relacionados;</li>
<li>● Linguagem obscena em excesso;</li>
<li>● Conteúdo relacionado a jogos de azar ou cassinos;</li>
<li>● Material protegido por leis de direitos autorais;</li>
<li>● Qualquer outro conteúdo que seja ilegal, que promova atividades ilegais ou infrinja os direitos legais de terceiros.</li>
</ul></div>
<br>
<div class="TituloMedium"><b>Seção 2.2</b></div>
<br>
<div class="TituloML">Cada usuário poderá ter um único registro no fórum. Múltiplos registros levaram ao desativamento de ambos os registros.
<br>
<b>A</b> - Cada Registro pertence a um único membro sendo assim vedado o empréstimo da conta sobre qualquer hipótese para que terceiros tenham acesso ao fórum.<br>
<b>B</b> - É vedado criar tópicos/respostas a pedido de usuários bloqueados. Se tal for feito a conta que a fez será advertida. A partilha de conta com usuários bloqueados do fórum também poderá ser penalizada com o bloqueio da conta utilizada.</div>
<br>
<div class="TituloMedium"><b>Seção 2.3</b></div>
<br>
<div class="TituloML">Casos de extrema negligência de usuários poderão causar na expulsão do mesmo através do desativamento permanente da conta e o bloqueio do IP e e-mail do mesmo.</div>
<br>
<div class="TituloNoBG">Artigo III - Conteúdo de Mensagens e Tópicos</div>
<br>
<div class="TituloMedium"><b>Seção 3.1</b></div>
<br>
<div class="TituloML">É proibido criar Tópicos/Postagens com o intuito de bloquear a página e/ou causar qualquer irregularidade na estrutura do fórum.</div>
<br>
<div class="TituloMedium"><b>Seção 3.2</b></div>
<br>
<div class="TituloML">É proibido criar Tópicos/Postagens em área de Tutoriais. Essas áreas são reservadas apenas a Equipe para criação e desenvolvimento de Tutoriais. Caso queira criar um Tutorial deve-se contatar um membro da Equipe.</div>
<br>
<div class="TituloMedium"><b>Seção 3.3</b></div>
<br>
<div class="TituloML">É vedado criar tópicos com a finalidade de discussão de bloqueios, Advertências e avisos efetuados no fórum. O incumprimento da regra poderá levar ao bloqueio e/ou à admoestação do usuário. Para discutir estas situações dirige-te ao Administrador / Moderadorl envolvido ou ao seu superior hierárquico.</div>
<br>
<div class="TituloMedium"><b>Seção 3.4</b></div>
<br>
<div class="TituloML">É vedado criar tópicos com o intuito de ofender, humilhar  e/ou ameaçar qualquer membro pertencente, ou não, a Equipe. Essa Regra também é valida para outros meios de comunicação interna como Chat Box e Mensagens Privadas.</div>
<br>
<div class="TituloMedium"><b>Seção 3.5</b></div>
<br>
<div class="TituloML">Nós não permitidos discussões ou reclamações feitas publicamente. Para isso existe o sistema de envio de mensagem privada. Procure por usá-lo. Não faça postagem de conteúdos que tirem o bom âmbito do fórum em público.</div>
<br>
<div class="TituloMedium"><b>Seção 3.6</b></div>
<br>
<div class="TituloML">É vedado o uso do fórum para discutir, apresentar, ou divulgar assuntos jurídicos, legais, religiosos ou políticos.</div>
<br>
<div class="TituloMedium"><b>Seção 3.7</b></div>
<br>
<div class="TituloML">É vedado a criação de tópicos/mensagens que contenha:
<br>
<br>
<ul>
<li>● Titulo e/ou Conteúdo todo ou parcial em Caps Lock;</li>
<li>● Divulgação de correntes (spams);</li>
<li>● Double-Post;</li>
<li>● Floods;</li>
<li>● Flame;</li>
<li>● Denúncia.</li>
</ul></div>
<br>
<div class="TituloNoBG">Artigo IV - Interpretação</div>
<br>
<div class="TituloMedium"><b>Seção 4.1</b></div>
<br>
<div class="TituloML">Fazer-se passar por membro da Equipe (Nome, Avatar, Assinatura, etc) poderá levar à admoestação do utilizador ou mesmo ao bloqueio da conta.</div>
<br>
<div class="TituloMedium"><b>Seção 4.2</b></div>
<br>
<div class="TituloML">Dizer-se amigo de GM, CM ou Funcionário da Level Up! ou da Nexon para provocar, ou tirar proveito de tal status.</div>
<br>
<div class="TituloNoBG">Artigo V - Moderação</div>
<br>
<div class="TituloMedium"><b>Seção 5.1</b></div>
<br>
<div class="TituloML">É vedado que o membro efetue qualquer alteração em edição realizada pela Moderação sobre quaisquer circunstancias.</div>
<br>
<div class="TituloMedium"><b>Seção 5.2</b></div>
<br>
<div class="TituloML">Administradores e Moderadores poderão cancelar ou editar contas de usuários a qualquer momento, sem nenhuma compensação, justificativas ou aviso prévio. Sua conta poderá ser removida se infringir qualquer item destes termos ou qualquer nova razão que possa vir a acontecer. Casos omissos serão julgados pelos Administradores.</div>

A classe está pegando, veja:

http://prntscr.com/6fl7h5

A diferença e que o text-shadow, não transparecerá, pois a cor do fórum e black.
Mudando a cor do text-shadow:

http://prntscr.com/6fl7zk

Ok...então me responde: por que no meu fórum não funciona?

"A diferença e que o text-shadow, não transparecerá, pois a cor do fórum e black."
O senhor leu?

Sim eu li, mas na minha opinião leiga, o text-shadow não fará a classe não funcionar, apenas não mostrará um efeito extra.

Então, tá difícil em.
Vamos ver se consigo te explicar o que ocorre.
Sem text-shadow:

http://prntscr.com/6flela

Código:

    <style>
.TituloMR { /*Para títulos/textos medianos - Alinhados à Direita (Right)*/
      color: #ddd;
      font-family: Verdana, Tahoma, sans-serif;
      font-variant: small-caps;
      font-size: 14pt;
      text-align: right;

      line-height: 150%;
    }
    .TituloML { /*Para títulos/textos medianos - Alinhados à Esquerda (Left)*/
      color: #ddd;
      font-family: Verdana, Tahoma, sans-serif;
      font-variant: small-caps;
      font-size: 14pt;
      text-align: left;
   
      line-height: 150%;
}</style>
<div class="TituloML">EE</div>
<div class="TituloMR">EE</div>

Com text-shadow:


http://prntscr.com/6flf9b

Código:

    <style>
.TituloMR { /*Para títulos/textos medianos - Alinhados à Direita (Right)*/
      color: #ddd;
      font-family: Verdana, Tahoma, sans-serif;
      font-variant: small-caps;
      font-size: 14pt;
      text-align: right;
      text-shadow: 0 2px 5px black;
      line-height: 150%;
    }
    .TituloML { /*Para títulos/textos medianos - Alinhados à Esquerda (Left)*/
      color: #ddd;
      font-family: Verdana, Tahoma, sans-serif;
      font-variant: small-caps;
      font-size: 14pt;
      text-align: left;
      text-shadow: 0 2px 5px black;
      line-height: 150%;
}</style>
<div class="TituloML">EE</div>
<div class="TituloMR">EE</div>

Infelizmente, a sua opinião não e valida.

EuficoLoko escreveu:Então, tá difícil em.
Vamos ver se consigo te explicar o que ocorre.
Sem text-shadow:

Com text-shadow:

Infelizmente, a sua opinião não e valida.

Cara, nem te respondi ontem, para não lhe ofender. E nunca desrespeitei ninguém da FdF, mas você pede por isso, sua lepra.

Primeiro, não sou leigo com programação.
Segundo, não ouse falar escrotisse para mim. Com ou sem a droga do Text-Shadow a classe do CSS deveria funcionar em MEU FÓRUM. Porque a droga do Text-Shadow nada mais é que um efeito de sombra.

Sendo assim, se você preferir, posso passar meu CSS inteiro para você e/ou minha página HTML para que você faça os testes adequados e corretos.

Não precisa xingar, agora levará a banimento.

Mas sobre suas class elas funcionam sim, o que quer dizer de que não funcionam?

Precisa xingar sim, o cara não olha nem meu site para saber se o problema era no CSS de fato ou se era meu cache que estava "corrompido".

Agradeço por você ter respondido aqui. Para mim ainda estava errado, então sismei de dar "Ctrl + F5" e resolveu.

Creio eu, que se o ajudeiro tivesse me alertado disso, não precisaríamos ter passado por tudo isso.

Obrigado.