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

Share this post


Link to post
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^^.

Share this post


Link to post
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.

Share this post


Link to post
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...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More