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é
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 :
Et mon code CSS
Merci beaucoup.
Modifié par zyltar (11 Feb 2014 - 10:25)
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é
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)