Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Oct 2010
    Posts
    18
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Border around Image Hyperlink

    I know it sounds simple,, I have two images, the Logo that is set to hyperlink back to the index when clicked, and a Boss whisper that opens to a outside link... My problem is that I do not want a border around the images. I have removed all the coding in the css but for somereason its still showing up.. ALso not,, It looks great (no border) in Firefox and Chrome,, its Just IE that is giving me problems. I think I have some conflicting code, but cant find it, Any help would be great...
    HTML Code For Logo Image
    Code:
    <!--  / HEADER CONTAINER \ -->
    		<div id="headerCntr">		  
              <!-- / LOGO \ -->
              <div class="logo"><a href="index.html "border="0" ><img src="images/logo2.png" alt="logo" /></a><h2>Healy Conflict Management Services</h2></div>
    		  <!-- \ LOGO / -->
    		  <div class="topnavigation">
    		    
    			<a href="https://twitter.com/mgoose12"><img src="images/twitter.png" alt="" width="55" height="50" border="0" /></a>
    			
    		  </div>
    		  <div class="clear"></div>
    HTML Code for Boss Image
    Code:
    <div class="insideContent">
                  
                 <a href="http://www.bosswhispering.com/" target="_new"> <img src="images/bosswhisperlogo.jpg" width="305" height="86" alt="whisper" /></a><br /><br />
    <div><br />
    CSS
    Code:
    /* ### GENERAL ### */
    * { margin: 0px; padding: 0px; }
    html, body {
    	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #000000;
    }
    a{font-weight:normal;}
    a:hover{
    	text-decoration:none;
    	color: #FF0000;
    }
    input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; }
    body { background:url(../images/bg4.jpg); }
    
    
    /* ### GLOBAL CLASSES ### */
    .clear { clear: both; height: 0px; margin:0px; padding:0px; }
    
    /* ### WRAPPER ### */
    #wrapper { position: relative; display: block; width: 100%; min-height: 100%; text-align: justify; }
    
    /* ### MAIN CONTAINER ### */
    #mainCntr { margin: 0 auto; width:621px; }
    
    	/* ### HEADER CONTAINER ### */
    	#headerCntr {
    	padding:0px;
    	height:186px;
    	background:url(../images/.jpg) no-repeat left 0px;
    	width:621px;
    	overflow:hidden;
    }
    	#headerCntr .logo { padding:20px 0px 0px 28px; height:75px; float:left; }
    	#headerCnter .logo a {text-decoration:none}
    	/* ### topnavigation ### */
    	
    	.topnavigation{float:right; padding:39px 0px 0px 0px; width:167px;}
    	
    		.topnavigation img{padding:2px 16px 8px 15px; }
    	
    	/* ### MENU CONTAINER ### */
    	
    	.menuCntr{overflow:hidden; background:url(../images/navi_bg.png) no-repeat left top; padding:6px 10px 6px 14px; width:600px;}
    		
    		.menuCntr ul{ padding:0px; margin:0px; list-style-type:none; }
    				
    		.menuCntr li{ padding:0px; margin:0px; float:left; background:url(../images/navi_li.jpg) repeat-x left top; border-right:1px solid #FFFFFF;}
    				
    		.menuCntr ul li a { line-height:normal; font-weight:bold; font-variant: normal; text-transform: none; color: #ffffff; text-decoration:none; font-size:15px; padding:33px 23px 0px 19px; float:left; font-family:Arial, Helvetica, sans-serif; background:url(../images/navi_dot.jpg) no-repeat center 14px; display:block; height:46px;}
    				
    		.menuCntr ul li a:hover {color:#842C26;}
    	
    	/* ### CONTENT CONTAINER ### */
    	#contentCntr { overflow: hidden; width: 583px; padding:0px 8px 25px 30px; background:url(../images/body_bg.png) repeat-y left top; }
    	
    	.semiheading{font-weight:bold;color:#4C4C4C;}
    	
    		/* ### LEFT CONTAINER ### */
    		#leftCntr { float: left; width: 319px; padding:16px 0px 0px 0px;}
    		
    			#leftCntr h1 { font-size: 15px; font-style:normal;line-height: normal; font-weight:bold; text-transform: none; color: #4C4C4C; text-decoration: none; padding:5px 0px 0px 23px; height:39px; background:url(../images/h1.jpg) no-repeat 5px 9px; font-family:Arial, Helvetica, sans-serif;}	
    			
    			#leftCntr h1 span{color:#174FA4;}
    			
    			/* ### TXT BOX ### */
    			
    			.txtbox{padding:0px; overflow:hidden;}
    			
    				.txtbox p{padding:0px 0px 13px 0px;}
    							
    				.txtimg{padding:0px 5px 0px 0px; float:left;}
    
    				
    		/* ### RIGHT CONTAINER ### */
    		#rightCntr { float: right; width: 245px;}
    		
    			#rightCntr h2{font-size:15px; font-style:normal;line-height: normal; font-weight:bold; text-transform: none; color: #4C4C4C; text-decoration: none; padding:0px 0px 0px 21px; height:33px; background:url(../images/h2.jpg) no-repeat 0px 4px; font-family:Arial, Helvetica, sans-serif;}	
    			
    			#rightCntr h2 span{color:#174FA4;}
    		
    			/* ### service box ### */
    	
    			.servicetop{background:url(../images/) no-repeat left 16px; background-color:#FFFFFF; padding:5px 0px 3px 0px;}
    			
    				.servicebox{background:url(../images/);}
    				
    					.serviceheading{padding:0px 0px 0px 0px; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF; display:block; height:32px;}
    					
    					.servicebox ul{ padding:14px 0px 22px 0px; margin:0px; list-style-type:none; }
    										
    					.servicebox li{margin:0px; background:url(../images/) no-repeat 0px 5px; padding-left:14px; }
    										
    					.servicebox ul li a {line-height:14px; font-weight:bold; color:#FF0000; font-size:9px; text-decoration:none;}
    										
    					.servicebox ul li a:hover { text-decoration:underline;}
    					
    			/* ### news box ### */
    		
    			.newsboxouter{ padding:12px 17px 2px 22px; background:url(../images/news_t.jpg) no-repeat left top;}			
    				.newsbox{color:#747877;}
    				
    					.newsbox span{font-size:10px;font-weight:bold;display:block;color:#293E5C; padding-top:0px;}				
    					.newsbox p{padding:12px 0px 0px 0px;}
    					
    					.newsbox p a{font-size:11px;text-decoration:underline;font-weight:bold;display:inline;	    color:#F87006;}
    									
    					.newsbox a{color:#293E5C;font-size:10px;display:block;font-weight:bold;background:    url(../images/redmor_dot.jpg) no-repeat 147px 7px;text-decoration:underline;text-align:right; padding-bottom:21px; padding-top:2px;}
    					
    					.newsbox a:hover{ text-decoration:none;}
    
    					
    	/* ### FOOTER CONTAINER ### */
    	
    	#footerCntr {height:54px; padding-top:29px; font-size: 11px; font-style: normal; line-height: normal; text-transform: none; color: #ffffff; text-decoration: none; font-weight:normal; background:url(../images/footer_bg.png) no-repeat left top; text-align:center;}
    	
    		#footerCntr a { font-size: 11px; font-style: normal; font-weight:normal;  color: #ffffff; text-decoration: none; }
    
    		#footerCntr a:hover { text-decoration: underline; }
    	
    
    
    
    
    
    /* inner pages css start */
    .insideContent { padding: 10px 0px 0px 0px; }
    h1.inside {font-size: 19px; font-style:normal;line-height: normal; font-weight:normal; text-transform: none; color: #ffffff; text-decoration: none; padding:0px; font-family:Arial, Helvetica, sans-serif;}
    .aboutus-img{float:right; border:4px solid #293e5c;	margin:0 0px 10px 20px;}
    h5{font:15px Tahoma, Arial, Helvetica, sans-serif; color:#293e5c; font-weight:bold; padding:0px 0px 5px 0px; border-bottom:1px dotted #293e5c;	margin:0px 0px 10px 0px;}
    h6{font:15px Tahoma, Arial, Helvetica, sans-serif; color:#293e5c; font-weight:bold; padding:0px 0px 5px 0px; margin:0px 0px 10px 0px;}
    .aboutcolumnzone{padding:20px 0px 16px 0px;}
    .aboutcolumn1{width:100%; float:left; margin:0px 0px 10px 0px;}
    .aboutcolumn2{width:48%; float:right; margin:0px 0px 10px 0px;}
    .abouticon{float:left; margin:0px 20px 0px 0px;}
    .insidereadmore{padding:10px 0px 10px 0px;}
    input.button{color:#000; background:#ffc850; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;	border:1px solid #5b7a92;}
    input.button:hover{cursor:pointer; color:#293e5c; background:#663300; border:1px solid #ffc850;}
    .project-img{float:right; margin-left:20px;	border: 6px solid #293e5c;}
    .whiteheading{font:30px Myriad Pro, Arial; color:#CBD76B; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}
    .ourprojectrow{margin-bottom:20px; border-bottom:1px dotted #293e5c; padding-bottom:10px; }
    .servicecolumnzone{padding:20px 0px 16px 0px;}
    .servicecolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
    .servicecolumn2{width:48%; float:right;	margin:0px 0px 10px 0px;}
    .blog-posted-row{padding:3px;}
    /* inner pages css ends */

  • #2
    Regular Coder
    Join Date
    Aug 2012
    Posts
    116
    Thanks
    0
    Thanked 25 Times in 25 Posts
    i haven't looked at your code but i believe with ie (at least the older versions...not sure about now) you need to call out in your css the following:
    Code:
    img {
        border:none;
    }
    1 Corinthians 15:3-4 / Ephesians 2:8-9 - What or Who are you living for?

  • #3
    New Coder
    Join Date
    Oct 2010
    Posts
    18
    Thanks
    7
    Thanked 0 Times in 0 Posts
    That worked,, I thought I had it border:none,, but guess not,,
    Or should I start a new thread
    Last edited by nikc121; 06-11-2013 at 12:59 AM. Reason: Got it figured out,, Thanks,


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •