Bloc panier sous mon Header...

rom42f · April 3, 2013

Bonjour à tous,

Je vous explique, quand je redimensionne mon image dans mon header le bloc panier/connexion ce mets en dessous du header...

Voici le Header OK

#header_right {

float: right;

width: 33%;

min-height: 85px;

text-align: right

http://www.casimages...35622308272.jpg

Maintenant en agrandissant le header:

#header_right {

float: right;

width: 100%;

min-height: 85px;

text-align: right

http://www.casimages...40331463118.jpg

Si quelqu'un à compris mon problème merci de m'aider!!!

Je ne suis pas un expert donc besoin d'aide de votre part!!

Cordialement.

Vectorus · April 3, 2013

Bonjour,

Quelle est la version de prestshop utilisé et avec quel thème ?

rom42f · April 3, 2013

Je suis en Prestashop 1.4.10.0 et mon thème est TNT de Atchworks...

Edited April 3, 2013 by rom42f (see edit history)

Vectorus · April 3, 2013

En fait c'est tout bête je crois bien ^^, en passant de "width: 33%;" à "width: 100%;" tu fait en sorte que ton "header_right" donc ton block de connexion prenne toute la largeur de ton site et il n'y a donc pas de place pour ton logo alors il passe automatiquement à la ligne.

Pour modifier la taille de ton logo c'est pas ça qu'il faut changer

rom42f · April 4, 2013

Bonjour à tous!!!

Et faut changer quoi ? lol

Parce que je ne peut pas crée une nouvelle image pour mon header qui prendra toute la place car le bloc bug!!!

Du coup c'est moche et ça ne fait pas pro du tout!

Vectorus · April 4, 2013

Je comprend pas vraiment le but visé

- quel est l'élément que tu souhaite redimensionner ?

- serait-il possible d'avoir un lien vers le site, ce serait plus facile ?

rom42f · April 4, 2013

Désoler si je m'exprime mal!!!

Le but est que je voudrais que mon image header soit sur toute la largeur de ma page et que le bloc ce superpose au header ....

http://mapefo.com

Du coup je veut redimensionner mon header sans que le bloc panier face n'importe quoi comme sur les deux image plus haut..

Edited April 4, 2013 by rom42f (see edit history)

Vectorus · April 4, 2013

Ok je comprend mieux, pourrais-tu mettre le contenu de ton global.css ici s'il te plait

(met le dans les balise [spoi ler][/spoi ler] sans espace entre spoi et ler, ça permettra d'éviter de trop encombrer la page)

Comme ça

rom42f · April 4, 2013

Je vient de galérer avec le spoiler lol!!!

/*

TNT By Atchworks

*/

* {

padding: 0;

margin: 0

}

body {

background-color: #DCDCDC;

border-top: 10px solid #000000;

font-size: 12px;

font-family: Verdana, Arial, Helvetica, Sans-Serif;

color: #000000;

text-align: center

}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 13, 2011 */

@font-face {

font-family: 'BebasNeueRegular';

src: url('fonts/bebasneue-webfont.eot');

src: url('fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),

url('fonts/bebasneue-webfont.woff') format('woff'),

url('fonts/bebasneue-webfont.ttf') format('truetype'),

url('fonts/bebasneue-webfont.svg#BebasNeueRegular') format('svg');

font-weight: normal;

font-style: normal;

}

/* Useful */

.align_center { text-align: center }

.align_right { text-align: right }

.middle { vertical-align: middle }

.align_justify { text-align: justify }

.uppercase { text-transform: uppercase }

.hidden, .collapsed, .block_hidden_only_for_screen { display: none }

.wrap { white-space: normal }

.bold { font-weight: bold }

.strike { text-decoration: line-through }

.italic { font-style: italic }

.top { vertical-align: top }

.span_link { cursor: pointer }

.span_link:hover { text-decoration: underline }

.clear { clear: both }

.left { float: left}

.right { float: right}

span.black { color: #000}

br.clear {

clear: both;

line-height: 0;

font-size: 0;

height: 0

}

noscript ul { list-style-type: none; background: black; color: white; padding: 10px; border: 1px solid gray }

/* new clearfix */

.clearfix:after {

clear: both;

display: block;

height: 0;

font-size: 0;

visibility: hidden;

content: ".";

}

* html .clearfix { zoom: 1 }

*:first-child+html .clearfix { zoom: 1 }

/* Footer links */

.footer_links {

list-style-type: none;

clear: both;

height: 2em;

margin-top: 2em

}

.footer_links li {

float: left;

margin-right: 2em;

height: 2em

}

.footer_links a { text-decoration: none }

.footer_links a:hover { color: black }

.footer_links img.icon { vertical-align: -2px }

/* transfert effect*/

.transferProduct { border: 2px solid #888 }

/* simple list inline */

.inline_list { list-style-type: none; margin-top: 1em }

.inline_list li { float: left; text-align: center }

.inline_list img { display: block }

ul.half {

width: 45%;

margin-right: 1em;

float: left

}

/* Category tree (i.e. in sitemap) */

div.tree_top {

background: url('../img/sitemap-top.gif') no-repeat -1px -3px;

padding-left: 24px;

padding-bottom: 5px;

padding-top: 3px

}

ul.tree, ul.tree ul { list-style-type: none }

ul.tree li {

padding-left: 1.2em;

border-left: 1px gray dotted;

background: url(../img/sitemap-horizontal.png) no-repeat left 10px;

margin-left: 1em

}

ul.tree a { padding-left: 0.2em }

ul.tree a.selected { font-weight: bold }

ul.tree li.last {

background: url(../img/sitemap-last.gif) no-repeat -12px -2px;

border: none

}

span.grower { cursor: pointer }

/* Tabs */

.idTabs {

clear: both;

list-style-type: none;

border-bottom: solid 3px #000;

height: 24px;

margin-top: 1em

}

ul.idTabs li {

float: left;

margin-right: 1px

}

.idTabs a {

display: block;

height: 22px;

font-size: 20px;

line-height: 20px;

padding: 3px 10px 0 15px;

text-align: center;

text-decoration: none;

font-family: 'BebasNeueRegular';

text-transform: uppercase;

color: #b7b7b7

}

.idTabs .selected, .idTabs a:hover { color: #000}

div.sheets {

clear: both;

padding: 1em

}

#more_info_sheets li {

background-position: 6px 4px;

margin-bottom: 0.4em

}

/* global style */

a {

color: #000000;

text-decoration: none;

outline: none

}

a:hover { text-decoration: none;}

.input:focus { outline: 0 }

a img {

outline: none;

border: none;

text-decoration: none

}

h1, #link {

background-color: #000000;

color: #FFFFFF;

font-family: 'BebasNeueRegular';

font-size: 20px;

font-weight: normal;

height: 28px;

line-height: 28px;

margin-bottom: 15px;

margin-left: -10px;

padding-left: 10px;

padding-right: 10px;

padding-top: 0;

text-transform: uppercase;

width: 100%;

}

h1 span {

font-size: 0.9em;

text-transform: none;

font-weight: normal;

margin-left: 1em

}

h2 {

border-bottom: 3px solid #000000;

color: #000000;

display: block;

font-family: 'BebasNeueRegular';

font-size: 20px;

font-weight: normal;

height: 22px;

margin-bottom: 10px;

padding: 3px 10px 0 15px;

text-decoration: none;

text-transform: uppercase;

}

h3 {

font-family: 'BebasNeueRegular';

font-size: 18px;

font-weight: normal;

margin: 0.5em 0;

}

h4 {

font-size: 22px;

font-weight: normal;

font-family: 'BebasNeueRegular', rockwell

}

/* global layout */

#page {

width: 940px;

margin: 0 auto;

text-align: center

}

#header {

background: url("../img/bg_header_r.gif") repeat-y scroll right top #fff;

float: left;

width: 100%;

}

#header_logo {

float: left;

display:block

}

