positionnement logo/site

[lizalox]

Bonjour, je ne parviens pas trouver ce que je dois changer dans mon code css style.css afin que mon logo/site se positionne correctement.
En fait, mon logo a la bonne taille mais je voudrais faire descendre le tout pour que la grosse ligne foncée se place sous le logo!
Merci d'avance de votre aide,
Le site en construction: lizanishop.com/prestashop

NB: j'ai demandé de l'aide au support du template payant (106€), il ne peuvent m'aider et me dirige vers un support payant!!! Idem pour le support de prestashop, il me propose un support annuel à plus de 300€!!!

Je veux simplement faire glisser mon site par rapport à mon logo, rien de plus!

David W.

[Jacques Biais]

Bonsoir,

Global.css ligne 35, modifie les propriétés suivantes et cela devrait convenir:

h1#logo {
left: 0;
position: absolute;
top: 0;
z-index: 1;

Cordialement

[Jacques Biais]

Au fait: La grosse ligne foncée s'appelle LE MENU!

[Atch]

NB: j'ai demandé de l'aide au support du template payant (106€), il ne peuvent m'aider et me dirige vers un support payant!!! Idem pour le support de prestashop, il me propose un support annuel à plus de 300€!!!

Je veux simplement faire glisser mon site par rapport à mon logo, rien de plus!

David W.

Salut,

AYE!!! C'est nouveau ça et c'est noté nulle part
Sympa le piège...

En regardant le thème on s'aperçoit que tout est codé en Absolute ( position top/left)...

La solution de Jacobis est la plus simple au vue de la taille de votre logo ( ça rentre pile poile )

Par contre si votre logo est plus grand c'est un poil plus long à ajuster :

Le menu ( la grosse ligne foncée) est positionné via une position absolute

ul#header_links {
   top: 103px;
}

Donc en théorie si on souhaite le déscendre il sutffit de modifier la valeur du top, MAIS la barre horizontale ne bouge pas.. En réalité cette barre est une image répétée en X dans le background général :

div#header_wrapper {
   background: url("../img/header.gif") repeat-x scroll 0 0 #EEEEEE;
}

Donc, pensez à modifier le positionnement de celui ci ( et la couleur de fond)

div#header_wrapper {
   background: url("../img/header.gif") repeat-x scroll 0 15px #ffffff;
}

Ensuite, positionnez vote menu et votre block recherche en modifiant les valeurs de "top" etc...
Firebug vous sera dans grand secours sur ce genre de mise au point


[mode humour]
Je vous adresse la facture à quelle adresse?
[mode /humour]

V++

Atch