Jump to content

[RESOLU] comment placer sur une même ligne en haut à droite du logo-banniere le BLOCKUSERINFO?


Recommended Posts

Bonsoir à tous,

je me permets de relancer un sujet qui à été plusieurs fois abordé mais ayant déjà passé plusieurs heures à lire les forums, je n'ai à ce jour pas encore trouvé la solution ... il faut dire qu'il s'agit de mes premiers pas sur Prestashop
& je pense que j'ai pas fini de tourner en rond :)

(Je suis sur la version 1.3.1 & je travaille en local en bidouillant grâce à firebug)

voici donc l'aperçu en pièce jointe du haut de mon site que j'aimerai modifier
ainsi qu'un lien de site qui correspondrait à ce que je voudrais :
http://www.clicot.com/

& au passage une copie de mon global.css

merci par avance pour votre aide, vous êtes mon dernier recours avant l'abandon ;)

27534_OILUo2sh2pXLvllzosPw_t

Link to comment
Share on other sites

& le global.css manquant... (désolée la pièce jointe ne fonctionne pas, je vous fais un copier coller d'une partie de mon code, en esperant avoir choisi le bon morceau)




/* Header */
#header ul { list-style: none;}
#header form {border: none; margin-bottom: 0!important; display: inline;}
#header label {margin: 0; float: none;}
/* block top currencies */
#header #currencies_block_top {margin: 0.4em 0 0 0; float: right;}
#header #currencies_block_top ul {float: left; height: 1.5em; margin-left:0em }
#header #currencies_block_top ul li {float:left; margin-left:0.2em; }
#header #currencies_block_top ul li a {display:block; font-size:0.8em; color:#70634F; text-decoration:none; width: 1.6em; text-align: center;}
#header #currencies_block_top ul li a:hover {color:#d0d3d8;}
#header #currencies_block_top ul li.selected a {border: none; font-size: 0.8em; font-weight: bold; color:#ff6600;}
#header #currencies_block_top p {clear: left;}

/* block top languages */
#header #languages_block_top {margin: 0.4em 0 0 0; float: right;}
#header #languages_block_top p {clear: left;}
#languages_block_top ul#first-languages {float: left; height: 1.5em; width: 4em;}
#languages_block_top ul#first-languages li {float:left; margin-right: 0.3
#languages_block_top ul#first-languages li.selected_language {float:left; margin-right: 0.2em;}em; background:none;}

/* block left column "Quick search" */
#search_block_top input {margin: -2px 0px 0px -2px; width:15px; border:none;cursor:pointer; background:transparent;}
#search_block_top form { height: 22px; width:207px; float:right; clear:right; background:transparent url('../img/block-search.gif') no-repeat }
#search_block_top input#search_query { width:15.8em; float:left; margin:0.4em 0.5em; padding:0; background:none; color:#ff6600; cursor:text}

/* block top user information */
#header_user {color:#C3C0BB; text-transform:uppercase;clear: left;margin:0.6em 0.6em 0 0;*/}
#header_user span { font-weight:bold; color:#ff6600;}
#header_user div {float:right; clear:right; text-align:right; font-size:11px; font-size:11px;}
#header_user li {float:right; color:#C0C0C0;}
#header_user .shopping_cart {background:url('../img/cart.gif') left no-repeat; height:20px; padding:0.7em 0 0 2em; float:right}
.shopping_cart b { color:#ff6600}
.shopping_cart h4 { margin-right:0.5em; color: #6a5d4a; font-weight:bold; font-size:11px; text-transform:uppercase; float:left}
.shopping_cart li {margin-top:0.0em}
.shopping_cart p { float:right; margin-left:0.5em}
.shopping_cart a { margin-left:0.3em; color:black}
.shopping_cart strong {color:black}
.shopping_cart .ajax_cart_product_txt {color:black; font-weight:bold}
.shopping_cart .ajax_cart_product {color:#c0c0c0; font-weight:bold}
.shopping_cart span {color:#ff6600; font-weight:bold}
.shopping_cart a:hover {color:#ff6600; text-decoration:underline;}
.header_links {margin:-0.0em 0.0em 0.0em 0; float:right; padding-right:0em; margin-right:0.0em}
.header_links li a {color:#555; margin:0 0.0em 0 0.0em; text-decoration:none}
.header_links li a:hover {color:#333; text-decoration:underline}

/* Default block style */
div.block {margin-bottom: 1em;}
div.block ul { list-style: none; background:none}
div.block ul.tree li { padding-left:1.2em;}
div.block a:hover { text-decoration:none;}
#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 {min-height:20px;}
div.block li {padding: 0em 0 0em 0em; list-style-position: outside;}
div.block a {color: #595a5e; text-decoration: none;}

/* block exclusive */
#left_column div.exclusive, #right_column div.exclusive { background:#EEEDE7; padding-bottom:0.5em}
div.exclusive h4 {color:#3dbdce}
div.exclusive h4 a { color:#000}
div.exclusive li { margin-top: 0;}
div.exclusive, div.exclusive a { color:#3dbdce; }

/* myaccount */
#myaccount {margin-top:1.5em; padding-top:0em; list-style:none}
#myaccount input {text-decoration:none;color: #dd2a81}
#myaccount li a{ text-decoration:none;color:#da0f00; line-height:23px;}
#myaccount li a:hover {text-decoration:underline}
#myaccountnav {width:980px; margin:1em 0 ; margin-bottom:1.5em; border:none}
#myaccountnav ul { padding-left:0.3em; margin-top: 2em; border-bottom:2px solid black;}
#myaccountnav li {display:inline; font-weight:bold; margin-right:0.5em; line-height:28px; background:transparent; }
#myaccountnav li a {border:1px solid transparent border:1px inherit transparent; font-weight:normal; color:#666; text-decoration:none; padding:5px 12px 6px 11px; }
#myaccountnav li a {!important; border:1px inherit transparent}
#myaccountnav li a:hover {border:1px solid #FFF; border-bottom:1px solid #FFF; padding-left:10px; padding-right:11px; text-decoration:none}
#myaccountnav li a.selected {border:1px solid black; background:black; color: #FFF; text-decoration:none; padding-left:10px; padding-right:11px; }
#logout { text-decoration:none; color:black; letter-spacing:normal; font-size:11px; float:right; background:url('../img/icon/logout.gif') no-repeat; padding-left:1.7em; margin-top:-10px;}
#myaccountbnt {width:566px; margin-top:0.8em; list-style:none}
#myaccountbnt a {text-decoration:none;color: #6A5D4A;}
#accountwelcome { padding:0em 1em 1em 0em}
#pcheck {padding-left:13.5em;}
#pcheck label {color:black; font-weight:bold}
#pcheck input { border:none}

Link to comment
Share on other sites

Bonjour,

Pour vous aider comme cal c'est pas évident...

Et d'une sur la photo on peut voir que c'est un theme lambda donc avec son code css arrangé et de deux, la portion de css que vous mettez est illisible et la partie concernée n'est pas présente.

Mais d'après ce que vous souhaitez, c'est de mettre les info au dessus de votre image, dans ce cas là il est préférable de l'utiliser comme background dans le div header.

Sinon décaler d'une ligne et de mettre le block userinfo avant l'appel du logo.

V++

Atch

Link to comment
Share on other sites

  • 1 month later...

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...