img.logo {

float: left;

}

#header_right {

float: right;

width: 33%;

min-height: 85px;

text-align: right

}

#columns {

padding-top: 25px;

position: relative;

clear: both;

}

body#index #columns { padding-top: 10px}

#left_column, #center_column, #right_column { float: left }

#left_column {

clear: left;

width: 191px;

margin-right: 10px;

overflow: hidden

}

#center_column {

width: 920px;

padding: 0 10px 30px;

margin: 0 0 10px 0;

background: #fff;

border: 1px solid #e2e2e2;

overflow: hidden

}

body#index #center_column {

width: 630px;

margin-right: 10px;

padding: 0;

background: transparent;

border: none;

}

body#category #center_column {

width: 717px;

}

#old_center_column { display: none }

.ac_results_instant {

display: none;

visibility: hidden

}

#instant_search_results a.close {

background: url("../img/nav-logout.gif") no-repeat scroll right 2px transparent;

float: right;

margin-right: 7px;

padding-right: 21px;

text-transform: none

}

#right_column {

width: 300px;

overflow: hidden

}

/* global RTE fields */

.rte,

.mceContentBody {

text-align: left;

background: white;

color: #000000

}

body.mceContentBody {

margin: 9px 6px;

width: 556px

}

.rte html,.rte div,.rte span,.rte applet,.rte object,.rte iframe,.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6,.rte p,.rte blockquote,.rte pre,.rte a,.rte abbr,.rte acronym,.rte address,.rte big,.rte cite,.rte code,.rte del, .rte dfn, .rte em,.rte font,.rte img,.rte ins,.rte kbd,.rte q,.rte s,.rte samp,.rte small,.rte strike,.rte strong,.rte sub,.rte sup,.rte tt,.rte var,.rte dl,.rte dt,.rte dd,.rte ol,.rte ul,.rte li,.rte fieldset,.rte form,.rte label,.rte legend,.rte table,.rte caption,.rte tbody,.rte tfoot,.rte thead,.rte tr, .rte th,.rte td,

.mceContentBody html, .mceContentBody div, .mceContentBody span, .mceContentBody applet, .mceContentBody object, .mceContentBody iframe, .mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6, .mceContentBody p, .mceContentBody blockquote, .mceContentBody pre, .mceContentBody a, .mceContentBody abbr, .mceContentBody acronym, .mceContentBody address, .mceContentBody big, .mceContentBody cite, .mceContentBody code, .mceContentBody del, .mceContentBody dfn, .mceContentBody em, .mceContentBody font, .mceContentBody img, .mceContentBody ins, .mceContentBody kbd, .mceContentBody q, .mceContentBody s, .mceContentBody samp, .mceContentBody small, .mceContentBody strike, .mceContentBody strong, .mceContentBody sub, .mceContentBody sup, .mceContentBody tt, .mceContentBody var, .mceContentBody dl, .mceContentBody dt, .mceContentBody dd, .mceContentBody ol, .mceContentBody ul, .mceContentBody li, .mceContentBody fieldset, .mceContentBody form, .mceContentBody label, .mceContentBody legend, .mceContentBody table, .mceContentBody caption, .mceContentBody tbody, .mceContentBody tfoot, .mceContentBody thead, .mceContentBody tr, .mceContentBody th, .mceContentBody td {

margin: 0;

padding: 0;

border: 0;

outline: 0;

font-weight: inherit;

font-style: inherit;

font-size: 100%;

font-family: inherit;

vertical-align: baseline

}

.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6,

.mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6 {

margin: 0.75em 0 0.3em 0;

color: #000

}

