jordan0286

En fait, j'ai deux autres contenus dans le header_right, qui me compliquait la vie. Quand ta solution marchait, elle décalait les contenus du header_right (qui eux étaient fixés pourtant !). J'ai du un peu feinter, mais effectivement ta solution est la plus simple si on ne veut fixer que le logo. Merci encore

Comment met-on "résolu" ?

C'est réglé : Pour ceux qui auraient le même pb: #wrapper { background: url("local") repeat; height: 160px; /*la hauteur de mon background, à adapter */ } div#logo { margin-left: -55em; /* me semble bien */ } #header_right { float: right; margin-bottom: 15px; width: 48%; */pareil, à adapter*/ height: 160px; margin-top: -8.1em; } Merci à toute la communauté, ultra rapide

Ok ça marche sans réellement marcher... à présent j'ai mon bloc recherche rapide qui lui était fixé, qui maintenant rebouge (header right). Pas grave je vais trouver, merci encore à tous.

Merci Jeckyl ! J'ai bien rajouté votre code dans mon header.tpl de cette façon : <!-- Header --> <div id="warpper"> <div id="logo"> <a href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}"><img src="{$img_ps_dir}logo.png" alt="{$shop_name|escape:'htmlall':'UTF-8'}" /></a> </div> <div id="header_right"> {$HOOK_TOP} </div> </div> Seulement dans mon global.css je n'arrive pas à positionner le logo de façon fixe toujours... #warpper { width: 100%; background: url("local") repeat; float: left; height: 160px; } div#logo { float: left; width: 52%; height: 160px; margin-bottom: 15px; margin-top: -0.4em; } /*#header_right { float: left; margin-bottom: 15px; width: 48%; background: url("local") repeat; height: 160px; margin-top: -0.4em; }*/ J'ai bien joué avec les pixels et non les %, mais ce n'est pas concluant, le logo continue de bouger vers la gauche si j'agrandis la page...

Voici en pièce jointe mon problème. Deux divs avec le même fond effectivement, et lorsque je suis sur un écran plus grand le logo se barre à gauche. Comment créer une div container ? Merci pour vos réponses

Bonjour, Merci, mais cela ne va pas. Les deux divs ont une background qui doit prendre toute la largeur de l'écran toute résolution possible. Si je mets le div#logo à 300px son background ne fera plus que 300px, d'où a parade des 100% si on additionne les 2 divs.

Bonjour, Je travail actuellement sur un nouveau projet en local et tout est finit, seulement je ne trouve pas le moyen de fixer mon logo. Je m'explique : lorsque je change de résolution, il se balade à gauche ou à droite. J'ai essayé margin-left: auto; margin-right: auto, mais cela ne change rien. Mon header est composé des deux divs, à 52% et 48% pour prendre toute la largeur de la page pour toute résolution. Le logo est placé sur la div logo à 52%. Voici le bout du CSS concerné : /* global layout */ #columns { background-color: #FFFFFF; box-shadow: 1px 1px 12px #555; overflow: hidden; width: 980px; margin: auto; } #page { width: 980px; margin: 0 auto 2px auto; text-align: center } div#logo { float: left; width: 52%; background: url("local") repeat; height: 160px; margin-bottom: 15px; margin-top: -0.4em; } #header_right { float: left; margin-bottom: 15px; width: 48%; background: url("local") repeat; height: 160px; margin-top: -0.4em; } #left_column, #center_column, #right_column { float: left } #left_column { clear: left; width: 205px; background: url("local") repeat fixed; box-shadow: 1px 1px 12px #555; margin-right: 12px; overflow: hidden } #center_column { width: 760px; background-color: #FFFFFF; overflow: hidden; } Merci par avance à tous ceux qui m'aideront à fixer le logo. Cordialement

Personne ?

