28173 sujets

CSS et mise en forme, CSS3

[Résolu] Text-decoration imbriqués

Salut,

Un pb me prend le chou... bidou.

J'ai un div dans lequel mes lien sont soulignés

div#box
{
text-decoration: underline
}

Dans cette boite, j'ai une seconde boite dans laquelle mes lien ne doivent pas être soulignés

div#minibox
{
text-decoration: none
}


Marche pas. Ils sont soulignés. Pourquoi ne prennent-ils pas en compte la css de la 2nd boite en compte ?

Y a aps de solution ?
Modifié par Grantome (19 Sep 2006 - 17:45)
je pense qu'il faut faire référence aux liens dans ta css :

div#minibox [b]a[/b] {
  text-decoration: none ;
}

Modifié par Giboo (17 Sep 2006 - 18:30)
Autant pour moi, je me suis mal exprimé.

Voilà le code exact:

<div id="box">
<a>Lien1</a>
 <div id="minibox">
 <a>Lien2</a>
 </div>
</div>


La css:

div#box a:link, div#box a:visited,  etc...
{
text-decoration: underline
}

div#minibox a:link, div#box a:visited,  etc...
{
text-decoration: none
}


Les lien 1 et 2 sont tout les deux soulignés.
Bonjour,

Essaye :


div#box a{
text-decoration: underline
}

div#box a:visited{
text-decoration: underline
}

div#minibox a{
text-decoration: none
}

div#minibox a:visited{
text-decoration: none
}


C'est mieux
Grantome a écrit :
Autant pour moi, je me suis mal exprimé.


Pourrais-tu juste reproduire à l'identique le code que tu utilises et qui te pose problème ? Ou mieux, fournir une url? Parce que cela ne pose aucun problème sur le fond, mais qu'on ne sait pas très bien quelle erreur tu commets en tapant sans doute un peu approximativement dans ta CSS réelle... Smiley cligne
Bonsoir,
Je me trompe peut-être, mais le problème ne viendrait-il tout simplement pas d'un oubli de ponctuation
(le point virgule en fin d'instruction...) ? Smiley rolleyes

Grantome a écrit :

Voilà le code exact:
div#box a:link, div#box a:visited, etc... {
text-decoration: underline
}

div#minibox a:link, div#box a:visited, etc... {
text-decoration: none
}


Au lieu de :

div#box a:link, div#box a:visited {
text-decoration: underline  [#red][b];[/b][/#]
}

div#minibox a:link, div#box a:visited {
text-decoration: none [#red][b];[/b][/#]
}


Smiley murf
Le point-virgule final systématique est une excellente habitude à prendre, en effet, car il élimine des facteurs d'erreur potentiels.

Mais ici, non, ce n'est pas en cause.
Re,

Evidemment dans le contexte c'est mieux !


.pub-index
{
width: 738px;
height: 100px;
margin: 20px 0 20px 0;
text-align: center
}

.pub-index1 
{
width: 300px;
height: 100px;
border: 0;
display: block;
float: left;
margin-left: 50px;
}



.pub-index2	
{
width: 300px;
height: 100px;
margin: 0 0 0 50px;
border: 0;
display: block;
float: left;
}

.pub-index a:link /* je ne sais même pas si c'est utile avec les border:0 ?*/
{
text-decoration: none;
}


Vu le reste du code, je ne m'étendrais pas, sûrement erreur d'inattention
Modifié par ghost (18 Sep 2006 - 00:17)
ghost a écrit :

Vu le reste du code, je ne m'étendrais pas, sûrement erreur d'inattention

Pourquoi ? Il a quoi le code ?


Et je ne vois pas en quoi tes 3 modif vont changer quoique se soit au problème.

"float et display" n'ont rien à voir avec le problème, et sont inutiles dans mon cas. Tout comme le "margin-left: 50px;"
Modifié par Grantome (18 Sep 2006 - 01:46)
Houla !!
Pour préciser ma pensée, comme le code à l'air d'un bon niveau peut être le codeur l'est aussi et je ne ferais pas par manque de temps, offense de donner des explications sur ma tentative d'aide. Maintenant, je peux très bien perdre le temps que je n'ai pas ailleurs aussi.

Cordialement.

<edit> teste le avant </edit>
Modifié par ghost (18 Sep 2006 - 01:52)
OK, je pensais à une remarque désobligeante. Smiley confused

Donc je reprend.

J'ai testé tes remarques qui ne changent rien au problème.
Tu ne voulais plus que tes liens img soient soulignés ?

<edit> je viens de tester sous IE, les blocs passent un sous l'autre à cause du margin-left: 50px que j'ai mis au pif, il suffit de le diminuer. La prochaine fois je testerais aussi ... </edit>

<re> Au fait, jetes un oeil aussi ton bloc "contributions" a tendance à prendre de l'altitude sous IE...</re>
Modifié par ghost (18 Sep 2006 - 02:46)
Bon, j'ai fait deux bloc class box et au milieu un id minibox.

Et on en parle plus.

Mais je ne comprend pas pourquoi mes lien gardaient la classe de la principal et non la leur...
Sujet clos
Aller à