.rte h1,

.mceContentBody h1 {

font-size: 25px;

font-weight: bold;

background:inherit;

}

.rte h2,

.mceContentBody h2 {

font-size: 20px;

background: none;

text-transform: none;

height: auto

}

.rte h3, .mceContentBody h3 { font-size: 16px }

.rte h4, .mceContentBody h4 { font-size: 14px }

.rte h5,.mceContentBody h5 { font-size: 12px }

.rte h6, div.rte h6 { font-size: 8px }

.rte ol, .mceContentBody ul, div.rte ol, .mceContentBody ul { padding-left: 2em }

.rte ul, .mceContentBody ul {

list-style-type: square;

margin-left: 10px

}

.rte strong, .mceContentBody strong { font-weight: bold }

.rte em, .mceContentBody em { font-style: italic }

/* tables still need 'cellspacing="0"' in the markup */

.rte table,.mceContentBody table {

border-collapse: separate;

border-spacing: 1px;

width: auto

}

.rte caption, .rte th, .rte td, .rte table,

.mceContentBody caption, .mceContentBody th, .mceContentBody td, .mceContentBody table {

text-align: left;

font-weight: normal;

background: none;

height: inherit;

border: 1px #e5e6e7 solid;

text-align: center

}

.rte th, .mceContentBody th {

padding-left: 1em;

padding-right: 1em;

background: #e5e6e7

}

#center_column .rte p,

.mceContentBody p { padding-left: 0; margin: 0.5em 0 }

.rte ol, .mceContentBody ol {

list-style-type: decimal;

margin-left: 10px

}

/* /global RTE fields */

/* global table style */

div.table_block {

padding-bottom: 6px;

margin: 0 auto 2em;

width: 900px

}

table.std {

border-spacing: 0;

border-collapse: collapse;

width: 100%

}

/*class table.std */

.std td,.std th { padding: 0.4em 0.5em }

.std th { white-space: nowrap }

.std tr.item td,.std .item th { background-color: white }

.std tr.alternate_item td,

