Faire une bordure tronquée en CSS
Résolu
ZORTRE
Messages postés
7
Date d'inscription
lundi 29 juillet 2013
Statut
Membre
Dernière intervention
14 février 2018
-
11 oct. 2017 à 12:33
ZORTRE Messages postés 7 Date d'inscription lundi 29 juillet 2013 Statut Membre Dernière intervention 14 février 2018 - 14 févr. 2018 à 14:40
ZORTRE Messages postés 7 Date d'inscription lundi 29 juillet 2013 Statut Membre Dernière intervention 14 février 2018 - 14 févr. 2018 à 14:40
A voir également:
- Faire un menu en javascript
- Vba bordure cellule ✓ - Forum Visual Basic 6
- Css map ✓ - Forum PHP
- Rogner image css ✓ - Forum Javascript / DHTML
- Css div - Forum Javascript / DHTML
- Exemple de page d'accueil html et css ✓ - Forum Graphisme/design
1 réponse
Comme tu le dis c'est d'abord du CSS un peu comme une bulle de dialogue
commençons par créer notre structure
puis le CSS
Tout ce qu'il te reste à faire c'est recréer cette boîte avec JS et DOM pour les avoir sur demande
commençons par créer notre structure
<div class="bulle"> test <div class="arrow_border"></div> </div>
puis le CSS
.bulle{
position: relative;
padding: 15px;
margin-bottom: 30px;
text-align:center;
width:20%;
border:1px solid #555555;
}
.bubble .arrow_border{
width:0;
height:0;
line-height:0;
border-bottom:30px solid transparent;/*Grâce au deux lignes il créera une flêche*/
border-left:30px solid transparent;
border-right:30px solid #555555; /* couleur de la bordure de la bulle */
position:absolute;
bottom:-30px;
right:65px;
}
Tout ce qu'il te reste à faire c'est recréer cette boîte avec JS et DOM pour les avoir sur demande
14 févr. 2018 à 14:40
Merci beaucoup pour ta réponse, cela a vraiment répondu à ma préoccupation.
Cdlt.