28172 sujets

CSS et mise en forme, CSS3

Bonjour,
Voici mon problème. J'utilise Joomla et je suis en train de coder la feuille de style pour customiser l'apparence. Le seul hic est que je n'ai pas complètement la main sur le code html généré Smiley decu

Mon problème est le suivant :
Dans une classe blogTab j'ai un formatage spécial pour les liens (une puce en background et un padding) mais j'aimerais que ce code ne s'applique pas aux liens sur images. Mais comme les images sont les "enfants" de mes liens et qu'ils ont le même héritage, je suis bloquée. Pouvez-vous m'aider ?

Voici la structure du code que j'ai :

<div class="blogTab item column-1">
    <p>
         <a href="#">
            <img width="200" height="130" border="0" alt="photo" src="img/nos-actions-education.jpg">
         </a>
    </p>
   <div class="blogTab">
       <h3>
             <a href="#"> Education</a>
      </h3>
   </div>
</div>


Et mon code CSS

.blogTab img {
-webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  width:100%;
  height:auto;
}

.blogTab h3 {
  background: none repeat scroll 0 0 #0073BA;
  margin-top: -10px;
  padding: 10px;
}
.blogTab.items-row a, .blogTab.item a {
color:white!important;
background: url('../images/flechew.png') 5px no-repeat scroll;
padding-left:30px;
}


Merci beaucoup.
Modifié par zyltar (11 Feb 2014 - 10:25)
Ce n'est peut-être pas la solution la plus catholique, mais si tu affectes un style à tes enfants en ajoutant "!important" à la fin de chaque déclaration, ça ne fonctionne pas?
Bonjour,
Merci beaucoup pour vos réponses Smiley smile
@Lothindil : La solution du not me parait parfaite, je vais la tester. Ca m'évite ainsi de mettre une classe spécifique dans le lien de l'image (ce qui est lourd à gérer au quotidien).

Je reviens avec un post quand c'est testé Smiley biggrin