.std tr.alternate_item th { background-color: #f1f2f4 }

.std tbody td,.std tfoot td { border-top: 1px solid #E2E2E2 }

.std thead th {

background-color: transparent;

color: #000000;

font-family: rockwell;

font-size: 1.3em;

font-weight: bold;

height: 24px;

text-align: left;

white-space: nowrap;

border: none;

}

.std thead tr { border-bottom: 2px dashed #D0D1D5}

.std th.first_item { background-position: top left }

.std th.last_item { background-position: top right }

.std th.item { background-position: -5px 0 }

.std tfoot td {

text-align: right;

white-space: nowrap

}

/* /global table style */

/* global form style */

form.std { clear: both }

form.std h2 {

color: #888;

border-bottom: none;

}

form.std h3 {

font-weight: normal;

padding: 0.5em;

margin: 0 0 0.5em 0

}

form.std fieldset {

background-color: #EFEFEF;

border: 1px solid #E2E2E2;

margin-bottom: 1em;

padding-bottom: 1em

}

form.std legend {

padding: 0.3em 0.6em;

margin: 1em 0 1em 0.5em;

font-size: 1.6em;

font-weight: 100;

border-color: #d0d1d5;

border-style: solid;

border-width: 1px

}

form.std h4, form.std p {

padding: 0.3em 1em;

clear: both

}

form.std h4 {

font-family: arial;

font-size: 16px;

}

form.std label, form.std p span {

float: center;

text-align: center;

width: 30%

}

form.std p span.like_input {

width: auto;

margin-left: 0.7em

}

input, textarea, select, span.editable {

margin-left: 0.7em;

font-size: 12px;

font-family: Verdana, Arial, Helvetica, Sans-Serif;

outline: none

}

input, textarea, select { border: 1px solid #E2E2E2 }

input, input.text {

padding-left: 2px;

padding-right: 2px

}

input[type=text] { height: 20px}

.checkbox input, .radio input { border: none }

form.std .checkbox label, form.std .radio label, form.std span.form_info {

margin: 0;

float: none;

text-align: left

}

.required sup { color: #da0f00 }

form.std p.checkbox { padding-left: 30% }

form.std p.submit {

padding-left: 31%!important;

margin-bottom: 1.5em

}

#center_column form.std p.submit2 {

padding-left: 170px;

margin-bottom: 1.5em

}

/* START OF BUTTONS SECTION

* -tags: input, a, span

* -sizes: mini, small, normal, large

* -types: button, exlusive

* -status: normal, hover, disabled

* -rule: the span.button is a a.button disabled

*/

/* global button */

input.button_mini, input.button_small, input.button, input.button_large,

input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,

input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,

input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,

a.button_mini, a.button_small, a.button, a.button_large,

a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,

span.button_mini, span.button_small, span.button, span.button_large,

span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, input.exclusive_large_cart, input.exclusive_large_cart_disabled {

background-repeat: no-repeat;

background-position: top left;

border: none;

color: #ffffff !important;

font-family: 'BebasNeueRegular',Helvetica,Arial,sans-serif;

font-size: 18px!important;

text-align: center;

text-transform: uppercase;

text-decoration: none!important;

cursor: pointer;

display: block;

line-height: 24px;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px

}

/* input button */

input.button_mini, input.button_small, input.button, input.button_large,

input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,

input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,

input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled {

padding-bottom: 2px

}

/* disabled button */

input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,

input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,

span.button_mini, span.button_small, span.button, span.button_large,

span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {

cursor: default;

color: #888!important

}

/* exclusive disabled button */

input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, input.exclusive_large_cart_disabled {

color: #488c40!important

}

/* hover button */

input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover,

a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover{

background-color: #fff000;

color: #000 !important

}

/* hover button exclusive */

input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover,

a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover, input.exclusive_large_cart:hover{

background-color: #fff000;

color: #000 !important

}

/* classic buttons */

input.button_small, input.button_small_disabled, input.exclusive_small, input.exclusive_small_disabled, a.button_small, a.exclusive_small, span.button_small, span.exclusive_small {

width: 70px;

}

input.button, input.button_disabled, input.exclusive, input.exclusive_disabled, a.button, a.exclusive, span.button, span.exclusive {

width: 130px;

}

input.button_large, input.button_large_disabled, input.exclusive_large, input.exclusive_large_disabled, a.button_large, a.exclusive_large, span.button_large, span.exclusive_large {

width: 180px;

}

input.button_mini, input.button_mini_disabled, input.exclusive_mini, input.exclusive_mini_disabled, a.button_mini, a.exclusive_mini, span.button_mini, span.exclusive_mini {

height: 20px;

padding: 0 5px;

}

input.button_small, a.button_small, input.button, a.button, input.button_large, a.button_large, span.button_large, input.button_mini,

a.button_mini, span.button_mini {

background-color: #b7b7b7;

}

input.exclusive_large_cart, input.exclusive_large_cart_disabled{

width: 180px;

margin-left: 0;

margin-bottom: 15px;

font-size: 1.8em !important;

}

/* exclusive button */

input.exclusive, a.exclusive, span.exclusive, input.exclusive_small, a.exclusive_small, span.exclusive_small,

input.exclusive_large, a.exclusive_large, span.exclusive_large, input.exclusive_mini, input.exclusive_mini_disabled,

a.exclusive_mini, span.exclusive_mini, input.exclusive_large_cart {

background-color: #000000;

}

/* id_state field in managed via JS and is firstly hidden */

form p.id_state { display: none }

/* generic style */

ul.bullet li, .block ul.bullet li, li.bullet {

padding-left: 2em;

background: transparent url('../img/bullet.gif') no-repeat 6px 6px;

list-style-type: none

}

.price-discount { text-decoration: line-through }

.price-pretax { color: gray }

.price-ecotax { color: #488c40 }

img.icon { margin-right: 0.5em; vertical-align: middle }

.weight-price {

font-size: 0.75em;

text-align: right;

color: gray

}

.volume-price {

font-size: 0.75em;

text-align: right;

color: gray

}

.unity-price {

font-size: 0.75em;

text-align: right;

color: gray

}

.price, .price-shipping, .price-wrapping {

color: #da0f00;

font-size: 1.1em;

font-weight: bold;

white-space: nowrap

}

.price, .price-shipping, .price-wrapping, .price-discount, .price-pretax, .unity-price {font-family: Helvetica, Arial, sans-serif }

/* errors */

.error {

width: 90%;

color: #da0f00;

margin: 0.3em auto 1.5em auto;

padding: 0.3em 0.8em 1em

}

.error p { font-weight: bold }

.error li {

list-style-position: inside;

list-style-type: decimal-leading-zero;

padding-left: 3em

}

/* warning */

.warning {

color: black;

font-size: 1.2em;

background-color: #F8E1A0;

border: 1px dashed #F9E400;

font-weight: bold;

margin: 0.2em 2em;

padding: 0.6em 1em

}

.warning_inline {

color: #da0f00;

font-weight: bold

}

/* success */

.success {

color: green;

font-weight: bold;

margin: 0.2em 1em;

padding: 0.3em 0.8em 1em

}

.success_inline {

color: green;

font-weight: bold

}

/* breadcrumb.tpl */

.breadcrumb {

font-size: 1em;

left: 2px;

position: absolute;

top: 5px;

}

.breadcrumb .navigation-pipe { padding: 0 0.6em }

.breadcrumb a {

text-decoration: none;

}

.breadcrumb a img { margin-right: 5px}

.breadcrumb a:hover { text-decoration: underline }

/* pagination.tpl */

div.pagination { clear: both; padding: 1em 0; overflow: hidden }

ul.pagination {

list-style: none;

float: left

}

ul.pagination li {

display: inline;

float: left;

margin-right: 0.3em

}

ul.pagination li, ul.pagination a, ul.pagination span {

font-weight: bold;

color: #6F7070

}

ul.pagination a, ul.pagination span {

display: block;

line-height: 17px;

padding:0.1em 0.5em

}

ul.pagination a { text-decoration: none }

ul.pagination li.current span {

background-color: #efefef;

color: #888888;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px

}

ul.pagination li.truncate {

padding: 0.3em;

background: none

}

#pagination_previous a, #pagination_previous span, #pagination_next a, #pagination_next span {

font-weight: bold;

color: #ffffff ;

line-height:14px;

padding:0.1em 0.3em 0.2em;

background-color: #000000;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px

}

#pagination_previous a:hover, #pagination_previous span:hover, #pagination_next a:hover, #pagination_next span:hover, ul.pagination a:hover {

background-color: #fff000;

color: #000;

}

li.disabled span { display:none}

form.pagination { text-align: right }

form.pagination label {

line-height: 1.4em;

vertical-align: bottom;

float: right;

margin-left: 0.3em

}

form.pagination select { float: right }

form.pagination select option {

font-size: 0.9em;

padding-right: 1em

}

form.pagination input { float: right }

/* steps (like order step) */

ul.step {

list-style: none;

margin: 2em auto;

padding-left: 24px;

height: 81px;

width: 500px

}

ul.step li {

color:#9F9F9F;

float:left;

font-size:0.9em;

height:25px;

padding-top:30px;

text-align:center;

width:100px;

background: transparent url('../img/step_standard.gif') no-repeat top right

}

ul.step li.step_current {

background: transparent url('../img/step_current.gif') no-repeat top right;

font-weight:bold;

color: #000000

}

ul.step li.step_done { background: transparent url('../img/step_todo.gif') no-repeat top right}

ul.step li.step_done a{

text-decoration: none

}

ul.step li.step_done a:hover { text-decoration: underline}

ul.step li.step_todo { font-style:italic}

/* product-sort.tpl */

#productsSortForm p {

height: 1em;

margin: 0.5em 0 0 0

}

#productsSortForm label, #productsSortForm select { float: right }

#productsSortForm select { font-size: 1em }

/* Header */

#header_right ul { list-style: none }

#header_right form {

border: none;

margin-bottom: 0!important;

display: inline

}

#header_right label {

margin: 0;

float: none

}

