Le code CSS à la marge de l'espace au-dessus du texte Seul sans toucher à l'arrière-plan?

J'ai une classe qui possède à la fois une image d'arrière-plan et le texte, j'essaie de trouver un moyen de manipuler l'espace au-dessus du Texte, à l'aide de la "marge" tag pour changer la position de l'ensemble de la chose (image + texte), j'ai besoin de contrôler le texte seulement.

text-indent me donne un certain contrôle sur l'espacement horizontal, j'ai besoin de quelque chose pour avoir plus de contrôle sur l'espace au-dessus et en dessous du texte que si une telle chose existe.

Voici la classe CSS:

.contactb { float:left; margin:0 5px 0 0; padding:0 0; background:url(images/contact_b.png) top no-repeat; display:block; width:108px; height:57px; font-family: 'hand-webfont'; color:black; font-size:17px; }

Voici le code HTML:

<li><a href="contact.html" class="contactb">Contact</a></li>

Toute aide serait appréciée gars.

veuillez inclure le code HTML et CSS afin que nous puissions avoir une meilleure compréhension de la question. Cela dit, avez-vous essayé d'utiliser padding au lieu de margin?
J'ai ajouté les deux, merci pour la réponse. Peut-être il ya quelque chose de mal avec mon code (encore un débutant ici), mais la marge et le remplissage à la fois l'effet de l'image d'arrière-plan qui bousille la mise en page, j'ai besoin de contrôler le texte seul.

OriginalL'auteur user1594603 | 2012-08-16

  1. 4

    Ce que vous cherchez simplement 'padding'.

    .myClass {
 padding-top:10px
 padding-bottom:10px;
}
    Merci pour la réponse, dans mon cas, le rembourrage des effets aussi l'ensemble de l'image qui bousille ma présentation, je vais ajouter le code dans la question maintenant.
    accepter sa réponse à cette question alors qu'il est marqué comme résolu?
    tout rembourrage vous ajouter vers le haut ou le bas doit être soustraite de la hauteur que vous avez mis sur le 'a' de l'onglet. De cette façon, le modèle de boîte travaille dans le CSS. donc, si vous padding-top:10px et vous avez votre taille indiquez à 57px vous devriez réduire votre hauteur de 47px. Cette théorie de la durée de séjour s'applique à la largeur d'un élément de la configuration de gauche/droite rembourrage.
    Merci beaucoup pour l'explication, de l'homme, la hauteur de la chose est ce qui me confond et réglage de la valeur résolu le problème. Je ne peux pas voter votre réponse car je n'ai pas assez de répétitions, mais je sûr qu'ils vont l'accepter maintenant, merci!

    OriginalL'auteur Billy Moat

  2. 1

    Voici un exemple de ce que je pense que vous essayez de faire: http://jsfiddle.net/yhV78/

    Le truc:

    1. créer un div qui contient votre image d'arrière-plan (dans mon cas, le fond est le lapin)
    2. créer un intérieur div (ou une série de divs) qui contient votre contenu. Vous pouvez les positionner soit en ajustant le rembourrage sur la partie intérieure des divs ou par une combinaison de relative et absolue de positionnement.
    Je suis en train de le faire pour une liste non-ordonnée, je pense que la création d'un div pour chaque ne me confondre plus et de le rendre plus compliqué, mais l'idée pourrait être utile à moi pour autre chose, merci pour la réponse.

    OriginalL'auteur Cynthia

  3. 1

    L'astuce est de combiner rembourrage avec arrière-plan d'origine...
    Cependant, il est pris en charge uniquement en CSS3 capable navigateurs (pas dans les anciennes versions IE: < IE9)

    Ce

    background-origin:border-box;

    plus approprié rembourrage fonctionne très bien pour moi...
    (La valeur par défaut de l'arrière-plan d'origine est padding-box, qui est la raison, rembourrage seul ne fonctionne pas pour vous...)

    OriginalL'auteur Jan Hnila