.css İle İlgili Sorun

Mrb arkadaşlar sitemde css dosyaları karıştı aslında karışmadıda basit bişi lazım gibi geliyo ama neyse özet olarak sitemdeki tüm resim dosyalarının üzeine gelince resmi tablo içine alıyodu ancak sol veya sag menuye photosop ile menu yapıp link verdigimdede aynı yani resmi tablo içine alıyo oysa ben almasını istemiyorum.
yani sol ve sag menum hariç tüm resimlerin tablo içinde gözükmesini istiyorum. resimli olarak belirttim.Yada hiçbirisi tablo içinde görünmesin istiyorum..
ImageShack - Hosting :: 84555809oq1.jpg
css dosyam...main-content olan alanı orta bölüm olarak kullanıyorum..

 body {
	font-size:12px;
	font-family:verdana, arial, sans-serif;
	background-image: url(../resim/arkaplan.gif);	
} 
.page-container {
	width:900px;
	margin:0px auto;
	margin-bottom:1px;
	border:solid 1px rgb(150,150,150);
	font-size:12px;
}
.main {
	clear:both;
	width:900px;
	background:transparent url(../resim/bg_main_withnav_reverse.jpg) left repeat-y;
}
.main-navigation {
	display:inline ;
	float:right;
	width:185px;
	overflow:visible !important ;
	overflow:hidden ;
}
.main-content {
	width:530px;
	overflow:visible !important ;
	overflow:hidden ;
	height: auto;
}
.main-subcontent {
	display:inline ;
	float:left;
	width:185px;
	overflow:visible !important ;
	overflow:hidden ;
}
.footer {
	clear:both;
	width:900px;
	background:rgb(225,225,225) url(../resim/bg_foot.jpg) no-repeat;
	font-size:10px;
	overflow:visible !important ;
	overflow:hidden ;
}
.header {width:900px; font-family:"trebuchet ms",arial,sans-serif;}
.header-middle {width:900px; height:150px; background:rgb(230,230,230) url(../resim/bg_head_middle.jpg); overflow:visible !important ; overflow:hidden ;}
.subcontent-unit-border {
	width:183px;
	border:solid 1px rgb(190,190,190);
	background:rgb(235,235,235);
}
.subcontent-unit-border-green {
	width:183px;
	border:solid 1px rgb(160,214,81);
	background-color:rgb(217,239,185);
	margin-bottom: 2.5em;
	padding-bottom: 10px;
}
.subcontent-unit-border-blue  {
	width:183px;
	border:solid 1px rgb(137,170,214);
	background-color:rgb(213,225,240);
	margin-bottom: 2.5em;
	padding-bottom: 10px;
}
.subcontent-unit-border-orange {
	width:183px;
	border:solid 1px rgb(232,177,13);
	background-color:rgb(248,224,150);
	margin-bottom: 2.5em;
	padding-right: 0;
	padding-bottom: 10px;
}
.subcontent-unit-noborder-green {
	width:183px;
	background-color:rgb(217,239,185);
	margin-bottom: 2.5em;
	padding-bottom: 10px;
}
.subcontent-unit-noborder-blue  {
	width:183px;
	background-color:rgb(213,225,240);
	margin-bottom: 2.5em;
	padding-bottom: 10px;
}
.subcontent-unit-noborder-orange {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(248,224,150);}
.round-border-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../resim/bg_corner_topleft.gif) no-repeat; margin-top:-0px; margin-left:-1px;}
.round-border-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(../resim/bg_corner_topright.gif) no-repeat; margin-top:-0px; margin-left:174px;}
.round-noborder-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../resim/bg_corner_topleft.gif) no-repeat; margin-top:0px; margin-left:0px;}
.round-noborder-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(../resim/bg_corner_topright.gif) no-repeat; margin-top:0px; margin-left:175px;}
.main-subcontent h1 {clear:both; margin:0 0 10px 0; padding:4px 10px 3px 10px; background-color:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.green {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(160,214,81); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.blue {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(137,170,214); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.orange {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(232,177,13); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}

Css dosyasana aşağıdaki koduda ekleyip bir denermisin

<style type="text/css">
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
</style>

Tesekkür ederim cheerful böylece tüm resimlerim normale döndü şimdi bundan sorası için sadece orta kısmımdaki tüm resimlere link verdigim zaman çerceve içine almasını istiyorum.yani kullandıgım orta alan main-content

.main-content { 
    width:530px; 
    overflow:visible !important ; 
    overflow:hidden ; 
    height: auto; 
}

bu kısma nası bi kod eklemeliyimki orta kısımdaki resimlere link verdigimde cerceve içine alsın..çerceve içine alma kodu şu sekildeydi.

.main a img {border:0px solid #CCCCCC;}
.main a:hover img {border:2px solid #FF6633;
}

bide bunu çözersek gercekten cok saolun.tesekkürler iy çalışmalar...

çerçeve derken neyi kastediyorsun tam olarak ?

[media]http://img135.imageshack.us/img135/8509/15117937cn7.th.jpg[/media]
Sahan olan resme link verince resmin üzerine geldigim zaman cerceve içine almasını istiyorum..ama tüm resimlerde degil sadece sitemin orta kısmı olan main-content bolümündeki resimlere..

Sorunu çözdüm cheerful tesekkür ederim su sekilde yaptım class degerlerine resim yazınca oluyo..

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.resim{ 
	border:0px solid #CCCCCC;
}
a:hover .resim{ 
	border:3px solid #FF6633;
}

ben orta kısmıotomatik olarak istemiştim sanırım bu biraz zor olcak isteyen arkadas varsa .css ye yukarıdaki kodları ekleyip resmin class degerine resim yazmaları yeterlidir..

.main-content a img {border:0px solid #CCCCCC;}
.main-content a:hover img {border:2px solid #FF6633;

ok. sevindim.