#header_right a:hover {

background-color: #fff000;

}

/* Footer */

#footer {

padding: 0 0 0.5em;

background-color: #000000;

overflow: hidden;

margin-bottom: 20px;

clear: both

}

.footer_block {

float: left;

padding: 20px 0 10px 20px;

width: 215px;

}

#footer a { color: #ffffff}

#footer a:hover { text-decoration:underline}

#footer h4 {

color: #888 ;

margin-bottom: 15px;

}

.foot_ad2 img { margin-left: 10px}

/* Default block style */

div.block {

margin-bottom: 10px;

background-color: #fff;

border: 1px solid #e2e2e2;

}

div.block h4 {

font-weight: normal;

font-size: 20px;

padding-left: 0.5em;

line-height: 28px;

color: #fff;

background-color: #000000;

height: 28px;

}

div.block h4 a { color: #fff}

div.block ul { list-style: none }

div.block ul.tree li { padding-left: 1.2em }

div.block a:hover { text-decoration: underline }

#left_column div.block .block_content a.button_large,

#right_column div.block .block_content a.button_large { margin: 0 0 0 -3px }

div.block .block_content {

padding: 0 0.7em 10px;

min-height: 16px

}

div.block li {

padding: 0.2em 0 0.2em 0em;

list-style-position: outside

}

div.block p a

/* block exclusive */

#left_column div.exclusive, #right_column div.exclusive {

background: transparent url('../img/block_exclusive_footer.jpg') no-repeat bottom left

}

div.exclusive h4 {

background: transparent url('../img/block_header_exclusive.png') no-repeat top left;

color: white

}

div.exclusive h4 a { color: white }

div.exclusive li { margin-top: 0 }

div.exclusive, div.exclusive a { color: white }

div.exclusive .block_content {

background: #bdc2c9 url('../img/block_exclusive_bg.jpg') repeat-x bottom left;

border-left: 1px solid #595a5e;

border-right: 1px solid #595a5e

}

/* block exclusive product */

div.excluprod h4 {

background-color: #EFEFEF ;

border-bottom: 1px solid #E2E2E2;

}

div.excluprod h4, div.excluprod h4 a { color: #888 }

div.excluprod li { margin-top: 0 }

div.excluprod li h5 {float: left; }

/* block in the center column */

#center_column p { margin: 0.5em 0; padding-left: 0.7em }

#center_column div.block { width: 100%; margin: 0 auto 10px; float: left; }

/* Block new products et Block Best sellers */

ul.product_page_small { padding: 9px 5px 5px ; list-style-type: none }

ul.product_page_small li {

border-bottom: solid 1px #E7E5DC;

padding-bottom: 5px;

clear: both;

position: relative;

margin-bottom: 0.3em

}

ul.product_page_small li:hover a.hover_list_small {

display: block;

}

a.hover_list_small {

display: none;

background: #fff000 url('../img/more_list.png') no-repeat 50px top;

width: 100%;

position: absolute;

top: 0;

left: 0;

height: 100%;

opacity: 0.8;

}

a.hover_list_small span {

bottom: 5px;

position: absolute;

right: 10px;

font-weight: bold;

color: #000;

}

ul.product_page_small li.last_item { border-bottom: none}

ul.product_page_small li p.product_desc a { color: #888}

ul.product_page_small a.product_img_link {

float: left;

margin-right: 0.6em

}

ul.product_page_small a.product_img_link img { vertical-align: bottom; display: block}

ul.product_page_small li h3 {

font-size: 1.1em;

font-family: arial;

margin: 0.2em 0;

font-weight: bold;

}

ul.product_page_small li p.product_desc {

color: #6F6C63;

font-size: 0.8em;

height: 3.8em;

margin-bottom: 0;

overflow: hidden;

text-align: justify;

}

ul.product_page_small li div.center_block {

float: left;

width: 72%

}

ul.product_page_small li div.right_block {

float: right;

text-align: right;

margin-top: 0

}

ul.product_page_small li .price {

display: block;

font-size: 1.2em;

margin-bottom: 0.2em

}

/* block Home*/

.blockhome {

height: 150px;

margin-bottom: 10px;

}

/* Special style for block accessories in center column (product page) */

#center_column .products_block.accessories_block .block_content { background: none }

#center_column div.products_block.accessories_block div.product_desc {

margin-right: 0;

height: 150px;

border-right: 1px solid #d0d3d8

}

#center_column .products_block.accessories_block .block_content li { background: none; text-align: center }

#center_column .products_block.accessories_block .block_content li h5,

#center_column .products_block.accessories_block .block_content li a.product_description { text-align:left }

#center_column .products_block.accessories_block .block_content li.last_item a.product_image { border: none }

/* discount.tpl */

td.discount_value { white-space: nowrap }

/* shopping cart */

/*p.cart_navigation { padding: 1em 0!important } */

p.cart_navigation .button,

p.cart_navigation .button_large { float: left }

p.cart_navigation .exclusive,

p.cart_navigation .exclusive_large,

p.cart_navigation .exclusive_large_disabled { float: right }

p.cart_navigation_extra {

text-align: center;

width: auto

}

form.std p.cart_navigation span {

float: none;

text-align: left;

width: auto

}

#cart_summary tfoot td {

border-top: none;

line-height: 1.5em

}

