Comment ajuster l'espacement des paragraphes dans Dreamweaver CS3

Réglez l'espacement entre les lignes dans les paragraphes

1. Ouvrez la page Web que vous souhaitez travailler dans Adobe Dreamweaver CS3.

2. Cliquez sur le bouton "Split" dans la barre au dessus de la page afin que la fenêtre montre à la fois le code et la page WYSIWYG.

3. Repérez la balise de fermeture dans le code source de la page. Mettez en quelques lignes vides avec votre "retour" ou la touche "Enter", avant de fournir un espace de travail vierge.

4. Tapez le code suivant dans les lignes vierges (cela suppose que vous avez pas d'autre feuille de style à laquelle se réfère la page):

   
   
   
   
   

   p {

   line-height: 3;

   }

5. Modification de l'espacement de vos lignes que vous le souhaitez. Dans l'étape 4, line-height est fixé à 3, ce qui signifie toutes les lignes dans vos paragraphes seront espacées de trois fois la taille de la police, soit ils seront à triple interligne. Vous pouvez également modifier la variable à définir l'espacement selon la hauteur en pixels, points, centimètres et plus. Exemples, respectivement, sont 25px, 18pt et 2,5 cm. Un certain nombre d'unités sans se réfère toujours à la hauteur de la police utilisée dans une ligne.

Espace entre les paragraphes

1. 
   
   

   Tapez deux lignes vides après le "line-height: 3-" et avant la fermeture "}" dans la feuille de style que vous venez de créer.

2. Ajouter le code suivant dans les nouvelles lignes vides:

   margin-top: 2cm;

   margin-bottom: 2cm;

3. Ajustez les marges supérieure et inférieure de paragraphes au goût. Au lieu de 2 centimètres comme dans le code de l'étape 2, vous pouvez choisir d'avoir un seul espace en remplaçant la valeur "de 2cm" par "1".

Conseils Avertissements

• Jouez avec des valeurs jusqu'à ce que la page semble parfait. Vous ne pouvez pas briser.
• Les codes présentées ici auront une incidence sur tous les paragraphes dans une page Web. Techniques avancées existent pour vous aider paragraphes individuels style.