Certains liens ne changent pas de couleur Bouton_activeCertains liens ne changent pas de couleur Bouton_hoverCertains liens ne changent pas de couleur Fb-hoverCertains liens ne changent pas de couleur Fb-active
AccueilForumÉquipe 
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Certains liens ne changent pas de couleur EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Certains liens ne changent pas de couleur EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Certains liens ne changent pas de couleur EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Certains liens ne changent pas de couleur EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Certains liens ne changent pas de couleur EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Certains liens ne changent pas de couleur EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Certains liens ne changent pas de couleur EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Certains liens ne changent pas de couleur EmptySam 11 Fév 2023, 06:04 par Krager

-25%
Le deal à ne pas rater :
PC Portable Gamer 16,1” HP Victus 16 – 16 Go /512 Go
749.99 € 999.99 €
Voir le deal

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Certains liens ne changent pas de couleur

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://etsi.forumactif.com
Misstro
Misstro
{ Membre }
{ Membre }

Féminin Messages : 16



Certains liens ne changent pas de couleur Empty
Bonjour, ou bonsoir!

Après maintes tests infructueux, je m'en viens implorer l'aide des supers-doués que vous êtes ^^
Avant d'exposer mon problème, voici les info requises:

# Adresse: http://testtro.weshforum.com
# Le navigateur utilisé: Firefox
# La version du forum: PHBB2
# Problème de CSS ou HTML : CSS je pense.
# Une capture d'écran: le forum vaut mieux que mille mots, mais dans le cas de changements:
https://i.servimg.com/u/f64/09/04/31/70/captur10.png

https://i.servimg.com/u/f64/09/04/31/70/captur11.png


# Explications du problème:

Lors de la création du nouveau design, les couleurs ont été modifiées sur la partie "Couleurs" du panneau de configuration.

Par la suite, sur ce forum de test, j'ai souhaité supprimer les colonnes "Sujets" et "Messages", comme vous pouvez le constater. Depuis, pouf, mes liens visités sont tous en une sorte de rouge brique absolument indésirable.
Sur les derniers messages, le lien survolé est également d'un rouge vif...pourtant, je n'ai absolument rien changé dans mon CSS!

J'ai donc songé à un souci dans les templates modifiés, et ai exporté ce thème vers mon forum officiel, en pensant que ça collerait.

Erreur...le problème persiste, et quand je trouve un système pour le corriger (avec "!important"), il me met TOUS mes liens de la même couleur, groupes compris.

Bref, je m'arrache un peu le cheveux avec une couleur qui n'existe pas dans mon CSS...!

Voici mes codes du forum test:

CSS:

Code:
/*AUCUN LIEN SOULIGNE*/

a {
text-decoration: none !important;
}

a.nav:hover{
    text-decoration: none !important;
    }

a.topictitle:hover{
    text-decoration: none !important;}

a.postlink:hover{
    text-decoration: none !important;
}

a.cattitle:hover{
    text-decoration: none! important;
}

a:hover {
text-decoration: none !important;
color: blue; /*modifie la couleur*/

}
a:active {
text-decoration: none !important;
color: black; /*modifie la couleur*/
text-transform: uppercase;
}
a:link {
color: yellow; /*modifie la couleur*/
}
a:visited {
text-decoration: none !important;
color: purple; /*modifie la couleur*/
text-transform: uppercase;
}


/*STRUCTURE DES TITRES DES SOUSCAT*/

a.forumlink{
font-weight: lighter;
text-shadow: black 2px 2px 3px;
background-color: #2f3b25;
border-bottom: 2px double #bce698;
text-align: center;
text-transform: uppercase;
font-color: #bce698;
-moz-border-radius: 7px 7px 7px 7px;
letter-spacing: 4px; /*Pour que les lettres soient espacées*/
font-family: tahoma;
font-size: 120%;
}

.bodyline{
    -moz-border-radius:10px;padding-left:6px; padding-right:6px; padding-top:6px; padding-bottom:6px;
    }

/*POUR CHANGER LES CADRES:*/

.forumline{
    background-color: #ffffff;
    border-bottom: 1px #588427 solid;
border-left: 1px #588427 solid;
border-right: 6px #588427 solid;
border-top: 6px #588427 solid;
-moz-border-radius: 12px;
    }

td.row1,td.row3.over:hover {

    -moz-border-radius: 2px;
}
td.row2,td.row1.over:hover {

    -moz-border-radius: 2px;
        }

td.row3{
    -moz-border-radius: 2px;
          }

/*TITRES CATEGORIES*/

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-image: url("http://i63.servimg.com/u/f63/11/03/07/26/imagec13.png");
   background-color:#bce698;
    border: #bce698;
    border-style: solid;
-moz-border-radius; 2px;
    height: 30px;
}

