|
Voir le sujet précédent :: Voir le sujet suivant
|
| Auteur |
Message |
| |
|
Selection A
WRInaute occasionnel
Inscrit le: 14 Mar 2005
Messages: 249
Localisation: Paris
|
 Posté le : Mer Déc 13, 2006 13:46 Sujet du message: [CSS] Fusionner les bordures de deux boites |
|
|
Bonjour,
Je voudrais savoir si il existe un moyen de fusionner les bordures de deux boites qui se touchent. Je sais qu'il existe le paramètre border-collapse mais il ne s'applique qu'au tableau.
Merci d'avance |
|
| |
|
 |
rikew
WRInaute impliqué
Inscrit le: 19 Déc 2002
Messages: 470
Localisation: Marseille
|
| Posté le : Mer Déc 13, 2006 15:11 Sujet du message: [CSS] Fusionner les bordures de deux boites |
|
|
| Sur une des 2 boites tu ne met pas de bordure sur la face en contact avec l'autre |
|
| |
|
|
Selection A
WRInaute occasionnel
Inscrit le: 14 Mar 2005
Messages: 249
Localisation: Paris
|
| Posté le : Mer Déc 13, 2006 15:52 Sujet du message: [CSS] Fusionner les bordures de deux boites |
|
|
Bien sur mais cette solution ne me satisfait pas 
En fait j'ai une liste verticale comme ceci :
une boite titre avec les bordures
une boite description sans bordures
une boite titre avec les bordures
une boite description sans bordures
...
Il y a un lien dans les boites titres qui permet d'afficher la boite description ou de cacher la boite description. C'est dans ce 2ème cas que les deux boites avec bordures se touchent. Sinon quand la boite description est afficheé, elles ne se touchent pas et il me faut une bordure tout autours. |
|
| |
|
|
Xou
WRInaute occasionnel
Inscrit le: 02 Juin 2006
Messages: 187
Localisation: Tours, France
|
| Posté le : Mer Déc 13, 2006 17:37 Sujet du message: [CSS] Fusionner les bordures de deux boites |
|
|
| alors gestion dynamique du css : pas le choix ! |
|
| |
|
|
Didier_S
WRInaute passionné
Inscrit le: 24 Aoû 2004
Messages: 562
Localisation: Paris
|
| Posté le : Mer Déc 13, 2006 17:48 Sujet du message: [CSS] Fusionner les bordures de deux boites |
|
|
tu peux faire 2 classes (une avec et une sans bordures), et la changer en JavaScript (DOM) du genre document.getElementById('description2').className = 'noBorders';
(en appelant ta classe noBorder, et en visant l'élément dont l'id est description2) |
|
| |
|
|
obi
WRInaute occasionnel
Inscrit le: 26 Juil 2006
Messages: 238
Localisation: Toulouse
|
| Posté le : Mer Déc 13, 2006 18:55 Sujet du message: [CSS] Fusionner les bordures de deux boites |
|
|
Sinon, tu as le sélecteur CSS +, qui détecte deux éléments côte à côte.
Ca donnerait:
| Code: |
.titre{
border:1px solid black;
}
.titre + .titre {
border-left:none;
}
|
Qui vire la bordure droite lorsqu'une balise .titre suit une autre .titre.
Petit bémol, cela ne fonctionne pas avec IE 6, mais je crois que ça passe en 7. |
|
| |
|
|
Selection A
WRInaute occasionnel
Inscrit le: 14 Mar 2005
Messages: 249
Localisation: Paris
|
| Posté le : Mer Déc 13, 2006 22:46 Sujet du message: [CSS] Fusionner les bordures de deux boites |
|
|
Merci pour vos idées !
Je m'en vais tester tout ça  |
|
| |
|
|
| |
|
|
