Jump to content

Hauteur du header

L-Concept
 Share

Recommended Posts

L-Concept Newbie

L-Concept

Posted
  • Author
Posted

En fait je viens d'acheter un menu sur add-ons plus joli.

et c'est pire ;-) il se met complètement en haut limite au dessus du logo ! mon site est en local, je ne peux donner de lien...

Etant un peu novice, pourriez vous m'expliquer où rajouter margin-top exactement ? si vous le souhaitez je peux attacher le fichier correspondant ?

Link to comment
Share on other sites
Bondaty and Co Newbie

Bondaty and Co

Posted
Posted

A l'aveugle, c'est pas évident et on perd énormément de temps.

Dans un premier temps, installez firebug, ça vous permettra de savoir ou il faut chercher.

Il faut repérer le div de votre menu puis l'endroit où il faut modifier dans le .css du module

 

Plus tôt vous vous y mettrez, plus tôt vous gagnerez en temps et en indépendance:

http://www.prestashop.com/forums/topic/16736-tuto-installation-et-utilisation-de-firebug-pour-modifications-du-template-couleurs-images/

Link to comment
Share on other sites
L-Concept Newbie

L-Concept

Posted
  • Author
Posted

Alors voilà ce que j'ai en cliquant sur "inspecter l'élément"  je pense que c'est ça qu'il faut ?

 

    <div id="advmenu">
        <div id="advmenu-custom"> … </div>
        <div id="advmenu-categories">
            <ul class="advmenu2">
                <li>
                    <span style="display: inline; margin-top: 0px;">
                        <img class="icon-category" width="30px" height="30px" src="modules/advmenu/upload/icon-1-3.jpg"></img>
 
                       
                            iPods
                       
 
                    </span>
                    <a class="" title="Il est temps, pour le meilleur lecteur de musique, de remonter sur scène pour un rappel. Avec le nouvel iPod, le monde est votre scène." href="http://127.0.0.1/prestashop/index.php?id_category=3&controller=category"> … </a>
                </li>
                <li>
                    <span style="display: inline; margin-top: 0px;"> … </span>
                    <a class="" title="Tous les accessoires à la mode pour votre iPod" href="http://127.0.0.1/prestashop/index.php?id_category=4&controller=category"> … </a>
                </li>
                <li>
                    <span style="display: inline; margin-top: 0px;"> … </span>
                    <a class="" title="Le tout dernier processeur Intel, un disque dur plus spacieux, de la mémoire à profusion et d'autres nouveautés. Le tout, dans à peine 2,59 cm qui vous libèrent de toute entrave. Les nouveaux portables Mac réunissent les performances, la puissance et la connectivité d'un ordinateur de bureau. Sans la partie bureau." href="http://127.0.0.1/prestashop/index.php?id_category=5&controller=category"> … </a>
                </li>
            </ul>
        </div>
    </div>
 
</div>

 

Link to comment
Share on other sites
L-Concept Newbie

L-Concept

Posted
  • Author
Posted
Et ça c'est le fichier advmenu.css

 

ul.advmenu {

    clear: both;

    float: left;

    font-size: 1.1em;

    list-style: none outside none;

    padding: 0;

    width: 980px;

position: relative;

}

ul.advmenu li {

    float: left;

    height: 40px;

    margin: 0;

    overflow: hidden;

    padding: 0;

}

ul.advmenu a, ul.advmenu span {

    background: none repeat scroll 0 0 #1D1D1D;

    clear: both;

    color: #FFFFFF;

    float: left;

    height: 20px;

    line-height: 20px;

    padding: 10px 20px;

    text-decoration: none;

    text-transform: uppercase;

}

ul.advmenu.v2 a, ul.advmenu.v2 span {

    padding: 10px 12px;

}

ul.advmenu a {

    color: #7BC441;

}

ul.advmenu span {

    display: none;

}

ul.advmenu.v2 span {

    background: url("images/a_bg0000.gif") repeat-x scroll left top transparent;

}

ul.advmenu.v2 a {

    background: url("images/a_bg0000.gif") repeat-x scroll left bottom 

 

transparent;

    color: #555555;

}

ul.advmenu.v2 {

    background: url("images/a_bg0000.gif") repeat-x scroll left top transparent;

}

ul.advmenu {

    background: #1D1D1D;

}

ul.advmenu {

    margin-bottom: 0px;

}

ul.advmenu.v2 {

    margin-bottom: 120px;

}

 

/* MENU */

 

.dropdown_columns {

margin:4px auto;

float:left;

position:absolute;

left:-999em; /* Hides the drop down */

text-align:left;

padding:20px 0 20px 20px;

border:1px solid #777777;

border-top:none;

z-index:2000;

/* Gradient background */

background: #FFFFFF ;

/* Rounded Corners */

-moz-border-radius: 0px 5px 5px 5px;

-webkit-border-radius: 0px 5px 5px 5px;

border-radius: 0px 5px 5px 5px;

width:958px;

height: 250px;

top: 36px;

}

