Bonjour,
Je n'arrive pas a réduire l'espace entre deux <hr> à 0 sous IE. Sous FF cela fonctionne bien pourtant...
Je voudrais un hr2 collé a un hr3 successif...
Si quelqu'un peut m'aider parce que je ne trouve vraiment pas la solution...
Merci.
Version imprimable
Bonjour,
Je n'arrive pas a réduire l'espace entre deux <hr> à 0 sous IE. Sous FF cela fonctionne bien pourtant...
Je voudrais un hr2 collé a un hr3 successif...
Si quelqu'un peut m'aider parce que je ne trouve vraiment pas la solution...
Merci.
mmmh mmh,
tout ca me parait un peu confus...
h1 et h2 sont des balises, hr aussi...
Tu veux deux hr collé, ok, mais pourquoi ne pas en faire un plus haut, tu peux jouer sur la couleur et la largeur des bordure, voir la couleur de fond
toi, tu définis dans ton css h2 et h3, donc tu ne fais rien qui concerne une balise hr.
Si tes balises hr ont l'id h2 et h3, déjà je trouve que ca prête à confusion d'identifier une balise avec le nom d'une autre balise, et de plus, en css, tu devrais écrire #h2 et #h3.
le '#" signifie que tu sélectionnes l'élément dont l'identificateur est xxx (ce que tu a écris après le '#')
Si tu veux sélectionner ton élément par rapport à une classe, en css, tu fais comme dit au dessus, excepté que tu remplaces le '#" par le '.' (un point)
Donc j'ai pas trop compris ce que tu voulais et je t'invite à reformuler....
De plus, pour les histoires de truc qui se collent pas alors qu'ils ne devraient pas, la plupart du temps, la solution consiste à commencer ton css par:
puis de régler ces propriétés si nécessaire au cas par cas.Code:
2
3
4
Pfff excuse moi ! J'ai fais n'importe quoi dans mon premier post... même pas copié les bonnes lignes...
Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Je veux que les 2 hr de style hr2 et hr3 soit collées l'une à l'autre...Code:<h1><< DERNIERES NEWS >></h1><hr class="hr2"><hr class="hr3">
Désolé pour l'erreur + haut !
Merci.
C'est quoi cette vilaine chose?
Bon, j'imagine que tu parles à IE, honnêtement, les marges négatives plus grandes que ton élément, je ne sais pas trop ce que ca peut donner...Code:_margin: -7px 0;
ton css n'est pas très propres, mais j'imagine que ca vient de tes essais pour arriver à tes fins.
je ne sais pas si c'est une obligation mais tu mets tes couleurs en majuscule (et je n'ai jamais vu ca) je les mettrais en miniscule.
Tu utlises plusieurs notations pour ces couleurs, c'est pas une erreur, mais je trouve que ca embrouille (à toi de voir).
tu définis, pas mal de propriétés dans hr que tu redéfinis toujours dans tes class (je pense à width) peut être un peu de ménage possible
As-tu pris en compte la dernière parti de mon past précédent (j'ai fait un edit)
Personnellement, j'aurais fait un truc dans le genre:
Code:
2
3
4
5
6
7
8
Salut
Quel est le but de coller deux hr ?
Si c'est pour faire un souligné double, tu peux jouer avec la bordure de h1
Enfin, encode tes caractères spéciaux correctement car < et > peuvent êtres interprétés comme des ouvertures ou fermetures de balises. Utilise plutôtCode:h1 { border-bottom: 6px double #000000; }
Code:<h1><< DERNIERES NEWS >></h1>
Merci de vos réponses...
Le but de faire 2 hr qui se suivent, c'est de créer un effet visuel de relief... j'insère une ligne noir puis une rouge directement.
J'ai fais un peu le ménage parce que je ne m'y retrouvais plus moi même après tout ces essais...
Donc ok pour le principe de jouer sur les couleurs des bordures... mais lorsque j'insère une ligne de style hr3 j'ai simplement une ligne rouge (aussi bien sous IE que FF)...Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
bonjour,
ces sujets ne répondent pas à ton problème ?
http://www.developpez.net/forums/sho...d.php?t=176663
http://www.developpez.net/forums/sho...d.php?t=177544
Bonjour,Citation:
Envoyé par Auteur
Le premier ne parlait pas vraiment du même problème...
Par contre le second était un peu tombé dans l'oubli...8O :?
Je viens de tester et cela fonctionne !
Merci et désolé pour le doublon de poste :oops: .