#cart_summary tfoot tr.cart_total_product td { border-top: 1px solid #E2E2E2 }

#cart_summary tfoot tr.cart_total_price td { border-bottom: 2px solid #E2E2E2 }

#cart_summary .price, #cart_summary .price-discount {

color: #000000;

font-size: 1.1em;

text-decoration: none

}

tr.cart_item td { padding: 0.5em 0 }

td.cart_product a { margin: 0 0.6em }

td.cart_product a:hover img {

opacity : 0.2;

-moz-opacity : 0.2;

-ms-filter: "alpha(opacity=20)"; /* IE 8 */

filter : alpha(opacity=20); /* IE < 8 */

}

td.cart_description a { text-decoration: none }

td.cart_description a:hover { text-decoration: underline }

td.cart_description h5 { font-size: 1em}

td.cart_description h5 a, td.cart_ref, td.cart_total { color: #888 }

td.cart_unit, td.cart_total, td.cart_discount_price { text-align: right }

td.cart_availability, td.cart_ref { text-align: center }

td.cart_total .price { font-weight: bold }

tr.cart_item td.cart_unit {

padding-right: 1em;

text-align: center;

width: 120px

}

td.cart_quantity {

width: 7.5em;

text-align: right

}

.cart_quantity_input { float: right; margin: 5px 10px 0 0; }

td.cart_quantity p, td.cart_quantity a {

float: left;

display: inline

}

td.cart_quantity p { padding-right: 0.3em }

td.cart_quantity .icon { margin-top: 0.6em }

td.cart_quantity a.cart_quantity_up,

td.cart_quantity a.cart_quantity_down { display: block;height: 16px; }

td.cart_quantity a.cart_quantity_down { clear: both }

tr.cart_free_shipping { white-space: normal }

tr.cart_total_price { font-weight: bold }

#order tfoot p {

margin: 0;

float: left;

width: 85%

}

#order tfoot span {

float: right;

width: 15%;

display: block

}

#order #voucher fieldset {

background-color: #EFEFEF;

border: 1px solid #E2E2E2;

padding: 0.7em

}

#order form#voucher fieldset #display_cart_vouchers {

margin-top:5px;

clear:both;

float:left;

}

#order form#voucher fieldset #display_cart_vouchers .voucher_name {

color:#DD2A81;

font-weight:bold;

cursor:pointer;

}

#order form#voucher h4,

#order form#voucher p,

#order form#voucher .button { float: left; }

#order form#voucher h4 {

line-height: 1.5em;

margin-right: 6em

}

#order #order_carrier {

clear: both;

margin-top: 1em;

border: 1px solid #bdc2c9;

padding: 0.5em

}

#order #order_carrier h4 {

width: 50%;

display: inline

}

#order #order_carrier img { vertical-align: middle }

#order #order_carrier span { margin: 0 0.2em }

#order #gift_div { display: none }

#order #gift_div label, #order #gift_div textarea {

display: block;

width: 100%;

margin: 1em 0

}

#order-opc tfoot p {

margin: 0;

float: left;

width: 85%

}

#order-opc tfoot span {

float: right;

width: 15%;

display: block

}

#order-opc #voucher fieldset {

background-color: #EFEFEF;

border: 1px solid #E2E2E2;

padding: 0.7em

}

#order-opc form#voucher fieldset #display_cart_vouchers {

margin-top:5px;

clear:both;

float:left;

}

#order-opc form#voucher fieldset #display_cart_vouchers .voucher_name {

color:#DD2A81;

font-weight:bold;

cursor:pointer;

}

#order-opc form#voucher h4,

#order-opc form#voucher p,

#order-opc form#voucher .button { float:left}

#order-opc form#voucher h4 {

line-height: 1.5em;

margin-right: 6em

}

#order-opc #order_carrier {

clear: both;

margin-top: 1em;

border: 1px solid #bdc2c9;

padding: 0.5em

}

#order-opc #order_carrier h4 {

width: 50%;

display: inline

}

#order-opc #order_carrier img { vertical-align: middle }

#order-opc #order_carrier span { margin: 0 0.2em }

#order-opc #gift_div label, #order #gift_div textarea {

display: block;

width: 100%;

margin: 1em 0

}

/*adress*/

.address_navigation a { float: left}

#submitAddress {float: right}

/* views block */

#views_block {

margin: 0 auto;

width: 320px

}

#thumbs_list {

overflow: hidden;

float: left;

width: 255px

}

#thumbs_list ul {

padding-left: 0;

list-style-type: none;

margin-top: 5px

}

#thumbs_list li {

float: left;

cursor: pointer;

width: 80px;

height: 80px;

margin-right: 5px;

}

#view_scroll_left, #view_scroll_right {

background: url('../img/thumbs_left.png') no-repeat center;

text-indent: -3000px;

width: 18px;

height: 18px;

float: left;

margin-top: 30px;

padding-right: 4px;

padding-left: 4px

}

#view_scroll_right { background-image: url('../img/thumbs_right.png') }

span.view_scroll_spacer {

float: left;

width: 24px;

height: 80px

}

/* manufacturers-list.tpl && suppliers-list.tpl */

#manufacturers_list, #suppliers_list {

margin-top: 2em;

list-style-type: none

}

#suppliers_list li, #manufacturers_list li {

background-color: #EFEFEF;

border: 1px solid #E2E2E2;

padding: 0.6em;

margin-bottom: 1.5em

}

#suppliers_list li a, #manufacturers_list li a {

text-decoration: none;

}

#suppliers_list li h3, #manufacturers_list li h3 { margin: 0.4em 0 }

