| | Enlever les pointiller d'une image |  |
|
 KiiMy 
{ Membre }
 Messages : 82
 | Bonjour,
J'ai mis un code pour que lorsqu'on passe la souris sur un lien, celui-ci à des pointiller en dessous, seulement ça s'affecte également au image et j'aimerais que ce ne sois pas le cas. Merci pour votre aide.
Kim' | | |
|
| | |
Lylinee
{ Membre }
Messages : 98
| Il faudrait voir ton code CSS pour pouvoir te venir en aide je pense. | | |
|
| | |
KiiMy
{ Membre }
Messages : 82
| Je refait totalement le css donc il est très cour  - Code:
-
.postdetails.poster-profile a img
{
border: 4px double #000000;
}
img{
opacity: 1;
}
img:hover {
opacity: 0.8;
}
a:hover{
text-decoration: none !important;
border-bottom : 1px dashed #FFAA54;
}
a{
text-decoration: none !important;
outline: none !important;
}
Merci pour ta réponse, en espérant que tu puisses m'aider | | |
|
| | |
Air.
{ Membre }
 Messages : 221
| - Code:
-
a:hover{
text-decoration: none !important;
border-bottom : 1px dashed #FFAA54;
}
enlève le border-bottom : 1px dashed #FFAA54; =) | | |
|
| | |
Kimy
{ Membre actif }
Messages : 1190
| Oui mais non...
Justement elle veut un soulignement en pointillé pour ses liens. Sauf que cela s'applique aussi aux images (qui contiennent des liens) et ça elle ne le veut pas.
Mais si vous lui faites enlever ce que vous dites, ben elle n'aura plus de soulignement sur ses liens... | | |
|
| | |
KiiMy
{ Membre }
Messages : 82
| Oui c'est tout à fait cela Kimy Un autre tente ?! (LOL) | | |
|
| | |
iowan
{ Membre actif }
Messages : 304
| salut, ouvre le template overal_head avant la balise - Code:
-
</head>
colle ca - Code:
-
<script type="text/javascript">
$(function(){
$('img').parent().addClass('a_img');
});
</script>
sauvgarde et publie le template. apres colle ceci dans le css de ton forum - Code:
-
.a_img:hover{
border-bottom: none !important;
}
|
Dernière édition par iowan le Sam 18 Sep 2010, 02:18, édité 1 fois | |
|
| | |
Elfwyn
{ Membre }
Messages : 18
| Bonsoir,
J'essaie moi aussi de résoudre le problème... Malheureusement, le code dans le template que tu nous proposes de coller, apparaît au dessus de la bannière du forum xD
Il se peut que je me soit trompé dans l'emplacement... Alors si tu pouvais apporter plus de précisions sur la marche à suivre, je t'en serai gré ^^
Bien à toi, Elfwyn. | | |
|
| | |
iowan
{ Membre actif }
Messages : 304
| =S j'ai oublié le tag javascript, j'ai edité l'ancien message | | |
|
| | |
Elfwyn
{ Membre }
Messages : 18
| Bonjour,
Cela fonctionne très bien, je t'en remercie grandement.
Bien à toi, Elfwyn. | | |
|
| | |
KiiMy
{ Membre }
Messages : 82
| Sa fonctionne chez moi aussi, merci beaucoup !!!
[tu dervrais faire un tuto c'est hyper pratique] | | |
|
| | |
Kimy
{ Membre actif }
Messages : 1190
| Tuto fait par Kaiji ^^
Je classe ! | | |
|
| | |
KiiMy
{ Membre }
Messages : 82
| |
| | |
Kimy
{ Membre actif }
Messages : 1190
| Kimy est fatiguée XD
Autant pour moi je me suis trompée x) C'est pour la virgule qu'elle a fait un tuto XD | | |
|
| | |
Ai-Chan~~
{ Membre }
Messages : 26
| bonjour, je rouvre ce sujet, je m'en excuse d'avance si je devais créer un autre sujet ^^'''' Je pensais que ça avait marché mais en fait pour enlevé le soulignement, je dois passer le curseur dessus. - Spoiler:
- Code:
-
.test {
border: 2px solid #FFFFFF;
}
ul {
display: block; padding-left: 8px; padding-right: 10px;
}
#navigation ul{
list-style-type: none;
text-align: center;
}
#navigation li{
display: inline;
text-align: center;
margin: 0 10px 0 0;
}
#navigation li a {
padding: 2px 7px 2px 7px;
color: #FFF;
background-color: #000000;
border: 1px solid #ccc;
text-decoration: none;
}
#navigation li a:hover{
background-color: #333333;
color: #ffffff;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.bodyline {
-moz-border-radius:10px;
}
.forumline{
background-color: #592F00 ;
-moz-border-radius: 10px ;
border: 3px #ffffff solid;
}
a {
text-shadow: 3px 2px 10px #000000;
}
a {
font-variant: small-caps;
}
.a_img:hover{
border-bottom: none !important;
}
a:hover {
text-decoration: none !important;
}
a { text-decoration: none !important;
border-bottom : 1px dotted #FF6F00
}
Je ne sais pas d'où pourrait venir le problème... Le seul moyen que j'ai trouvé c'est de mettre le soulignement avec la même couleur du fond, seulement je dois apporter encore des modifications pour les couleurs et j'aimerais savoir si c'est moi qui me suis trompé dans le code que je ne sois pas obligé de devoir me coltiner les couleurs du fond pour caché ce défaut >__<" | | |
|
| | |
Contenu sponsorisé
| |
| | |
| | Enlever les pointiller d'une image | |
|
