We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 20646
    • 61 Posts
    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
      • 34001
      • 428 Posts
      Bonjour,

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

        Intégrateur web freelance
        • 20646
        • 61 Posts
        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 ?
          • 34001
          • 428 Posts
          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
            • 20646
            • 61 Posts
            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(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;
            }*/
            
              • 34001
              • 428 Posts
              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
                • 34001
                • 428 Posts
                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
                  • 20646
                  • 61 Posts
                  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!