#suppliers_list .left_side, #manufacturers_list .left_side {

float: left;

width: 75%

}

#suppliers_list .logo, #manufacturers_list .logo {

border: solid 1px #d0d3d8;

float: left;

margin-right: 0.6em

}

#suppliers_list li p.description,

#manufacturers_list li p.description { font-size: 0.92em }

#suppliers_list li .right_side,

#manufacturers_list li .right_side {

float: right;

text-align: right

}

#suppliers_list .right_side span,

#manufacturers_list .right_side span {

font-size: 1.7em;

color: #da0f00

}

#suppliers_list li a.button,

#manufacturers_list li a.button { margin-top: 35px }

/* conditions & legal */

ul.shop_info {

list-style-type: square!important;

list-style-position: inside;

padding: 0.6em;

margin-top: 0.6em;

margin-left: 2em;

border: 1px solid #888

}

ul.shop_info li {

padding-left: 0.5em!important;

padding-bottom: 0.5em!important

}

/* conditions.tpl */

#conditions #right_column { display: none }

#conditions h2 { background: transparent url('../img/title_bg_large.gif') no-repeat top left }

#conditions #center_column {

width: 730px;

text-align: justify

}

#conditions #center_column ul,

#conditions #center_column ol {

margin-left: 2em;

padding: 0.6em

}

#conditions #center_column ul { list-style-type: circle }

#conditions #center_column li { padding-bottom: 0.5em }

#conditions #center_column { line-height: 1.3em }

/* order step 3: PAYMENT */

.payment_module { display: block }

.payment_module img {

vertical-align: middle;

margin-right: 1em

}

.payment_module a {

display: block;

background-color: #EFEFEF;

border: 1px solid #E2E2E2;

padding: 0.6em;

text-decoration: none

}

.payment_module a:hover, .payment_module a:focus, .payment_module a:active {

border: 1px solid #000;

background-color: #fff000;

color: #000

}

/* Printable version */

@media print {

div#left_column, div#right_column, div#footer, a.button, span.button , .button, ul#usefull_link_block, div#header_user, #languages_block_top, #search_block_top, #currencies_block_top, ul#header_links, ul.idTabs, #availability_statut br {

display: none

}

div#center_column { width: 100% }

input.text { border: 1px solid gray }

.block_hidden_only_for_screen {

display: block;

margin-top: 1em

}

#more_info_sheets #idTab1 { width: 530px }

* {

background: none!important;

background-color: white!important;

}

/* Customizable product */

.customization_block { margin-bottom: 30px; width: 100%; }

.customization_block_title { margin: 4px 4px 4px 2px }

.customization_block ul { margin: 6px 6px 0 6px }

.customization_block_input { vertical-align: inherit }

img.customization_delete_icon { margin: 2px }

li.customizationUploadLine {

text-align: left;

margin-right: 40px;

clear: left;

padding: 4px;

display: block

}

div.customizationUploadBrowse { float: left }

div.customizationUploadBrowseDescription { padding: 6px ; float: left}

img.customizationUploaded {

margin: 2px;

border: 1px solid #888888

}

ul.customizationUploaded {

list-style-type: none;

margin-left: 4px

}

ul.customizationUploaded li { display: inline }

ul.customizationUploaded a { text-decoration: none }

div.customizationUploaded { clear: left }

div.deletePictureUploaded { float: right }

div.deleteCustomizableProduct { float: right }

ul.typedText {

padding-left: 6px;

list-style-type: none

}

/* mywishlist */

#mywishlist div#block-order-detail form.wl_send fieldset p input { margin-left: 60px }

#mywishlist div#block-order-detail {

margin-top: 10px;

display: block

}

#mywishlist form.std fieldset label { width: 80px }

#mywishlist form.std fieldset input#submitWishlist { display: inline }

#mywishlist table.std thead th.mywishlist_first {

text-align: center;

width: 40px

}

#mywishlist table.std thead th.mywishlist_second {

text-align: center;

width: 80px

}

#mywishlist table.std thead th.first_item,

#mywishlist table.std tbody tr td { width: 200px }

#mywishlist div#block-order-detail ul li span.wishlist_product_detail select { margin: 0 }

#mywishlist div#block-order-detail { margin-top: 10px }

#mywishlist #hideBoughtProducts,

#mywishlist #showBoughtProducts {

float: left;

margin: -18px 0 0 5px

}

#mywishlist #showBoughtProducts,

#mywishlist #hideBoughtProductsInfos,

#mywishlist #hideSendWishlist { display: none }

#mywishlist #showBoughtProductsInfos,

#mywishlist #hideBoughtProductsInfos { margin-left: 5px }

#mywishlist #showSendWishlist,

#mywishlist #hideSendWishlist,

#mywishlist div#block-order-detail ul li a.exclusive {

float: right;

margin: -25px 0 0 0

}

#mywishlist div#block-order-detail table.wlp_bought_infos thead tr th { text-align: center }

#mywishlist div#block-order-detail table.wlp_bought_infos thead tr th.first_item { width: 300px }

#mywishlist div#block-order-detail table.wlp_bought_infos { margin: 0 0 0 10px }

#mywishlist div#block-order-detail ul {

list-style-type: none;

margin:5px 0 0 5px;

border-bottom:1px solid #D0D1D5;

}

#mywishlist div#block-order-detail ul li img { float: left }

#mywishlist div#block-order-detail ul li.address_title {

color: #000000;

font-size: 1.2em;

font-weight: bold;

margin-bottom: 5px;

}

#mywishlist div#block-order-detail ul li.address_name { padding-bottom: 5px }

/* View wishlish */

#view_wishlist #featured-products_block_center ul div li a img { float: left }

#view_wishlist #featured-products_block_center ul div li a,

#view_wishlist #featured-products_block_center ul div li span {

