28111 sujets

CSS et mise en forme, CSS3

bonjour,
je suis en train de créer une sorte de labyrinthe qui génère une combinaison pour créer un chemin à partir de flèche.

Le problème est que, j'utilise des ronds fait de div pour chaque passage (exemple = 0 0 0)
pour les relier à mon chemin , j'utilise des flèches eux aussi fait avec des div mais quand je place ces div, cela bouge tout mes ronds.

Il n'existe pas une fonction pour empêcher cela ?

je tiens à m'excuser pour les fautes, (je suis encore très jeune)
ha oui excusez moi !
voici le css :
#flechea{
    position: relative;
    top: -15px;
    display: inline-flex;
    margin: 5px;
    background-color: blueviolet;
    width: 10px;
    height: 10px;
    
}

et voici la fonction pour le placer :
function ajoutfleche() {
                var flechea = document.createElement('div');
                var textediv = document.createTextNode('');
                flechea.appendChild(textediv);
                document.body.appendChild(flechea);
                var crealigne = crealigne + 1
                flechea.id = 'flechea'
            }