IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

réduire espace entre un lien


Sujet :

CSS

  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Novembre 2010
    Messages
    16
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2010
    Messages : 16
    Points : 12
    Points
    12
    Par défaut réduire espace entre un lien
    Bonjour

    Je souhaite savoir comment réduire l'espace avant et après un lien (balise en ligne) grâce au CSS.
    ex :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    </p>
       <h1>Exposition</h1>
          <p>Montier-en-Der : <a href="http://www.festiphoto-montier.org">http://www.festiphoto-montier.org</a> , le festival international de photo animalière et de nature.
    </p>
    Dans un paragraphe, j'ai placé un lien avec du texte avant et après. Mais il y a un espace trop important avant et après ce lien, donc comment faire pour le réduire ?
    Merci d'avance.

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 868
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 868
    Points : 16 258
    Points
    16 258
    Par défaut
    Normalement un lien sans style se comporte comme un texte normal, prend le même "espace" entre les mots. Donc si ça ne se comporte pas comme tel, c'est que tu as un style sur tes liens qui vient perturber ce fonctionnement. Et sans voir ce style, on ne peut pas t'aider.

  3. #3
    Membre à l'essai
    Profil pro
    Inscrit en
    Novembre 2010
    Messages
    16
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2010
    Messages : 16
    Points : 12
    Points
    12
    Par défaut
    je viens de trouver la solution;j'ai mis dans le html une balise blockquote entre mon lien et une balise id pour le paragraphe. Ensuite dans le CSS j'ai mis mon lien imbriqué dans une balise blockquote avec des marges gauche et droite à zéro.
    Enfin bref cela fonctionne

    ex html :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <h1>Divers</h1>
    		<p id="divers">LPO de Franche-Comté : <a href="http://franche-comte.lpo.fr">http://franche-comte.lpo.fr</a> , ligue de protection des oiseaux.
    		</p>
    	</blockquote>

    ex
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    CSS : blockquote a
    	{
    		margin-left: 1px;
    		margin-right: 1px;
    	}

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 1
    Dernier message: 13/11/2014, 12h33
  2. Réduire espace entre les lignes d'une légende
    Par minorette dans le forum Mise en forme
    Réponses: 6
    Dernier message: 28/06/2012, 09h55
  3. réduire espace entre deux balises CSS
    Par damienbx dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 27/01/2008, 13h07
  4. Réduire l'espace entre légende et figure
    Par Youn05 dans le forum Tableaux - Graphiques - Images - Flottants
    Réponses: 2
    Dernier message: 16/12/2006, 17h28
  5. comment faire des espaces entre deux liens ???
    Par baaps dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 24/03/2005, 09h53

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo