Modifier la taille du logo dans header

[aboub]

Bonjour à tous,

Quelle est le code css à rentrer pour que la taille du logo s'ajuste automatiquement, sans avoir à modifier le padding des autres champs.

Le logo étant de taille assez élevé, le principe est qu'il se trouve au dessus de tout les champs en entête du site, sur toute la largeur.

Je suis en ce moment sur un site avec opencart 1.5.1.1 + traduction française.

[LeorLindel]

Bonsoir,

Le logo étant une image (logo.png), tu peux la redimensionner suivant tes besoins de façon à ce qu'elle s'adapte à ceux-ci.

[aboub]

Le problème qui se pose ici, c'est que la taille impartie pour le logo ne s'adapte pas à la taille de mon logo et celui ci se retrouve chevauchant le menu et la bannière.

Comment éviter cela?

[LeorLindel]

Je viens de le dire, en redimensionnant ton logo ou je ne comprend pas ce que tu me dis.

[aboub]

Oui, j'ai bien lu, mais je me répète car j'obtiens une superposition du logo sur le menu.

[LeorLindel]

Utilises l'Add On de Firefox "Webdeveloper", tu trouveras le sujet qui en parle en tapant ce mot-clé dans la recherche. Il te permettra de visualiser les zones de CSS qui s"appliquent aux pages de ton site.

[aboub]

Merci de ta patience.

Donc pour modifier la taille de la zone impartie au logo, il faut modifier la partie "height" situé dans la feuille de style css.

/www/catalog/view/theme/default/stylesheet/stylesheet.css

Code: Tout sélectionner

/* header */
#header {
   height: 350px;
   margin-bottom: 7px;
   padding-bottom: 4px;
   position: relative;
   z-index: 99;

Me trompe-je?