td.cat,td.catHead,td.catBottom {
background-color:#bce698
   height: 29px;
   border-width: 1px;
-moz-border-radius: 2px;
}

th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
   font-weight: bold;
    border: #ffffff;
    border-style: solid;
}

/*VIGNETTES*/

 .vignettes{
-moz-border-radius:6px;
border-bottom: 2px double #AD8251;
background-color: #DEC7A2;
padding-right:10px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;
}

/*ENCADREMENT DES DETAILS DE SOUSCAT*/

.cadresouscat {

align: center;
background-color: #2f3b25;
-moz-border-radius: 20px;
margin-top: 15px;
width: 400px;
height: auto;
border-bottom: 1px double #bce698;
border-left: 1px double;
border-top: 1px solid #bce698;
background-color=#bce698


}

.ombre1
{
text-shadow: black 2px 2px 3px;
font-family: times new roman;
font-size: 12px;
font-color: #ffffff;
}

.ombre2
{
text-shadow: grey 2px 2px 3px;
font-family: times new roman;
font-color: #588427;
}



.code{
    font-family: Courier,Courier New,sans-serif;
    font-size: 11px;
    color: #006600;
   background-color: #d8efc4;
    border: #bce698;
    border-style: dotted;
   border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 4px;
    border-bottom-width: 4px}
.code div.cont_code {
   max-height:200px;
   overflow:auto;
   }
.quote{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #444444;
    line-height: 125%;
   background-color: #d8efc4;
    border: #bce698;
    border-style: dotted;
   border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 4px;
    border-bottom-width: 4px}


Template modifié du forum test: (index_box)


Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}

         {CURRENT_TIME}

         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>

         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
            <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <table width="100%"><tr><td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></td><td align="right"><span class="gensmall"><i>Nos membres ont posté </i><span class: "ombre1"> {catrow.forumrow.POSTS}</span> <i>messages dans</i> <span class: "ombre1">{catrow.forumrow.TOPICS}</span> sujets.</span></td></tr></table>
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      <!-- BEGIN forum_link_no -->
            <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->


Voilou...je suis un peu désespérée, pour le coup ^^

Un immense merci à ceux et/ou celles qui prendront le temps de me donner un petit coup de main Very Happy
MessageSujet: Certains liens ne changent pas de couleur   Certains liens ne changent pas de couleur EmptySam 13 Nov 2010, 18:23
Revenir en haut Aller en bas
Invité
Invité




Certains liens ne changent pas de couleur Empty
Bonjour, merci d'avoir bien mis les détails nécessaires, c'est rare. Cependant, les liens qui ont été déjà visité sont colorés par le violet, donc si vous ne voulez qu'on voyent cette couleur indésirable, je vous conseil de supprimer cette partie de votre CSS:

Code:
a:visited {
text-decoration: none !important;
color: purple; /*modifie la couleur*/
text-transform: uppercase;
}
À supprimer.

Ai-je répondu à votre demande?
MessageSujet: Re: Certains liens ne changent pas de couleur   Certains liens ne changent pas de couleur EmptyDim 14 Nov 2010, 06:15
Revenir en haut Aller en bas
Druyk
Druyk
{ Membre actif }
{ Membre actif }

Masculin Messages : 339



Certains liens ne changent pas de couleur Empty
Bonjour,
Votre problème est-il toujours d'actualité ?
Si celui-ci est résolu, merci de cocher dans "icône du sujet" l'icône Certains liens ne changent pas de couleur Resolu3 en éditant votre premier post.
MessageSujet: Re: Certains liens ne changent pas de couleur   Certains liens ne changent pas de couleur EmptySam 20 Nov 2010, 16:17
Revenir en haut Aller en bas
http://www.school-of-pub.net/forum.htm
Murtagh
Murtagh
{ Modérateur }
{ Modérateur }

Masculin Messages : 1492



Certains liens ne changent pas de couleur Empty
Bonjour,

N'ayant pas eu de réponse depuis la dernière relance d'un modérateur, je considère votre problème comme abandonné ou résolu par vos propre moyens. Je déplace, et verrouille.
MessageSujet: Re: Certains liens ne changent pas de couleur   Certains liens ne changent pas de couleur EmptySam 27 Nov 2010, 05:08
Revenir en haut Aller en bas
Contenu sponsorisé




Certains liens ne changent pas de couleur Empty
MessageSujet: Re: Certains liens ne changent pas de couleur   Certains liens ne changent pas de couleur Empty
Revenir en haut Aller en bas
 

Certains liens ne changent pas de couleur

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» [problème]Chatbox sur toutes les pages qui changent la couleur de la police
» Couleur des liens
» Problème de couleur de liens
» Liens: couleur différente dans la PA
» [Liens] Lien qui change de couleur au survol

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

Partenaires Or

← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit | Informatique et Internet | Internet