Malheureusement, encore en local. Je peux vous copier le CSS cependant : /* Name: Sliding Login Panel with jQuery 1.3.2 Author: Jeremie Tisseau Author URI: http://web-kreation.com/ Date: March 26, 2009 Version: 1.0 Copyright 2009 Jeremie Tisseau "Sliding Login Panel with jQuery 1.3.2" is distributed under the GNU General Public License version 3: http://www.gnu.org/licenses/gpl-3.0.html */ /***** clearfix *****/ .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .clearfix {height: 1%;} .clearfix {display: block;} /* Panel Tab/button */ .tab { background: url(../images/tab_b.png) repeat-x 0 0; height: 42px; position: relative; top: 0; left: 0; z-index: 999; } .tab ul.login { display: block; position: relative; float: right; clear: right; height: 42px; width: auto; font-weight: bold; line-height: 42px; margin: 0; right: 32%; color: white; font-size: 100%; text-align: center; } .tab ul.login_left { clear:right; color:white; display:block; float:left; font-size:80%; font-weight:bold; height:42px; left:150px; line-height:42px; margin:0; position:relative; text-align:center; width:auto; } .tab ul.login li.left, .tab ul.login_left li.left { background: url(../images/tab_l.png) no-repeat left 0; height: 70px; width: 30px; padding: 0; margin: 0; display: block; float: left; } .tab ul.login li.right, .tab ul.login_left li.right { background: url(../images/tab_r.png) no-repeat left 0; height: 42px; width: 30px; padding: 0; margin: 0; display: block; float: left; } .tab ul.login li, .tab ul.login_left li { text-align: left; padding: 0 6px; display: block; float: left; height: 42px; background: url(../images/tab_m.png) repeat-x 0 0; } .tab ul.login li a , .tab ul.login_left li a { color: #15ADFF; } .tab ul.login li a:hover , .tab ul.login_left li a:hover { color: white; } .tab .sep {color:#414141} .tab a.open, .tab a.close { height: 20px; line-height: 20px !important; padding-left: 30px !important; cursor: pointer; display: block; position: relative; top: 11px; } .tab a.open {background: url(../images/bt_open.png) no-repeat left 0;} .tab a.close {background: url(../images/bt_close.png) no-repeat left 0;} .tab a:hover.open {background: url(../images/bt_open.png) no-repeat left -19px;} .tab a:hover.close {background: url(../images/bt_close.png) no-repeat left -19px;} /* sliding panel */ #toppanel { top: 0; width: 100%; z-index: 999; text-align: center; margin: 0 auto; left: 0px; } #panel { width: 100%; height: auto; color: #999999; background: #272727; overflow: hidden; position: relative; z-index: 3; display: none; } .last_item { padding-bottom: 10px; } .liste { padding-top: 33px; } #panel h1 { font-size: 1.6em; padding: 5px 0 10px; margin: 0; color: white; } #panel h2{ font-size: 1.2em; padding: 10px 0 5px; margin: 0; color: white; } #panel p { margin: 5px 0; padding: 0; } #panel a { text-decoration: none; color: #15ADFF; } #panel a:hover { color: white; } #panel a-lost-pwd { display: block; float: left; } #panel .content { width: 960px; margin: 0 auto; padding-top: 15px; text-align: left; font-size: 0.85em; } #panel .content .left { width: 280px; float: left; padding: 0 15px; border-left: 1px solid #333; } #panel .content .right { border-right: 1px solid #333; } #panel .content form { margin: 0 0 10px 0; } #panel .content label { float: left; padding-top: 8px; clear: both; width: 280px; display: block; text-align:left; } #panel .content input.field, .field { border: 1px #1A1A1A solid; background: #414141; margin-right: 5px; margin-top: 4px; width: 200px; color: white; height: 16px; } #panel .content input:focus.field { background: #545454; } /* BUTTONS */ /* Login and Register buttons */ #panel .content input.bt_login, #panel .content input.bt_register { display: block; float: left; clear: left; height: 24px; text-align: center; cursor: pointer; border: none; font-weight: bold; margin: 10px 0; } #panel .content input.bt_login { width: 74px; background: transparent url(../images/bt_login.png) no-repeat 0 0; } #panel .content input.bt_register { width: 94px; color: white; background: transparent url(../images/bt_register.png) no-repeat 0 0; } #panel .lost-pwd { display: block; float:left; clear: right; padding: 15px 5px 0; font-size: 0.95em; text-decoration: underline; }

Bonjour, et bravo pour ce super module ! J'ai un petit soucis, j'aimerais arrondir les bords pour que cela soit plus harmonieux avec mon thème. J'ai compris qu'il fallait créer deux images (bord gauche, bord droit) et les ajouter au CSS... c'est là que ça coince. Cf en rouge à gauche ce qui est actuel, et en vert à droite ce que j'aimerais faire (cliquez sur la miniature en dessous). Merci à tous par avance

Bonjour, Sinon tu peux retirer le bloc panier, et dans les paramètres renvoyer au panier après chaque "commande" du client. Il arrivera ainsi à l'étape 1 RESUME qui correspond à l'ajout de bon de réduction. Cdlt

Bonjour, J'ai beau chercher, je ne trouve pas. Existe-il un moyen de placer un background sur ses factures ? Pour les personnaliser un peu... Ou si ce n'est pas possible, peut-on placer une image dans la facture, mais en arrière plan ? Merci par avance

Oui donc par du codage. Ok, merci encore

Pour résumer : Non, il s'agit juste d'offrir un produit téléchargeable avec une facture mais SANS le prix donc. C'était juste ma question. Cordialement