.dropdown_columns li {

    float: none;

    height: auto !important;

    margin: 0;

    overflow: hidden;

    padding: 0;

}

.dropdown_columns li a {

    background: none !important;

    clear: both;

    color: #000000;

    height: 20px;

    line-height: 20px;

    padding: 0 !important;

    text-decoration: none;

    text-transform: uppercase;

}

.sorted-links {

float: left;

width: 239px;

height:250px;

}

.small-image, .big-image {

float:right;position: relative;margin: 0 20px 20px 0px;

}

.image-button{

bottom: 0px;left: 0;position: absolute;

}

 

/* ICON */

.icon-category {

    display: block !important;

    float: left;

    height: 30px;

    margin-right: 3px;

    margin-top: -5px;

    width: 30px;

}

 

/* SEARCH */

#search_block_top {

    position: absolute;

    left: 260px !important;

    top: 229px !important;

    z-index: 9999 !important;

}

 

.level3 {

color: #990000 !important;

}

Link to comment
Share on other sites
  • 3 weeks later...
L-Concept Newbie

L-Concept

Posted
  • Author
Posted

Bonjour,

 

désolée pour le retard de réponse, j'étais absente !

j'ai testé votre solution, mais rien ne bouge... peut etre que je ne le fais pas correctement ?

 

j'ai rajouté ce que vous m'aviez dit dans le .css du menu comme ceci :

 

#advmenu{
margin-top: 150px;
}

ul.advmenu {
    clear: both;
    float: left;
    font-size: 1.1em;
    list-style: none outside none;
    padding: 0;
    width: 980px;

}
ul.advmenu li {
    float: left;
    height: 40px;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
ul.advmenu a, ul.advmenu span {
    background: none repeat scroll 0 0 #1D1D1D;
    clear: both;
    color: #FFFFFF;
    float: left;
    height: 20px;
    line-height: 20px;
    padding: 10px 20px;
    text-decoration: none;
    text-transform: uppercase;
}
ul.advmenu.v2 a, ul.advmenu.v2 span {
    padding: 10px 12px;
}
ul.advmenu a {
    color: #7BC441;
}
ul.advmenu span {
    display: none;
}
ul.advmenu.v2 span {
    background: url("images/a_bg0000.gif") repeat-x scroll left top transparent;
}
ul.advmenu.v2 a {
    background: url("images/a_bg0000.gif") repeat-x scroll left bottom transparent;
    color: #555555;
}
ul.advmenu.v2 {
    background: url("images/a_bg0000.gif") repeat-x scroll left top transparent;
}
ul.advmenu {
    background: #1D1D1D;
}
ul.advmenu {
    margin-bottom: 0px;
}
ul.advmenu.v2 {
    margin-bottom: 120px;
}

/* MENU */

.dropdown_columns {
    margin:4px auto;
    float:left;
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    padding:20px 0 20px 20px;
    border:1px solid #777777;
    border-top:none;
    z-index:2000;
    /* Gradient background */
    background: #FFFFFF ;
    /* Rounded Corners */
    -moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
    width:958px;
    height: 250px;
    top: 36px;
}
.dropdown_columns li {
    float: none;
    height: auto !important;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.dropdown_columns li a {
    background: none !important;
    clear: both;
    color: #000000;
    height: 20px;
    line-height: 20px;
    padding: 0 !important;
    text-decoration: none;
    text-transform: uppercase;
}
.sorted-links {
    float: left;
    width: 239px;
    height:250px;
}
.small-image, .big-image {
    float:right;position: relative;margin: 0 20px 20px 0px;
}
.image-button{
    bottom: 0px;left: 0;position: absolute;
}
#advmenu{
margin-top: 150px;
}

/* ICON */
.icon-category {
    display: block !important;
    float: left;
    height: 30px;
    margin-right: 3px;
    margin-top: -5px;
    width: 30px;
}

/* SEARCH */
#search_block_top {
    position: absolute;
    left: 260px !important;
    top: 229px !important;
    z-index: 9999 !important;
}

.level3 {
    color: #990000 !important;
}
 

Link to comment
Share on other sites
L-Concept Newbie

L-Concept

Posted
  • Author
Posted

Vous avez bien vidé les caches et recompilé ?

Avez vous vérifié que vous n'avez pas dans votre-theme/ccs/modules/advmenu un advmenu.css, dans ce cas c'est celui-ci qu'il faut modifier

 

on débute tous un jour, pas de problèmes ;)

Je n'ai pas le .css du menu dans le dossier de thème, j'ai regardé ;)

Link to comment
Share on other sites

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
 Share
Go to topic listing
×
×
  • Create New...