Jump to content

[SOLVED] Showing Images As Active Links


Xtremer360

Recommended Posts

All of my images are having colored borders around them showing them as active links  which they are but I don't want it showing it. How do I change that. I don't want them to it to show it and hopefully that will tell me why it's showing it that way with this code that was written from someone else.

 

@charset "windows-1252";   

body {	   
background: #0a0d12;
text-align: center;
padding: 0px;
margin: 0px;
}  

.main {
width:1027px; margin:0px auto; padding:0px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 0px;
border-bottom: 0px;


}
.header {
width: 1027px;
height: 146px;
background: #0a0d12 url(../images/header.jpg);
border: 0px;
margin: 0px;
padding: 50px 130px 0px 0px;
}

.leftside {
	width: 110px;
height: 825px;
background:url(../images/left-side.jpg) right top no-repeat #0a0d12;
padding: 0;
margin: 0;
}

.rightside {
	width: 110px;
height: 825px;
background:url(../images/right-side.jpg) left top no-repeat #0a0d12 ; 
padding: 0;
margin: 0; border:0px;
}

.contentarea {	  
color: #eeeeee;
width: 803px;
height: 692px;
background:  #0a0c0d;	
text-align: left;
vertical-align: top;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
border-top: 0px;
border-bottom: 0px;
margin: 0px;
padding: 0px;
float:left;
}

