On March 26, 2019 we launched new MODX Forums. Please join us at the new MODX Community Forums.
Subscribe: RSS
  • Bonjour à tous,

    je ne trouve pas le moyen de supprimer le cadre vert qui se met par defaut autour des images ayant un lien.

    Merci
    • Bonjour,

      Cette ligne ajoutée dans ta feuille de style devrait faire l’affaire.
      a img { border: none;}

        Intégrateur web freelance
      • merci du retour!
        cela ne marche pas pourtant c’est vrai que ca me paraissait assez logique comme réponse!
        est ce que ca ne serait pas du javascript qui ferait ca par defaut ?
        • Il y a probablement un sélecteur plus spécifique qui prend le pas sur la règle précédente. Par exemple:
          #conteneur a img { border: 1px solid #000;}

          Est-il possible d’avoir un aperçu de la feuille de style (URL du site ou copier-coller du CSS ici) ?
            Intégrateur web freelance
          • je t’en prie!
            merci

            voici le css
            /* commented backslash hides from ie5mac \*/ 
            html{
            	height:100%;
            	margin:0;
            	padding:0
            } 
            /* end hack */ 
            html,body {
            	padding:0;
            	margin:0;
            	/*background-color: #FFFFFF;*/
            	font-size: 11px;
            	font-family: "Trebuchet MS", verdana, sans-serif;
            
            }
            body{	
            	text-align:left;
            	min-width:1000px;/* for mozilla*/
            	background-color: #FFFFFF;
            	height:100%;
            	background-image:url(https://modx-iglusjax.stackpathdns.com/images/fond.jpg);
            	/*background:  url(images/fond.jpg) no-repeat center top;*/
            	background-repeat:no-repeat;
            	background-attachment:fixed;
            }
            #wrapper {
            	background:  url(images/foot_4x82.jpg) repeat-x left bottom;
            	_height: 82px;
            }
            
            #outer{
            	height:99.9%;
            	min-height:100%;
            	width:1000px;
            	text-align:left;
            	margin:auto;
            	position:relative;
            	overflow:visible;
            	/*background:  url(images/inner_776x1.jpg) repeat-y left top;*/
            }
            
            /* mac hide \*/
            * html #outer{
            	width:1000px
            }
            /* end hide*/
            
            html>body #outer{
            	height:auto;
            } /*for mozilla as IE treats height as min-height anyway*/
            
            #inner{
            	width:100%;
            	padding-top:143px;/*needed to make room for header*/
            	
            } 
            
            #header{
            	position:absolute;
            	top:0px;
            	left:0px;
            	width:1000px;
            	height:93px;
            	z-index:74;
            	background:  url(images/top-header_776x93_2.png) no-repeat left top;
            
            }
            
            #ajaxmenu{
            	position:absolute;
            	top:93px;
            	left:0px;
            	width:1000px;
            	height:43px;
            	z-index:1000;
            /*	background:  url(images/header_776x43.png) no-repeat left top;*/
            }
            #logo {
            	position:absolute;
            	top:26px;
            	left:10px;
            	width:237px;
            	height:63px;
            	text-indent: -5000px;
            	z-index:300;
            	background:  url(images/logo_237x63.gif) no-repeat left top;
            }
            /* mac hide \*/
            * html #outer, * html #header {width:1000px}
            /* end hide*/
            #footer {
            	color: #ffffff;
            	width:1000px;
            	clear:both;
            	height:82px;
            	text-align:left;
            	left:0px;
            	bottom:0px;
            	position: absolute;
            	/*background:  url(images/foot_776x82_2.jpg) no-repeat left top;*/
            
            }
            #footer p {
            	margin-top: 10px;
            }
            #footer p a {
            	text-decoration: none;
            	color: #ffffff;
            }
            * html #footer{
            	margin-bottom:-1px
            }/* ie rounding bug*/
            
            /* mac hide \*/
            * html #footer {
            	/*only ie gets this style*/
            	height:82px;
            	/* for ie*/
            }
            /* end hide*/
            
            div,p  {
            	margin-top:0px;
            }/*clear top margin for mozilla*/
            
            #haut-gauche{
                height:29px;
            	background: url(images/coin1.png) no-repeat right top;
            }
            #haut-droit{
                height:29px;
            	background: url(images/coin2.png) no-repeat right top;
            }
            #bas-droit{
                height:29px;
            	background: url(images/coin3.png) no-repeat right bottom;
            }
            #bas-gauche{
                height:29px;
            	background: url(images/coin4.png) no-repeat right top;
            }
            #formulaire{
            	height:40px;
                background-color:#ece4d5;
            	padding-left:15px;
            
            }
            #menu-gauche{
            	background-color:#ece4d5;
            	
            }
            
            #right {
            	width:794px;
            	float:right;
            	/*z-index: 55;*/
            	/*background-color: #FFFFFF;*/
            	/*height:485px;*/
            		
            }
            #right-inner {
            	padding-left: 9px;
            	padding-right: 9px;
            	text-align: left;
            	background-color:#FFFFFF;
            	/*z-index: 54;*/
            
            	
            }
            #right-inner h2 {
            	font-size: 15px;
            	color:#00d4f6;
            }
            #left {
            	position:relative;/*ie needs this to show float */
            	width:206px;
            	float:left;
            	/*padding-left: 7px;*/
            	z-index: 56;
            	/*height:485px;*/
            	/*background-color:#ece4d5;*/
            
            }
            #left-inner {
            	width: 206px;
            	height:80px;
            	/*padding-left: 9px;
            	padding-right: 9px;*/
            	text-align: left;
            	z-index: 57;
            	/*height:470px;*/
            	/*background:  url(images/left.jpg) no-repeat center top;*/
            }
            #derriere {
            	background-color:#993333;
            }
            
            #clearfooter {
            	width:100%;
            	height:82px;
            	clear:both;
            } /* to clear footer */
            
            html>body #minHeight{
            	float:left;
            	width:0px;
            	height:100%;
            	margin-bottom:-82px;
            } /*safari wrapper */
            #content {
            	z-index: 300;
            	padding-bottom: 7px;
            }
            
            #content h2 {
            	font-size: 15px;
            	/*color: #618200;*/
            	/*background:  url(images/bullet_17x21.gif) no-repeat left top;*/
            	padding-left: 19px;
            	line-height: 24px;
            	position: relative;
            	z-index: 999;
            }
            
            h3#post-  {
            	font-size: 12px;
            	color: #00d4f6;
            	background:  url() no-repeat left top;
            	padding-left: 0px;
            }
            
            #content p {
            	font-size: 12px;
            	color: #444444;
            	line-height: 18px;
            	_line-height: 16px;
            }
            
            #content p a {
            	color: #000000;
            }
            
            #content p a:hover {
            	background-color: #00d4f6;
            	color: #ffffff;
            }
            
            
            #footer p {
            	padding: 8px;
            }
            
            .FSF_searchResults {
            	font-size: 12px;
            	color: #444444;
            	line-height: 18px;
            	_line-height: 16px;
            }
            
            
            .FSF_extract {
            	font-size: 12px;
            	color: #444444;
            	line-height: 18px;
            	_line-height: 16px;
            }
            
            
            .FSF_resultLink {
            	color: #00d4f6;
            }
            
            .FSF_extract {
            	font-size: 12px;
            	color: #444444;
            	line-height: 18px;
            	_line-height: 16px;
            }
            
            .highlight {
            	font-size: 12px;
            	background-color: #f2f2f2;
            	color: #00d4f6;
            	font-weight: bold;
            /*	line-height: 18px;
            	_line-height: 16px;*/
            
            }
            
            img {
            	/*border: dotted 1px #444444;*/
            	border: none;
            }
            
            #content ul li{
            	list-style-image: url(images/bullet_11x8.gif);
            	margin-bottom: 0.5em;
            	font-size: 110%;
            }
            
            .LIn_shortMode {
            	list-style-type: none;
            	margin: 0;
            	padding: 0;
            
            }
            
            .LIn_desc {
            	display: none;
            }
            .LIn_date {
            	font-style: italic;
            	margin-left: 5px;
            }
            
            #content a, #sidebar a
            {
                color: rgb(97, 130, 0);
            }
            
            #content a:hover, #sidebar a:hover
            {
                background-color: rgb(97, 130, 0);
                color: rgb(255, 255, 255);
            }
            
            .style1 {color: #FFFFFF}
            
            a img { border: none;}
            
            /*#hg {
            background:url(images/coin1.png) no-repeat top left;
            }*/
            /*#hd {
            background: url(images/coin2.png) no-repeat right bottom;
            }*/
            /*#bd {
            background:url(images/coin3.png) no-repeat bottom right;
            }*/
            /*#bg {
            background:url(images/coin4.png) no-repeat bottom left;
            }*/
            
            • Ok, merci. Pour le moment, je ne vois rien qui pourrait provoquer les bordures autour des images.

              C’est possible d’avoir un copier-coller du code source généré par le navigateur ? grin
                Intégrateur web freelance
              • J’ai été voire directement l’image sur le site (celle à la ligne 215, avec la légende «Val Cenis Lanslebourg»).
                Mais je ne vois aucune bordure autour de l’image (ni sur les autres d’ailleurs)...

                Du coup, je ne vois pas comment t’aider. Une capture d’écran peut-être ?
                  Intégrateur web freelance
                • bah mince! ta modif a du marcher je devais avoir l’effet encore en cache je te remercie!
                  je vais effacer le precedent post par confidentialité.

                  merci!