Jump to content

[Résolu] Problème padding


Recommended Posts

Bonjour a tous,

J'ai découvert Prestashop il y a deux jours et je me suis mi en tête de le tester en faisant un petit design^^
Pour illustrer mon problème voici une image ci-dessous.
Ce que je veux: baisser les titres (entourés en rouge) de mes catégories. (div H4 dans le CSS).
En effet, quand j'augmente le padding-top de façon à décalé le texte vers le bas, un espace ce produit de la taille du padding-top à l'endroit ou il y a les flèches bleu.

div.block h4 {
   text-align:center;
   text-transform: uppercase;
   font-family: Helvetica, Sans-Serif;
   font-weight: bold;
   font-size: 1.2em;
   padding-left:0.5em;
   padding-top:2px;
   line-height:1.3em;
   color: #white;
   height: 66px;
   background: transparent url('../img/block_header.jpg') no-repeat top left;
}

9574_orUNti9xIA602Hj74kQw_t

Link to comment
Share on other sites

Bon finalement j'ai réussi en mettant quand même mon padding-top à 25px dans cette classe puis en mettant un margin-top négatif (-25px) dans le block_content et ca marche bien sur sur tout les navigateurs^^.

Link to comment
Share on other sites

Bonjour,
tu aurais pu essayer un margin-top au block h4 et jouer sur son height. En tout cas le line-height est concerné, tu devrais lui donner la meme valeur que le height.
ajoute un background ou des bordures colorés >>> border:1px solid red; pour mieux voir la taille des blocs ça aide souvent.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...