.footer {
width: 807px;
height: 133px;	 	
color: #eeeeee;
text-align: center;
vertical-align: top;
background:url(../images/footer.jpg) center top repeat; 
padding: 0;
margin: 0;
}
.footer a                              { margin:0px; padding:0px 10px; text-decoration:none; font:bold 12px/18px Arial, Helvetica, sans-serif; color:#fff;}
.top-banner	                           { width:312px; height:69px; background:#313A47; float:right; margin:0px; padding:0px; border:1px solid #000;}

#main-nav                              { width:805px; height:59px; margin:0px; padding:0px; float:left; background:url(../images/top-nav-bg.jpg) left top no-repeat;}
#main-nav ul                           { width:350px; height:39px; margin:9px 10px 0 0; padding:0px; float:right;}
#main-nav ul li                        { margin:0px; padding:0 4px 0 0px; float:left; list-style:none;}
#main-nav ul li a                      { border:none;}
*html #main-nav ul li                  { margin:0 0px 0 5px; padding:0px; float:left; list-style:none;}

#left-box                              { width:168px; height:629px; float:left; margin:0px; padding:2px;/* background:#ccc;*/}


.quote                                 { width:168px; height:97px; float:left; margin:11px 0 0 0; padding:0px; background:#2D3542;}
.quote img                             { float:left; margin:3px 0 0 5px; padding:0px;}
.quote h3                              { width:168px; height:27px; float:left; margin:0px; padding:0px; background:url(../images/box-head-bg.jpg) left top no-repeat;}
.quote-content                         { width:164px; height:70px; float:left; margin:0px; padding:0px; border:2px solid #090B0B; border-top:none; }
*html .quote-content                   { width:168px; height:70px; float:left; margin:0px; padding:0px; border:2px solid #090B0B; border-top:none; }
.quote-content p                       { margin:0px; padding:5px; text-align:center; font:bold 12px/16px Arial, Helvetica, sans-serif; color:#fff;}
.quote-content p b                     { margin:0px; padding:0px; text-align:right; font:bold 12px/16px Arial, Helvetica, sans-serif; color:#c00;}



.spotlight                             { width:168px; height:202px; float:left; margin:20px 0 0 0; padding:0px; background:#2D3542;}
.spotlight h3                          { width:168px; height:25px; float:left; margin:0px; padding:2px 0 0 5px; background:url(../images/box-head-bg.jpg) left top no-repeat;}
.spotlight-content                     { width:164px; height:175px; float:left; margin:0px; padding:0px; border:2px solid #090B0B; border-top:none; }
*html .spotlight-content               { width:168px; height:175px; float:left; margin:0px; padding:0px; border:2px solid #090B0B; border-top:none; }
.spotlight-content h4                  { margin:0px; padding:5px; text-align:center; font:bold 11px/12px Arial, Helvetica, sans-serif; color:#fff;}
.spotlight-content p                   { margin:0px; padding:2px 5px; text-align:left; font:normal 10px/11px Arial, Helvetica, sans-serif; color:#fff;}
.spotlight-content img                 { margin:0 0 0 20px; padding:2px 0px; text-align:center; float:left; font:normal 10px/12px Arial, Helvetica, sans-serif; color:#fff;}




.opinion                               { width:168px; height:270px; float:left; margin:15px 0 0 0; padding:0px; background:#2D3542;}
.opinion h3                            { width:168px; height:23px; float:left; margin:0px; padding:4px 0 0 5px; background:url(../images/box-head-bg.jpg) left top no-repeat;}
.opinion-content                       { width:164px; height:243px; float:left; margin:0px; padding:0px; border:2px solid #090B0B; border-top:none; }
*html .opinion-content                 { width:168px; height:248px; float:left; margin:0px; padding:0px; border:2px solid #090B0B; border-top:none; }
.opinion-content p                     { float:left; margin:0px; padding:10px 5px; text-align:left; font:bold 11px/18px Arial, Helvetica, sans-serif; color:#fff; }
.opinion-content form                  { float:left; margin:0px; padding:10px 5px 0px 5px; text-align:left; font:bold 11px/18px Arial, Helvetica, sans-serif; color:#fff; }
.opinion-content form label            { float:left; margin:5px 0 0 30px; padding:0px; width:50px;font:bold 12px/18px Arial, Helvetica, sans-serif; color:#fff; }
.opinion-content form input            { float:left; margin:5px 0 0 0; padding:0px; }
.opinion-content img                   { margin:0 0 0 40px; padding:0px;}
.opinion-content img a                 { margin:0 0 0 40px; padding:0px; border:none;}

#content-box                           { width:450px; height:623px; float:left; margin:0px; padding:5px;}
.content-banner                        { width: 446px; height: 95px; float:left; margin:0px; padding:2px; }
.content-banner img                    { text-align:center; }




.site-news                             { width:452px; height:218px; float:left; margin:0px; padding:0px; }
.site-news h2                          { width:452px; height:23px; float:left; margin:0px; padding:8px 0 0 10px; background:url(../images/content-box-head-bg.jpg) left top no-repeat; }
*html .site-news h2                    { height:31px;}
.site-news-content                     { width:448px; height:182px; float:left; margin:0px; padding:0px; background:url(../images/box-content-bg.jpg) left top repeat-x #090A0A; border:2px solid #090B0B; border-top:none;}
*html .site-news-content               { width:452px; height:182px; float:left; margin:0px; padding:0px; background:url(../images/box-content-bg.jpg) left top repeat-x #090A0A; border:2px solid #090B0B; border-top:none;}
.site-news-content h3                  { margin:0px; padding:6px 10px 4px 25px; text-align:left; font:bold 11px/18px Arial, Helvetica, sans-serif; color:#fff; }
.site-news-content p                   { margin:0px; padding:6px 10px 5px 25px; text-align:left; font:normal 11px/13px Arial, Helvetica, sans-serif; color:#fff; }


.content-bottom-box                    { width:214px; height:28px; float:left; margin:0px; padding:2px 2px 0px 4px; }
.content-bottom-box h2                 { width:204px; height:23px; float:left; margin:0px; padding:8px 0 0 10px; background:url(../images/content-box-head-bg.jpg) left top no-repeat; }
*html .content-bottom-box h2           { height:31px; width:214px;}
.content-bottom-box-content            { width:212px; height:249px; float:left; margin:0px; padding:0px; background:url(../images/box-content-bg.jpg) left top repeat-x #090A0A; border:2px solid #090B0B; border-top:none;}
*html .content-bottom-box-content      { width:216px; height:249px; float:left; margin:0px; padding:0px; background:url(../images/box-content-bg.jpg) left top repeat-x #090A0A; border:2px solid #090B0B; border-top:none;}
.content-bottom-box-content h3         { margin:0px; padding:6px 10px 4px 15px; text-align:left; font:bold 11px/18px Arial, Helvetica, sans-serif; color:#fff; }
.content-bottom-box-content p          { margin:0px; padding:4px 10px 3px 15px; text-align:justify; font:normal 11px/12px Arial, Helvetica, sans-serif; color:#fff; }
.content-bottom-box-content img        { margin:0 0 0 25px; padding:0px;}
#right-box                             { width:161px; height:629px; float:right; margin:0px; padding:2px;}



.events                                { width:156px; height:253px; float:left; margin:5px 0 0 0; padding:0px; background:#2D3542;}
.events h3                             { width:156px; height:24px; float:left; margin:0px; padding:3px 0 0 5px; background:url(../images/box-sm-head-bg.jpg) left top no-repeat;}
.events-content                        { width:152px; height:221px; float:left; margin:0px; padding:5px 0 0 0; border:2px solid #090B0B; border-top:none; }
*html .events-content                  { width:156px; height:226px; float:left; margin:0px; padding:10px 0 0 0; border:2px solid #090B0B; border-top:none; }
.events-content p                      { margin:3px 0 0 0; height:45px; padding:0px; }
.events-content p span                 { width:146px; float:left; margin:0px; padding:0px 0 0 5px; text-align:left; font:normal 10px/13px Arial, Helvetica, sans-serif; color:#fff;  }
.events-content p span b               { width:50px; float:left; margin:0px; padding:0px; text-align:left; font:normal 10px/13px Arial, Helvetica, sans-serif; color:#fff;  }
.events-content p span a               { width:130px; float:left; margin:0px; padding:0px; text-align:right; font:normal 10px/13px Arial, Helvetica, sans-serif; color:#c00; text-decoration:none;  }


.forum                                 { width:156px; height:161px; float:left; margin:15px 0 0 0; padding:0px; background:#2D3542;}
.forum h3                              { width:156px; height:20px; float:left; margin:0px; padding:7px 0 0 5px; background:url(../images/box-sm-head-bg.jpg) left top no-repeat;}
*html .forum h3                        { width:156px; height:27px; float:left; margin:0px; padding:7px 0 0 5px; background:url(../images/box-sm-head-bg.jpg) left top no-repeat;}
.forum-content                         { width:152px; height:134px; float:left; margin:0px; padding:0px; border:2px solid #090B0B; border-top:none; }
*html .forum-content                   { width:156px; height:134px; float:left; margin:0px; padding:0px; border:2px solid #090B0B; border-top:none; }





.shop                                  { width:155px; height:157px; float:left; margin:14px 0 0 0; padding:0px; background:#2D3542;}
.shop h3                               { width:155px; height:27px; float:left; margin:0px; padding:0px; background:url(../images/head-shopzone.jpg) left top no-repeat;}
.shop-content                          { width:151px; height:130px; float:left; margin:0px; padding:0px; border:2px solid #090B0B; border-top:none; }
*html .shop-content                    { width:155px; height:130px; float:left; margin:0px; padding:0px; border:2px solid #090B0B; border-top:none; }

.shop-content img                { text-align:center; margin:0 0 0 20px; padding:0px;}
.clear                                 { margin:0px; padding:0px; clear:both; height:0px;}

Link to comment
https://forums.phpfreaks.com/topic/148048-solved-showing-images-as-active-links/
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.