probleme de affichage decalage avec template InteriorDesign

Réduire
X
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • probleme de affichage decalage avec template InteriorDesign

    bonjour,
    j'ai un probleme d'affichage des menu , en faite j'ai developpé un site web avec plateform joomla 3.3.6 et j'ai utilisé une template qui s'appele : InteriorDesign - Par défaut , le probleme c'est que les menu sont affiché decalé les menu de la droite sont affiché nomal par contre les menu de gauche sont affiché en bas de la fin de l'article ( je pense question de place de la largeur) parce que si je reduit le zoom de navigateur , ils seront affiché normal Cliquez sur l'image pour l'afficher en taille normale

Nom : 1.jpg 
Affichages : 1 
Taille : 182,9 Ko 
ID : 1821050

    html,body,div,span,applet,object,iframe,h1,h2,h3,h 4,h5,h6,blockquote,pre,a,abbr,acronym,address,big, cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small, strike,sub,sup,tt,var,center,dl,dt,dd,ul,li,fields et,form,label,legend,table,caption,tfoot,thead{bac kground: transparent;border: 0;font-style: inherit;font-weight: inherit;margin: 0;padding: 0;outline: 0;vertical-align: baseline;}
    tr,th,td {background: transparent;border: 1px solid #e1e1e1;font-style: inherit;font-weight: inherit;margin: 0;padding-left: 7px;outline: 0;vertical-align: baseline;}
    table {border-collapse: collapse;border-spacing: 0; width: 100%; border: 1px solid #e1e1e1;}
    html {overflow-y: scroll;}

    /* Main Layout */
    html {height: 100%; width:100%;}
    body { font-family: Helvetica, Arial, sans-serif; font-size:13px; line-height: 1.3; color: #555; height: 100%; padding:0; background:#f8f8f8;}
    body.contentpane { background:#fff; color:#555;}

    h2.item-page-title a, .leading-0 a, h1, h2, h3, h4, a:link, a:visited , .page-header h2 a{ text-decoration: none; color: #586b79;}
    a:hover { text-decoration: underline; color: #555; background:none;}
    .logo-container { position:absolute; max-width:315px; max-height:auto;}
    .logo img {width:100%; height:auto; padding-top: 15px;}
    .logo img:hover {opacity:0.6;}
    .logo a {color:#555; text-decoration:none; font-size:56px;}
    .slogan { color: #C4C4C4;font-size: 13px;left: 198px;position: absolute;top: 56px;}
    .searchbutton { position:absolute; right:10px; top: 7px; color:#fff; float:right; width:50px;}

    /* Layout */
    .componentheading { font-style:italic;font-size:25px; margin:0; padding:0 0 10px 0; color:#1a528c;}
    h1 { font-size: 20px;}
    h2 { font-size: 18px;}
    h3 { font-size: 16px;}
    h4 { font-size: 14px;}
    h1,h2,h3,h4,h5,h6 {margin:0; padding:5px 0; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
    ul {margin:0 0 0 15px;}
    p {margin-top: 0;margin-bottom: 10px;}
    p em {font-style:italic;}
    blockquote { background:#eee; border:3px solid #ccc; margin:5px; padding:5px; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-style:italic}
    element.style { height:auto;}
    hr { width:100%; clear:both; border:none; height:2px; background:#eee; margin:0; padding:0;}
    .clr {clear: both;}



    /* Styles for screen 960px and higher */
    @media screen and (min-width: 960px) {
    #sidebar {width:220px;}
    #centercontent_both {width: 52%; margin-left: 10px;}
    #centercontent_one {width:74%; margin-left: 19px;}
    }

    /* Styles for screen 640px to 960px */
    @media screen and (min-width: 640px) and (max-width: 959px){
    #rightbar-w {float:right; width:22%;}
    #leftbar-w {float:left; width:22%;}
    #centercontent_both {max-width: 52%; margin-left: 14px; }
    #centercontent_one {max-width:74%; margin-left: 19px;}
    }

    /* Styles for screen 959px and lower */
    @media screen and (max-width: 959px) {
    #main-content, #slideshow, #pull, {margin-left:0px; margin-right: 10px;}
    .user3 {display:none;}
    #nav {max-width: 99%;}
    #tg {margin-right:10px; background-color: none repeat scroll 0 0 #000; width:100%;}
    .footer-right {display:none;}
    #social {display:none;}
    .callbacks_container {padding:0; margin:0;}
    }

    /*Styles for screen 640px and higher*/
    @media screen and (min-width: 640px) {
    #rightbar-w {float:right;}
    #leftbar-w {float:left;}
    #wrapper {padding: 5px;}
    #bottomwide {margin: 0 10px;}
    }


    /*Styles for screen 640px and lower*/
    @media screen and (max-width: 639px) {
    nav { height: auto ; right: 15px; top: 0px; letter-spacing: 0;margin:0;position: relative;z-index: 10; margin: 0 4px 0 30px;}
    nav ul { width: 100%; display: block; height: auto;}
    nav li{ width: 50%; float: left; position: relative; z-index:10;}
    nav ul li a {display: block; padding: 25px 20px;color: #757575; text-decoration: none;}
    nav li a { border-bottom: 1px solid #cccccc; border-right: 1px solid #576979; }
    nav a { text-align: left; width: 100%; text-indent: 15px; }
    nav ul { display: none; height: auto; }
    nav a#pull { display: block; background-color: #283744; width: 100%; position: relative;}
    nav a#pull:after { content: ""; background: url(../images/nav-icon.png) no-repeat; width: 20px; height: 20px; display: inline-block; position: absolute; top: -20px; right:0;}

    #nav a {background: #fefefe; background: -moz-linear-gradient(top, #fefefe 0%, #ececec 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #ececec)); background: -webkit-linear-gradient(top, #fefefe 0%, #ececec 100%); background: -o-linear-gradient(top, #fefefe 0%, #ececec 100%); background: -ms-linear-gradient(top, #fefefe 0%, #ececec 100%); background: linear-gradient(top, #fefefe 0%, #ececec 100%); color: #000; display: inline-block; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; line-height: 42px; padding: 0 10px; text-decoration: none; }
    #nav ul {margin-left: 0px; padding:0; float:left; height:24px; list-style: none}
    #nav ul li {list-style:none;float:left;position:relative; padding-right:0px 20px; margin:0; margin-right:5px; }
    #nav ul li a {color: #555555;display: block;font-family: 'Alegreya Sans', sans-serif;font-size: 14px;font-weight: normal;padding: 0;text-align: left;text-shadow: none; border-right:none;}
    #nav ul li a:hover { color:#c4c4c4; background:none; text-decoration:none;}
    #nav ul li:hover:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 50%; bottom: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #db000b; margin-left: -10px; }
    #nav ul li:first-child > a { border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; }
    #nav ul li.active > a { -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background: #ececec; background: -moz-linear-gradient(top, #ececec 0%, #ffeeff ef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #ffeeff ef)); background: -webkit-linear-gradient(top, #ececec 0%, #ffeeff ef 100%); background: -o-linear-gradient(top, #ececec 0%, #ffeeff ef 100%); background: -ms-linear-gradient(top, #ececec 0%, #ffeeff ef 100%); background: linear-gradient(top, #ececec 0%, #ffeeff ef 100%); }
    #nav ul li:hover > a { background: #ececec; background: -moz-linear-gradient(top, #ececec 0%, #ffeeff ef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #ffeeff ef)); background: -webkit-linear-gradient(top, #ececec 0%, #ffeeff ef 100%); background: -o-linear-gradient(top, #ececec 0%, #ffeeff ef 100%); background: -ms-linear-gradient(top, #ececec 0%, #ffeeff ef 100%); background: linear-gradient(top, #ececec 0%, #ffeeff ef 100%); -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); }
    #nav ul li ul {position:absolute;width:180px;left:-999em;border-top:0; margin:0; padding:0; }
    #nav ul li ul:hover {position:absolute;width:180px;left:-999em;border-top:0; margin:0; padding:0; }
    #nav ul li:hover ul {left:0;}
    #nav ul ul ul{display:none;}
    #nav ul li ul li:hover ul {left:100%; top:0; display: block;}
    #nav ul li:hover ul {left:100%; top:0; display:none;}
    #nav ul li:hover ul li a {border-radius:0; border:none;}
    #nav ul li:hover ul li ul li a {border-radius:0; display:none;}
    #nav ul li ul li:hover ul li a {border-radius:0; display:block;}

    .slogan {left:8px;}
    #bottomwide {margin:0 11px;}
    #rightbar-w {width:100%;}
    #leftbar-w {width:100%;}
    #centercontent_both {width:100%;}
    #main-content {padding:0;}
    #wrapper {paddingadding: 15px 3px;}
    .cols-3 .column-1 , .cols-3 .column-2, .cols-3 .column-3 {width:98%;}
    }


    @media \0screen {img { width: auto; /* for ie 8 */}}

    /* Header */
    #header { position:relative; height:85px; max-width:960px;margin: 0px auto 0; }
    #header-w {position:relative; margin-bottom:14px; margin-top:12px;}
    .top {color:#fff;max-width:450px;overflow:hidden; padding:20px 0 0 0; margin:0 0 0 500px;z-index:1;}
    .top a {color:#fff; text-decoration:underline}


    .fro{margin:0 -480px 0 0; padding:0; font-size:11px; color:#a2a2a2; text-align:left; right:50%; text-shadow:none; bottom:6px; z-index:10; line-height:11px; height:11px; position:absolute;}
    .fro a,.fro a:hover { text-decoration:none; color:#a2a2a2;}
    @media (max-width: 959px) {.fro{bottom:6px; margin:0; padding:0; position:absolute; right:10px;}}
    #relative { position:relative;}


    #slideshow {margin:0px auto; max-width:960px;}
    #slide-w { margin:0; padding:0; background:#EAEAEA url(../images/bg.png) 0 0 repeat-x; border-bottom:1px solid #d6d6d6;border-top:1px solid #f5f5f5;}
    #slide { max-width:960px; margin:0 auto;}

    /* Navigation */

    @media only screen and (min-width:601px){
    #nav {margin: auto;position: relative;z-index: 10; margin:10px; height: 49px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fefefe; background: -moz-linear-gradient(top, #fefefe 0%, #eee9f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #eee9f0)); background: -webkit-linear-gradient(top, #fefefe 0%, #eee9f0 100%); background: -o-linear-gradient(top, #fefefe 0%, #eee9f0 100%); background: -ms-linear-gradient(top, #fefefe 0%, #eee9f0 100%); background: linear-gradient(top, #fefefe 0%, #eee9f0 100%); border-bottom: 2px solid #db000b; }
    #nav ul li ul li {padding: 0; height:auto; width:180px; margin:0 auto; border:none; text-align: left;}
    #nav:after, #nav ul:after { content: ''; display: block; clear: both; }
    #nav a {background: #fefefe; background: -moz-linear-gradient(top, #fefefe 0%, #ececec 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #ececec)); background: -webkit-linear-gradient(top, #fefefe 0%, #ececec 100%); background: -o-linear-gradient(top, #fefefe 0%, #ececec 100%); background: -ms-linear-gradient(top, #fefefe 0%, #ececec 100%); background: linear-gradient(top, #fefefe 0%, #ececec 100%); color: #000; display: inline-block; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; line-height: 49px; padding: 0 20px; text-decoration: none; }
    #nav ul {margin-left: 0px; padding:0; float:left; height:24px; list-style: none}
    #nav ul li {list-style:none;float:left;position:relative; padding-right:0px 20px; margin:0; margin-right:5px; }
    #nav ul li a {color: #555555;display: block;font-family: 'Alegreya Sans', sans-serif;font-size: 16px;font-weight: normal;padding: 0 8px;text-align: left;text-shadow: none; border-right:none;}
    #nav ul li a:hover { color:#c4c4c4; background:none; text-decoration:none;}
    #nav ul li:hover:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 50%; bottom: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #db000b; margin-left: -10px; }
    #nav ul li:first-child > a { border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; }
    #nav ul li.active:after {border-bottom:none; margin-left: -10px; }
    #nav ul li.active > a { -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background: #ececec; background: -moz-linear-gradient(top, #ececec 0%, #ffeeff ef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #ffeeff ef)); background: -webkit-linear-gradient(top, #ececec 0%, #ffeeff ef 100%); background: -o-linear-gradient(top, #ececec 0%, #ffeeff ef 100%); background: -ms-linear-gradient(top, #ececec 0%, #ffeeff ef 100%); background: linear-gradient(top, #ececec 0%, #ffeeff ef 100%); }
    #nav ul li:hover > a { background: #ececec; background: -moz-linear-gradient(top, #ececec 0%, #ffeeff ef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #ffeeff ef)); background: -webkit-linear-gradient(top, #ececec 0%, #ffeeff ef 100%); background: -o-linear-gradient(top, #ececec 0%, #ffeeff ef 100%); background: -ms-linear-gradient(top, #ececec 0%, #ffeeff ef 100%); background: linear-gradient(top, #ececec 0%, #ffeeff ef 100%); -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); }
    #nav ul li ul {position:absolute;width:180px;left:-999em;border-top:0; margin:0; padding:0; }
    #nav ul li:hover ul {left:0;}
    #nav ul li ul li:hover ul {left:180px; top:0;}
    #nav ul li:hover ul li a {border-radius:0; border:none;}
    #nav ul li ul li:hover:after {border-bottom:none; margin-left: -10px; }
    }

    .clearfix:before, .clearfix:after { content: " "; display: table; }
    .clearfix:after { clear: both }
    .clearfix { *zoom: 1 }

    .menubox {background:#e14d43; margin: auto;position: relative;z-index: 10; width:980px;}
    .menubox h2 {padding-left:20px; color:#fff;}
    .menubox h3 {padding-left:20px; color:#fff;}
    .menubox h4 { color: #555555;font-size: 33px;line-height: 5px;padding-bottom: 28px;padding-left: 20px;}

    /* Sidebar */
    #addthis {float:center; padding-left: 12px; padding-top: 0px;}
    #rightbar-w {}
    #leftbar-w {}
    #sidebar {clear:both; background-color: #F5F5F5; border: 1px solid #E3E3E3;border-radius: 4px 4px 4px 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;margin-bottom: 20px;min-height: 20px;}
    #sidebar .module {margin-bottom: 15px; width:100%;}
    #sidebar .module-title {color: #555;padding:8px 0 8px 18px;background:url("../images/arrow.png") no-repeat scroll 3% 50% #e2dbc8 ;font-family: 'Alegreya Sans', sans-serif; font-weight:normal; font-size: 18px;line-height: 100%;margin: 0;}
    #sidebar .module-title h3 { }
    #sidebar .module-body {background:none;padding:13px;}
    #sidebar .module-body p{padding:0; margin:0;}
    #sidebar ul li { margin:0 5px; padding:0;}
    #sidebar .module ul.menu{margin:5px 0 0 0; padding:0;list-style:none; padding:0; list-style-type:none;}
    #sidebar .module ul.menu li{ list-style:none; list-style-type:none;margin:0; padding:0; }
    #sidebar .module ul.menu li a {background-color:#f1f1f1;border-bottom: 1px solid #FFFFFF;color: #575757;display: block;padding: 3px 15px 3px 5px;text-decoration: none; text-align: left;}
    #sidebar .module ul.menu li a:hover { color: #575757; background: url(../images/sidehover.jpg) 100% -50px no-repeat #fff;}
    #sidebar .module ul.menu li.active a{color:#058CA1;}
    #sidebar .module ul.menu li ul {margin:0;}
    #sidebar .module ul.menu li ul li {background:none; border:none; margin: 0 0 0 15px; }
    #sidebar .module ul.menu li ul li a{ border: 0; color:#999; background:none;text-align:left; padding-left: 11px;}
    #sidebar .module ul.menu li ul li a:hover{color: #575757; background: url(../images/sidehover.jpg) 100% -50px no-repeat #fff; }
    #sidebar .module ul.menu li.active ul li a{color: #6e99c2;}
    #sidebar .module ul.menu li ul li.active a, #sidebar .module ul.menu li.active ul li a:hover{color:#134E8B;}

    /* Content */
    #main { margin: auto 0; position: relative;}
    #main-content { position:relative; padding: 0 10px; height:100%;color: #635c47; }


    #maincol {position: relative;}
    #wrapper {margin:0 auto; max-width:980px; position: relative; background-color: #FFFFFF; margin-top:10px; border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 4px;box-shadow: 0 0 6px rgba(0, 0, 0, 0.05); margin-bottom:10px;}


    #leftcolumn{margin-left:9px;padding:0px;max-width:185px;float:left;}
    #rightcolumn{margin-right:9px;padding:0px;max-width:185px;float:right;}
    #centercontent{max-width:515px;float:left;margin:5px 0 0 0px;padding:0px;overflow:hidden;}
    #centercontent ul{margin: 0 0 10px 3px;}
    #centercontent td {border: 1px solid #e1e1e1;vertical-align: middle;}
    #centercontent th {border: 1px solid #e1e1e1;vertical-align: middle;}
    #centercontent_both{float:left;overflow:hidden;}
    #centercontent_one{float:left;overflow:hidden;}
    #centercontent_none{float:left;}

    div.clearpad {padding:0px 3px 3px 0px;}
    div.clearpad ul {clear: both; }

    /* Content styles */
    ul.archive li { list-style:none; padding:0 0 0 10px;}
    .archive .article-count {color:#999;}
    .blog-featured {background:#fff;}
    .items-row {position: relative;clear:both;}
    .item-page { position:relative; background:#fff; padding: 0 7px 7px 7px;}
    h2.item-page-title, .page-header h2 {padding-bottom: 3px; margin: 10px 0; font-size:25px; font-weight:normal; font-family: 'Alegreya Sans', sans-serif;}
    h2.item-page-title a, .leading-0 a, .page-header h2 a {padding: 5px 0 0px 0; color:#db000b;}
    h2.item-page-title a:hover, .leading-0 a:hover, .page-header h2 a:hover{text-decoration: underline;}


    .item-page-title, .item-page-title a {text-decoration:none; color:#01406a;}
    .item-page-title a:hover {}
    .buttonheading { position:absolute; top:15px; right:0;}
    .buttonheading .edit {float:right;margin:0 5px;}
    .buttonheading .print { float:right; margin:0 5px;}
    .buttonheading .email {float:right;margin:0 5px;}
    .iteminfo {font-size: 12px;overflow:hidden;margin-bottom:5px;display:block;width: 100%; color:#999; line-height: 13px;}
    .iteminfo a {color:#999;} .iteminfo a:hover {color:#333;}
    .iteminfo .category {}
    .iteminfo .sub-category { padding:0 0 0 0px}
    .iteminfo .create {}
    .iteminfo .modified {}
    .iteminfo .published {}
    .iteminfo .createdby {font-weight:bold; display:block}
    .items-more {clear:both; padding:10px;} h3.items-more { font-size:14px; padding:0; margin:0;}
    .items-more ol { margin:0 0 0 30px; padding:0}
    th.list-title, th.list-author,th.list-hits,th.list-date { background:#3F332E url(../images/h3.png) 0 0 repeat-x; padding:2px; border-right:1px solid #fff; color:#fff;}
    th.list-title a, th.list-author a,th.list-hits a,th.list-date a { color:#fff; font-weight:bold}
    td.list-title, td.list-author, td.list-hits, td.list-date { border-bottom:1px dotted #ccc;}
    td.list-title { width:50%;}
    td.list-author { width:15%; text-align:center;}
    td.list-hits { width:5%;text-align:center;}
    td.list-date { width:15%;text-align:center;}
    .cols-1 {width:100%; clear:both;}
    .cols-2 .column-1{width:45%;float:left; margin:4px;}
    .cols-2 .column-2{width:45%;float:right; margin:4px;}

    @media screen and (min-width: 601px) {
    .cols-3 .column-1{width:31%;float:left}
    .cols-3 .column-2{width:30.88%;float:left; margin-left:-2px;}
    .cols-3 .column-3{width:31%;float:left; margin-left:-2px;}
    }

    .cols-4 .column-1{width:23%;float:left}
    .cols-4 .column-2{width:23%;margin-left:1%;float:left;}
    .cols-4 .column-3{width:23%;margin-left:1%;float:left}
    .cols-4 .column-4{width:23%;margin-left:0;float:right}
    .column-1, .column-2, .column-3, .column-4 { position:relative;margin:0 0 20px 0; padding:1%;}
    .items-leading {border: 1px solid #e1e1e1; box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset; clear: both;margin: 0 0 -2px;padding: 5px 10px;position: relative; border-radius:4px;}
    .items-leading h2, .items-row h2 {font-size:26px; margin:0; padding:12px 0;}

    /* Contact styles */
    th.item-num, th.item-title,th.item-position,th.item-phone,th.item-suburb,th.item-state { background:#3F332E url(../images/h3.png) 0 0 repeat-x; padding: 2px 2px 2px 7px; border-right:1px solid #fff; color:#fff; text-align:left;}
    th.item-num a, th.item-title a,th.item-position a,th.item-phone a,th.item-suburb a,th.item-state a {color:#fff}
    td.item-num {width:5%; text-align:left;}
    td.item-title {width:25%; text-align:left;}
    td.item-position {width:15%;text-align:left;}
    td.item-phone {width:15%;text-align:left;}
    td.item-suburb {width:15%;text-align:left;}
    td.item-state {width:15%;text-align:left;}
    .contact label { width:100%;font-weight:bold; float:left}
    .contact input { float:left;}
    .contact .jicons-icons { float:left; padding:5px 10px 10px 0;}
    .contact h3 { font-size:14px;}
    .spacer .module {float: left;}
    .spacer.w99 .module {width: 100%;}
    .spacer.w49 .module {width: 50%;}
    .spacer.w33 .module {width: 33.3%;}
    .spacer.w24 .module {width: 24.5%;}

    .button, .validate { background: none repeat scroll 0 0 #757474;border: 1px solid #555555;color: #FFFFFF;font-weight: normal;margin: 4px;padding: 1px 12px;}
    .button:hover,.validate:hover {background:#3A759E;color:#fff;}
    .inputbox, input, textarea, select {height:24px; border:1px solid #cccccc; color:#13618d; -moz-border-radius: 4px; border-radius: 4px; padding-right: 4px; width:95%;}
    .breadcrumbs { padding:0; color:#555; font-size:10px; clear: both; background-color: #F5F5F5;border-radius: 4px;list-style: none outside none;margin: 0 0 18px;padding: 4px 15px;}
    .breadcrumbs .sep{ background:url(../images/arrow.png) 50% 50% no-repeat; padding:5px}

    /* Search Module */
    .searchbox {background:none; width: 143px; height: 30px; color:#5f7382; border-radius: 3px; border: 0px; margin-top: 1px; padding-left:10px;}
    .search_button {background: none repeat scroll 0 0 #586B79;border: medium none;color: #FFFFFF;cursor: pointer;width: 38px;}
    .search-bg {position:relative;float:right;margin-top:28px;padding: 2px;background: url(../img/black10.png);background: rgba(0, 0, 0, .1);border-bottom: 1px solid #5e6266!important;border-bottom: 1px solid rgba(255, 255, 255, .1)!important;width:200px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .15) inset;-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .15) inset;box-shadow: 0 1px 1px rgba(0, 0, 0, .15) inset;}

    /* Modules 1 */
    #mods1 {overflow: hidden;padding:0; margin:0 auto;clear:both;}
    #mods1 .module { padding:0; margin:0; }
    #mods1 .inner { padding:10px; }
    #mods1 .module-title {margin:0;padding:0 0 10px 0;}
    #mods1 h3 {display: block;padding-left: 10px;padding-top: 3px;height: 20px;font-size: 18px;}
    #mods1 .module-body {padding:0; margin:0;}
    #mods1 ul {margin:0 10px; padding:0;}
    #mods1 ul li {list-style:inside;}
    #mods1-i { clear:both;}
    #ath {text-indent:-9999em; height:2px; width:25%; float:right;}
    /* Modules 2 */
    #mods2 {overflow: hidden;padding:0; margin:0 auto;clear:both;width:960px; }
    #mods2 .module { margin:0;padding:0;}
    #mods2 .inner { padding:10px;}
    #mods2 .module-title {margin:5px 0;padding:0;display: block;height: 22px;font-size: 20px;font-weight:100; color:#333; text-shadow:1px 1px #fff;}
    #mods2 .module-body {padding:0; margin:0;}
    #mods2 a {color:#419af8;}#mods2 a:hover {}
    #mods2 ul {margin:0; padding:0;}
    #mods2 ul li {list-style:inside;margin:0; padding:0;}
    /* Modules 3 */
    #mods3 {overflow: hidden;padding:0; margin:0 auto; clear:both; width:960px; color:#dfdfdf; background:#1a528c url(../images/mods3.png) 0 0 repeat-x;}
    #mods3 .module { margin:0;padding:0;}
    #mods3 .inner { padding:5px 10px 0 10px;}
    #mods3 .module-title {margin:0 0 5px 0;padding:0;display: block;height: 22px;font-size: 20px;font-weight:normal; color:#fff; text-shadow:1px 1px #000;}
    #mods3 .module-body {padding:0; margin:0;}
    #mods3 a { color:#419af8;}#mods3 a:hover { color:#fff;}
    #mods3 ul {margin:0; padding:0;}
    #mods3 ul li {list-style:inside; border-bottom:1px dotted #043466; list-style:none;}
    #mods3 ul li:hover {}
    #mods3 ul li a {font-weight:100; display:block; padding:0 0 0 15px; background:url(../images/arrow.png) 0 50% no-repeat;}

    /* Footer */
    #footer .top1 {background:url(../images/mods3-top.png) 0 0 no-repeat;clear:both;}
    #footer .top2 {background: url(../images/mods3-top.png) 100% 100% no-repeat; }
    #footer .top3 { background: #0b58a9; height: 6px;margin:0 6px;}
    #footer .bot1 {background:url(../images/mods3-bot.png) 0 0 no-repeat;clear:both;}
    #footer .bot2 {background: url(../images/mods3-bot.png) 100% 100% no-repeat; }
    #footer .bot3 { background: #1a528c; height: 6px;margin:0 6px;}
    #footer { clear:both; margin:10px 0 0 0; padding:0;}
    .footer-pad { width:960px; margin:0 auto; padding: 0;}
    .hlp {text-indent: -9999px;}
    .copy { margin:0; padding:0 0 0 10px;font-size:12px; float:left;color:#ccc}
    .copy a {font-size:12px; color:#ccc}
    .cms {margin:0; text-align:center; float:center; color:#555555; font-size:9px;padding: 0;width: 290px; margin: 0 auto;}
    .cms a { text-decoration:none; font-size:9px;color:#555555; font-weight:bold;padding: 0;}
    .pwdby {color: #898989;font: 10px Tahoma; padding-left:18px;}

    /* System Messages */
    #system-message { margin: 0; padding: 0;}
    #system-message dt { font-weight: bold; }
    #system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
    #system-message dd ul { color: #0055BB; margin: 0; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}
    /* System Standard Messages */
    #system-message dt.message { display: none; }
    #system-message dd.message { }
    /* System Error Messages */
    #system-message dt.error { display: none; }
    #system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

    /* System Notice Messages */
    #system-message dt.notice { display: none; }
    #system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}
    /* Debug */
    #system-debug { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
    #system-debug div { font-size: 11px;}
    #error .error { color:#FF0000}
    .cpq {overflow: auto; position: fixed; height: 0pt; width: 0pt;}
    #error { width:600px; margin:100px auto 0 auto; padding:20px; background:#fff;-moz-border-radius:6px;border-radius:6px;}
    #slide {height: 152px; color:#c6c6c6; float: left; width: 958px; margin-top:5px; margin-bottom: 5px;-moz-border-radius: 5px; border-radius:5px;-moz-box-shadow: 0 0 5px #b9b9b9;-webkit-box-shadow: 0 0 5px#b9b9b9;box-shadow: 0 0 5px #b9b9b9;}
    #bookmark {float: right;margin-top: 8px;}

    div.pagination ul a, ul.pagination a { background: none repeat scroll 0 0 #F6F6F6; border: 1px solid #CCCCCC; color: #000000; line-height: 20px; padding: 0 5px; text-decoration: none; }
    div.pagination ul a:hover, div.pagination ul a:active, div.pagination ul a:focus { background: none repeat scroll 0 0 #006699; border: 1px solid #006699; color: #FFFFFF; text-decoration: none; }
    div.pagination ul li, ul.pagination li { background: none repeat scroll 0 0 transparent; display: inline; margin: 0; overflow: hidden; padding: 0; }
    div.pagination ul li, ul.pagination li span { line-height: 20px; padding: 0 5px; }
    div.pagination ul, ul.pagination { float: left; margin: 10px 0; width: 75%; }
    .counter { float: right; line-height: 1; margin: 15px 0; text-align: right; }


    div.panelz, p.flip {margin: 0px; width: 10px; float: right; cursor: pointer}
    div.panelz {height: 20px; display: none; width: 90px; float: right; text-align: right; cursor: pointer; padding-left: 20px;}
    .nav_up {padding: 7px; position: fixed; background: transparent url(../images/up.png) no-repeat top left; background-position: 50% 50%; width: 36px; height: 36px; bottom: 10px; opacity: 0.7; right: 30px; white-space: nowrap; cursor: pointer; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -khtml-border-top-left-radius: 3px; -khtml-border-top-right-radius: 3px; filter: progidXImageTransform.Microsoft.Alpha(opacity=70);}
    .nav_up:hover {opacity: 0.3;}

    .tgwide {width:100%; background-color:#F5F5F5; border-radius:0 0 8px 8px;}
    #tg, #tg a{color: #d4d2d2; cursor:text; text-decoration:none;}
    #tg {clear: both; font-size: 10px;padding-left:15px; margin: 0 auto; height:25px; text-align: left; max-width: 980px; margin: 0 auto;}


    #social {float: right;margin-top: 28px;right: 0; z-index:10;}
    #social img:hover{opacity:0.4;}
    #toppositions {width:100%; padding:0; margin: auto;}

    #topwide {margin: 0 0 25px 0; position: relative; background-color:#f5f5f5; border-radius:6px; border:1px solid #E3E3E3; float:left; width:100%;}
    #top {max-width:980px; margin: auto; height:100%; padding-bottom:10px; position: relative; background: none;}
    #top:before,#top:after {content:"";display:table;}
    .top1 h3, .top2 h3, .top3 h3 {color:#555; font-weight:bold; font-family: 'tahoma', sans-serif; font-size:16px; margin:0px; text-shadow:none;}
    .top1, .top2, .top3 { background:none; color:#555; border:0; border-radius:5px; padding: 0px 5px 6px 15px; float: left; max-width: 250px; margin: 10px 20px 5px 20px; text-shadow: 0 1px #fff;}

    #bottomwide {position: relative; background-color:#f5f5f5; border-radius:6px; border:1px solid #E3E3E3;}
    #bottom {max-width:980px; margin: auto; height:100%; padding-bottom:10px; position: relative; background: none;}
    #bottom:before,#bottom:after {content:"";display:table;}
    .user1 h3, .user2 h3, .user3 h3 {color:#555; font-weight:bold; font-family: 'tahoma', sans-serif; font-size:16px; margin:0px; text-shadow:none;}
    .user1, .user2, .user3 { background:none; color:#555; border:0; border-radius:5px; padding: 0px 10px 6px 14px; float: left; max-width: 250px; margin: 10px 20px 5px 20px; text-shadow: 0 1px #fff;}

    .remembercheck {width:20px; display: inline;}
    .article-info {color: #555;display: inline;font-size: 11px;font-style: italic;width: 100%; background:#e1e1e1; padding:1px 4px; border-radius: 2px;}
    .article-info a {color:#555; text-decoration:underline;}

  • #2
    Re : probleme de affichage decalage avec template InteriorDesign

    Bonjour,

    un lien vers le site serait utile pour aider.
    Le JoomlaDay 2019 c'est le 8 et 9 mars #jd19fr (plus d'infos)

    Pour apprendre à construire votre site web avec Joomla 3 : Joomla3! Le Livre Pour Tous : http://cinnk.com/joomla/3/le-livre-pour-tous

    Envie de lire sur Joomla!, mais pas que ? Cinnk magazine http://cinnk.com/magazine

    Créez votre boutique en ligne avec Joomla! & HikaShop http://cinnk.com/boutique/livres/cre...la-et-hikashop

    Commentaire

    Annonce

    Réduire
    1 sur 2 < >

    C'est [Réglé] et on n'en parle plus ?

    A quoi ça sert ?
    La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

    Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

    Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
    Comment ajouter la mention [Réglé] à votre discussion ?
    1 - Aller sur votre discussion et éditer votre premier message :


    2 - Cliquer sur la liste déroulante Préfixe.

    3 - Choisir le préfixe [Réglé].


    4 - Et voilà… votre discussion est désormais identifiée comme réglée.

    2 sur 2 < >

    Assistance au forum - Outil de publication d'infos de votre site

    Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

    Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

    Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

    UTILISER À VOS PROPRES RISQUES :
    L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

    Problèmes connus :
    FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

    Installation :

    1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

    Archive zip : https://github.com/AFUJ/FPA/zipball/master

    2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

    3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

    4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

    5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

    6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
    et remplacer www. votresite .com par votre nom de domaine


    Exemples:
    Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
    Télécharger le script fpa-fr.php dans: /public_html/
    Pour executer le script: http://www..com/fpa-fr.php

    Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
    Télécharger le script fpa-fr.php dans: /public_html/cms/
    Pour executer le script: http://www..com/cms/fpa-fr.php

    En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

    Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
    Voir plus
    Voir moins
    Travaille ...
    X