text-decoration: none;

float: left

}

#view_wishlist #featured-products_block_center ul div li span.wishlist_product_detail,

div#mywishlist div#block-order-detail ul li span.wishlist_product_detail {

margin-left: 30px;

float: left

}

div#mywishlist div#block-order-detail ul li span.wishlist_product_detail { margin-bottom: 5px }

#view_wishlist #featured-products_block_center ul div li a.exclusive,

#view_wishlist #featured-products_block_center ul div li span.exclusive {

margin-left: 55px

}

#view_wishlist #featured-products_block_center ul div li.address_name input.text {

color: #999;

font-weight: bold;

font-size: 11px;

border: 0

}

/* module reversoform*/

.account_creation #reverso-form { width: 100% }

.account_creation #reverso-form label {

width: 250px;

text-align: left;

margin-left: 10px

}

.account_creation #reverso-form label#legend_reverso {

clear: both;

width: 100%;

font-size: 10px;

text-align: left

}

.account_creation #reverso-form input#reverso_form { margin-top: 20px }

/* module productcomments */

.rating {

cursor: pointer;

margin: 2em;

clear: both;

display: block

}

.rating:after {

content: '.';

display: block;

height: 0;

width: 0;

clear: both;

visibility: hidden

}

.cancel, .star {

float: left;

width: 17px;

height: 15px;

overflow: hidden;

text-indent: -999em;

cursor: pointer

}

.cancel, .cancel a { background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px }

.star, .star a { background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0 }

.cancel a, .star a {

display: block;

width: 100%;

height: 100%;

background-position: 0 0

}

div.star_on a { background-position: 0 -16px }

div.star_hover a, div.star a:hover { background-position: 0 -32px }

.pack_content { margin: 10px 0 10px 0 }

.pack_price {

float: right;

margin-right: 3px;

font-size: 12px

}

.confirmation {

color: #808000;

font-weight: bold

}

#page .rte { background: transparent none repeat scroll 0 0 }

/* module paypalapi */

.paypalapi_about { text-align: justify }

.paypalapi_about ul { padding-left: 20px }

/* cms pages */

#cms div.content_only {

text-align: left;

padding: 10px

}

.live_edit_feed_back_ok {

color: #374853;

background-color: #DFFAD3;

padding: 4px;

border: 2px solid #72CB67

}

.live_edit_feed_back_ko {

color: #374853;

background-color: #FAE2E3;

padding: 4px;

border: 2px solid #EC9B9B

}

.add_module_live_edit {

background-color: #F1F2F4;

padding: 4px;

border: 2px solid #D0D3D8;

}

.blockcategoriestop {

width:100%;

background-color: #000000;

float: left

}

.blockcategoriestop li {

float:left;

list-style-type:none}

.blockcategoriestop li a{

color:#FFFFFF;

font-weight:400;

display:block;

height:28px;

border-right:1px solid #888888;

text-decoration:none

}

.blockcategoriestop li a:hover {color:#FFF000}

.blockcategoriestop li a span {

line-height: 28px;

margin: 0 20px;

text-transform: uppercase;

vertical-align: middle;

font-family: 'BebasNeueRegular', arial;

font-size: 22px;

}

#loyalty {

background-color: #EFEFEF;

color: #888888;

font-size: 12px;

font-weight: bold;

letter-spacing: -1px;

margin-bottom: 10px;

overflow: hidden;

padding: 8px 10px;

text-align: left;

text-transform: uppercase;

}

#loyalty img, #loyalty p { float: left }

#loyalty img { margin-top : 5px}

#loyalty p {

margin: 0;

width: 70%;

padding-left: 0;

}

#loyalty_price {color: #000000;}

#order #loyalty, #order-opc #loyalty {

width: 878px;

margin: 0 auto 20px;

font-weight: normal;

border: 1px solid #E2E2E2;

}

#order #loyalty img,#order-opc #loyalty img {

margin-top: 0px;

margin-right: 20px;

}

Edited April 4, 2013 by rom42f (see edit history)

Vectorus · April 4, 2013

Je vais pas pouvoir regarder ça tout de suite, je vais essayer de t'aider dans l'après midi ou la soirée.

Mais au moins si quelqu'un d'autre veut t'aider ce sera possible

rom42f · April 4, 2013

Ok pas de problème!

Si quelqu'un d'autre à une idée! Je suis preneur!

Cordialement

R.FRAND

rom42f · April 5, 2013

up je suis toujours bloquer les amies si quelqu'un à 10 min de libre pour m'aider....

Vectorus · April 5, 2013

Pardon, j'avais pas le temps de me pencher sur le problème hier et aujourd'hui je ne pense pas avoir le temps non plus

rom42f · April 10, 2013

Bonjour à tous en cette journée ensoleillé!!!!

Je suis toujours bloquer avec mon header et mon bloc panier....

Si quelqu'un peut ce pencher dessus et m'aider, car je suis à la rue complets!!

Cordialement,

R.FRAND

Whoami · April 10, 2013

Bonjour,

Comme Vectorus, je ne comprends pas totalement l'idée ? Ce serait de transformer ton logo en bannière faisant 100% du header ?

Si c'est le cas, je te conseille tout de même de porter une attention aux mails et générations de PDF en tout genre, qui utilisent l'image de logo dans les templates .

Néanmoins, tu peux essayer les choses suivantes, je ne sais pas si ça répond au besoin mais bon...


#header {
...
position: relative;
}


#header_right {
min-height: 85px;
position: absolute;
right: 0;
text-align: right;
top: 0;
width: 36%;
}

Ca aura pour but de placer ton header_right par dessus cette bannière, et ce quelque soit sa taille.

Edited April 10, 2013 by Whoami (see edit history)

Bloc panier sous mon Header...

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in