• Résolu Insertion espace entre des photos


    Jeudi 25 Octobre 2018 à 00:18
    TerreArt

    Bonjour

    Lorsque je veux mettre plusieurs photos sur une page je n'arrive pas à créer d'espace entre les photos, mon curseur de permet pas de les séparer et le rendu est moche

    Merci de m'aider

     

    Jeudi 25 Octobre 2018 à 08:50
    Pipiou

    Bonjour,

    perso quand je veux séparer des vues :

    - je clique sur la première photo/image
    - je déplace le curseur en appuyant une seule fois sur la flèche droite du clavier (pavé de 4 flèches)  pour que le curseur se positionne juste après la photo/image
    - je fais des espaces avec la barre d'espace

    le lien de l'image/photo va sûrement être prolongé sur ces espaces et fera apparaitre un trait bleu : tu sélectionnes ce trait/espaces et tu supprimes "le lien"

    Autre façon de faire : créer des espaces (barre d'espace) et tu inséres les photos/images sur la ligne d'espaces, ça évite la continuité "des liens" 
    (Pense que les espaces créés vont se déplacer vers la droite quand la photo/image sera insérée)

    Sinon en passant par le code source on peut aussi ajouter    là où on veut un espace
         si ont veut 2 espaces.

    Y'a peut-être une autre façon de faire ?

     

    Jeudi 25 Octobre 2018 à 10:13
    TerreArt

    Merci, je teste ce soir

    Jeudi 25 Octobre 2018 à 15:25
    stormalo

    Bonjour,

    voici effectivement une autre façon de faire smile

    Un élément affiché peut être imaginé dans le code source comme étant dans une sorte de boite. Les boites contenant des images correspondent aux balises <img>. Pour que ces boites ne se touchent pas, on a la possibilité est de leur affecter des marges.

    En pratique, à partir de l'éditeur :
    1) Sélectionner l'image par un clic gauche (elle apparait entourée d'un cadre fin)
    2) Cliquer sur l'icône "insérer/éditer une image, puis sur l'onglet "Avancé"
    3) Dans le champ style on indique précisément le code nécessaire.

    Par exemple:
    margin: 10px; (pour une marge extérieure de 10px sur les 4 cotés)
    ou
    margin-left: 10px; margin-right: 10px; (pour une marge extérieure de 10px cotés gauche et droit)
    ( margin-top pour le haut et margin-bottom pour le bas)

    4) terminer par OK

    Si visuellement  on préfère mettre un espace à l'intérieur de la "boite" on utilise padding à la place de margin.

    Au suivant . . .

    Jeudi 25 Octobre 2018 à 16:21
    Pipiou

    ha mais oui c'est vrai : j'y pense jamais à ce réglage via l'éditeur  cry  

     cool

     




    Ce sujet est verrouillé. Vous ne pouvez donc pas poster de nouvelles réponses.