pb menu

[Edouard 3D]

Re : pb menu

Effectivement donc j'ai trouvé une soluce c'est d'ajouter un élément en position inset (ici le randonneur) mais dernier pb c'est que je me retrouve avec une bande blanche en dessous de lui alors que logiquement le bandeau "vert" ou il y a la tente, les jumelles... doit se coller à l'image. Une soluce ?

En tout cas merci jisse03 de ton aide.

[jisse03]

Re : pb menu

regardes bien avec l'inspecteur de chrome, ce sont les empilages de div qui te provoquent cet effet.

[Edouard 3D]

Re : pb menu

Effectivement je pense que le soucis vient d'ici (voir pièce jointe) mais je sais pas dans quel fichier il faut retirer ses balises ?

[jisse03]

Re : pb menu

Regardes dans css/grid.css du template, la classe frontpageimage et joues sur les paddings jusqu'à obtenir ce que tu veux

[Edouard 3D]

Re : pb menu

J'ai modifié les paddings mais rien ne change

voici l'original :

uppercase;float:right;margin-right:110px !important;background:none!important;}
/* ----------------------------------------------*/
/* HTML 00 - Custom HTML Markup(etc)
/* ----------------------------------------------*/
.frontpagebanner{}
.frontpageimage{padding:83px 0 0 107px;}
.centered{width:145px;margin:0 auto;}
<?php // Custom CSS for Internet Explorer if ($xtc->agent->browserName == 'MSIE') {
if ($xtc->agent->browserVersion == '7.0') {
?>

[jisse03]

Re : pb menu

Avec l'inspecteur d'éléments de chrome, en jouant sur ces paddings, on voit bien le positionnement se corriger. Trouves par quoi remplacer idéalement ces 2 valeurs 83 et 107 pour correspondre à tes goûts.

Et penses bien à utiliser Ctrl-F5 pour recharger la page après toute modification du CSS, pour en forcer la relecture par le navigateur.

[Edouard 3D]

Re : pb menu

j'ai modifier en mettant ceci par exemple :

/* ----------------------------------------------*/
/* HTML 00 - Custom HTML Markup(etc)
/* ----------------------------------------------*/
.frontpagebanner{}
.frontpageimage{padding:10px 0 0 10px;}
.centered{width:10px;margin:0 auto;}
<?php // Custom CSS for Internet Explorer if ($xtc->agent->browserName == 'MSIE') {
if ($xtc->agent->browserVersion == '7.0') {
?>


Mais pour moi ça change rien, cela change de ton côté ?

[jisse03]

Re : pb menu

En examinant avec Chrome, tu n'as rien changé...

Pourquoi en avoir mis un en ligne 205 , surement dans les custom elements, alors que celui à rechercher (et qui ets actif sur l'accueil est en ligne 172 du source de la page et contient:

.frontpageimage{padding:93px 0 178px 83px !important;}

Avec Chrome, désactives celui là, et tu verras immédiatement la différence.

[Edouard 3D]

Re : pb menu

C'est plutôt rare que je bidouille la dedans donc je suis un peu perdu (merci de ta patience , c'est bien dans css/grid que je dois le trouver ? car je le vois qu'une fois le .frontpageimage ? voici ci dessous une partie du dossier que j'ai css/grid


/* ----------------------------------------------*/
/* L 00 - Header,logo,menu,top
/* ----------------------------------------------*/
#headerwrap{padding:65px 0 0 0;}
#topmenuwrap{padding:3px 0 1px;}
#topmenu_b ul{margin:0 0 0 6px;}
#logowrap{text-align: center;position:relative;z-index:2;padding:0;}
#logo {position:absolute;top:-49px;left:0;}
/* ----------------------------------------------*/
/* L 01 - Menu
/* ----------------------------------------------*/
#menuwrap {margin-bottom:96px!important;}
#menu > ul.menu {text-align: center;}
#menu > ul.menu > li {display:inline; padding:0 10px 0 0}
/* ----------------------------------------------*/
/* L 02 - Top
/* ----------------------------------------------*/
#insetwrap{min-height:96px;margin-top: -96px!important;}
/* ----------------------------------------------*/
/* L 03 - Content
/* ----------------------------------------------*/
#region1wrap,#region1wrappad{padding:10px 0;}
/* ----------------------------------------------*/
/* L 04 - Content
/* ----------------------------------------------*/
#footerwrap .module{padding:20px 0;font-size:10px;}
#legals div{float:right;}
/* ----------------------------------------------*/
/* M 00 - Custom Menu Classes (topmenu)
/* ----------------------------------------------*/
#topmenu_a ul.topmenu {padding:12px 0 10px 0;float:right;}
#topmenu_a li { float:left; margin-right:12px; }
#topmenu_a li:first-child { margin-right:29px; }
#topmenu_b ul.topmenu {padding:12px 0 10px 0;float:left;}
#topmenu_b li { float:left;margin:0 0 0 30px; }
#topmenu_b li:first-child {margin:0; }
ul.topmenu li {display:inline; padding:0 10px 0 0}
ul.topmenu li a{font-size:13px; letter-spacing:1px; text-transform:uppercase;padding:3px 38px 0;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
/* ----------------------------------------------*/
/* M 00 - Custom Menu Classes (related to suckerfish,dualfish and dropline for main menu)
/* ----------------------------------------------*/
#menubar_a ul.menu {float:right;}
#menubar_a > div{position:relative;left:10px;}
#menubar_b > div{position:relative;left:-20px;}
#menu ul.menu li.parent > ul {-moz-border-radius:0 0 12px 12px;-webkit-border-radius:0 0 12px 12px;border-radius:0 0 12px 12px;}
#menu ul.dualfish li.parent > ul,#menu ul.dropline li.parent > ul {-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;}
#menu ul.dropline li.parent ul li ul {-moz-border-radius:0 0 12px 12px!important;-webkit-border-radius:0 0 12px 12px!important;border-radius:0 0 12px 12px!important;padding:8px 0 0 0;}
#menu ul.menu li.parent > ul > li > a {-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
#menu ul.menu li.parent ul li ul{-moz-border-radius:0 14px 14px 14px;-webkit-border-radius:0 14px 14px 14px;border-radius:0 14px 14px 14px;}
/* ----------------------------------------------*/
/* M 02 - Custom Menu Classes (list1)
/* ----------------------------------------------*/
ul.list1 {margin:12px 0 12px 16px;}
ul.list1 li {padding: 12px 0 12px 22px; line-height:133%; background:url(<?php echo $imgpath; ?>/backgrounds/dot.png) no-repeat 0 18px; color:<?php echo $params->basecolor2;?> !important;}
/* ----------------------------------------------*/
/* S 00 - Module and Suffixes
/* ----------------------------------------------*/
.module{margin:<?php echo $params->modulepacerheight;?>px 0 0 0;}
span.title-line-left,span.title-line-right{display:block;height:12px;padding:0!importan t;}
span.title-line-left{float:left;}
span.title-line-right{float:right;}
.module h3{text-align:center;margin:0 0 30px 0;}
.module h3 span.title-text{ background:none;padding:0 10px;}
h4.module_subtitle{text-align:center;font-size:18px;line-height:18px;font-weight:bold;}
/* ----------------------------------------------*/
/* S 01 - Module Overrides,overrides for default suffix within specific areas of the regions
/* ----------------------------------------------*/
#topbanner .module:first-child,#top .module:first-child,#inset .module:first-child,#showcasegrid .module:first-child,#left .module:first-child,#right .module:first-child,#left1 .module:first-child,#right1 .module:first-child,#left2 .module:first-child,#right2 .module:first-child,#left3 .module:first-child,#right3 .module:first-child,#newsflash .module:first-child,
#banner1 .module:first-child,#breadsearch .module:first-child,#banner .module:first-child,
#banner .module:first-child,#banner4 .module:first-child,.singlearea .module,.firstarea .module{margin:0!important;}
/* ----------------------------------------------*/
/* S 02 - No Pad Border(nopadborder)
/* ----------------------------------------------*/
.nopadborder .modulecontent{padding:0;}
/* ----------------------------------------------*/
/* S 03 - Border (border)
/* ----------------------------------------------*/
.border .modulecontent{padding:10px;border:1px solid #111;}
/* ----------------------------------------------*/
/* S 03 - Flip (flip)
/* ----------------------------------------------*/
.flip .header{margin:20px 0 0 0;}
/* ----------------------------------------------*/
/* S 04 -No Pad (nopad)
/* ----------------------------------------------*/
.nopad {margin:0px!important;padding:0px!important;}
/* ----------------------------------------------*/
/* S 05 -Hilite (hilite)
/* ----------------------------------------------*/
.red span.first_word,.red_noline span.first_word{color:#5A2925!important;}
.green span.first_word,.green_noline span.first_word{color:#8d9e4d!important;}
.aqua span.first_word,.aqua_noline span.first_word{color:#1f8086!important;}
.orange span.first_word,.orange_noline span.first_word{color:#915f32!important;}
.black span.first_word,.black_noline span.first_word{color:#000!important;}
.grey span.first_word,.grey_noline span.first_word{color:#000!important;}
.noline h3,.red_noline h3,.green_noline h3,.aqua_noline h3,.orange_noline h3,.black_noline h3,.grey_noline h3{background:none!important;}
.left h3{text-align:left;}
.left h3 span.title-text{padding:0 10px 0 0;}
.right h3{text-align:right;}
.right h3 span.title-text{padding:0 0 0 10px;}
/* ----------------------------------------------*/
/* C 00 - Content Overrides
/* ----------------------------------------------*/
.cat_img img {max-width: 100%;}
.imgframe{max-width:95%;}
a.btn {display: block;float: left;font-size: 12px;height: 35px;margin-right: 6px;padding-right: 40px;text-decoration: none;}
a.btn span {display: block;padding: 9px 0 11px 40px;text-transform:uppercase; font-size:17px;}
.btn {display: block;float: left;font-size: 12px;height: 35px;margin-right: 6px;padding-right: 40px;text-decoration: none;}
.btn span,.btn .btnmore{display: block;padding: 9px 0 11px 40px;}
input.btnmore,.button.btnmore ,.btn .btnmore{display: block;padding: 6px 0 11px 40px;}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
input.btnmore,.button.btnmore ,.btn .btnmore{display: block;padding: 9px 0 11px 40px;}
}
:root input.btnmore,.button.btnmore ,.btn .btnmore{display: block;padding: 9px 0 11px 40px;} /* IE9 */
.btn span a,input.btnmore,.button.btnmore,.btn .btnmore{text-transform:uppercase; font-size:17px;}
.newsdate{width:150px;height:117px;display: inline;float: left;margin: 3px 0 28px;text-align: center;position: relative;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.newsdate {
margin: 3px 15px 28px 0;
}
}
h5.month {font-family: "ChunkFiveRegular",Arial,Helvetica,sans-serif;font-size: 22px !important;text-transform:uppercase;font-weight: 100 !important;letter-spacing: 0 !important;line-height: 22px !important;padding: 25px 0 16px 0 !important;}
h5.day {font-family: "ChunkFiveRegular",Arial,Helvetica,sans-serif;font-size: 36px !important;font-weight: 100 !important;line-height: 36px !important;text-transform: uppercase;}
.article_iconbar{margin:30px 0 0 0;}
.readmore,.iconbar{float:left;}
.iconbar{margin:-2px 0 0 35px;}
/* ----------------------------------------------*/
/* HTML 00 - Custom HTML Markup
/* ----------------------------------------------*/
.ribbon{float:left; width:1139px; height:130px;padding:73px 0 0 0;}
h3.ribbon_txt1 {font-family: "ChunkFiveRegular",Arial,Helvetica,sans-serif;font-size: 52px !important;font-weight: 100 !important;line-height: 52px !important;text-transform: uppercase;float:left;margin-left:110px !important;background:none!important;}
h3.ribbon_txt2 {font-family: "ChunkFiveRegular",Arial,Helvetica,sans-serif;font-size: 52px !important;font-weight: 100 !important;line-height: 52px !important;text-transform: uppercase;float:right;margin-right:110px !important;background:none!important;}
/* ----------------------------------------------*/
/* HTML 00 - Custom HTML Markup(etc)
/* ----------------------------------------------*/
.frontpagebanner{}
.frontpageimage{padding:10px 0 0 10px;}
.centered{width:10px;margin:0 auto;}
<?php // Custom CSS for Internet Explorer if ($xtc->agent->browserName == 'MSIE') {
if ($xtc->agent->browserVersion == '7.0') {

[jisse03]

Re : pb menu

N'ayant pas installé ce template, je ne saurais te dire dans quel fichier chercher.

Avec Notepad++, recherches toutes les occurences de .frontpageimage, jusqu'à trouver celle ayant le sparamètres qu'on remarque avec Chrome.

[Edouard 3D]

Re : pb menu

Merci merci merci (mille fois) ça à marché, donc pour info pour les autres qui rencontreront le pb la soluce est d'aller dans fichier css/style2.css (ou style 1,2,3 ou 4 selon le style choisi) et à la ligne 172 (merci jisse03) vous modifier la ligne :

.frontpageimage{padding:93px 0 178px 83px !important;}

mettez les numéros pour arriver au résultat souhaité.

Une hola pour jisse03 pour sa patience et le temps passé.