Boşluk Sorunu

Sözlü olarak tarif edemeyeceğim bir sorunum var ama anlayan birisi bakarsa kolayca çözebileceğini zannediyorum. Resimdeki boşluğu nasıl kaldırabilirim? Bir saatten uzun süredir gerek CSS gerek HTML karıştırmadığım dosya kalmadı, lütfen yardım edin.

style.css

[ Tüm kodu seç ] [ Yeni Pencerede Göster ]

@font-face { font-family: Yanone Kaffeesatz; src: url('../fonts/YanoneKaffeesatz-Regular.ttf'); } @font-face { font-family: News Cycle; src: url('../fonts/NewsCycle-Regular.ttf'); } html { height: 100%;} * { margin: 0; padding: 0;} /* tell the browser to render HTML 5 elements as block */ article, aside, figure, footer, header, hgroup, nav, section { display:block;} body { font: normal .80em arial, sans-serif;} p { padding: 0 0 25px 0; line-height: 1.7em;} img { border: 0;} h1, h2, h3, h4, h5, h6 { font: normal 200% 'Yanone Kaffeesatz', arial, sans-serif; margin: 0 0 15px 0; padding: 0 0 5px 0;} h2 { font: normal 170% 'Yanone Kaffeesatz', arial, sans-serif; margin: 0; padding: 0 0 8px 0;} h3 { font: normal 150% arial, sans-serif;} h4, h5, h6 { margin: 0; padding: 0 0 5px 0; font: normal 110% arial, sans-serif; line-height: 1.5em;} h5, h6 { font: italic 95% arial, sans-serif; padding-bottom: 15px;} a, a:hover { outline: none; text-decoration: none;} a:hover { text-decoration: none;} ul { margin: 2px 0 22px 17px;} ul li { list-style-type: circle; margin: 0 0 0 0; padding: 0 0 4px 5px;} ol { margin: 8px 0 22px 20px;} ol li { margin: 0 0 11px 0;} #main, #header, #logo, #menubar, #site_content, #footer { margin-left: auto; margin-right: auto;} #main { width: 950px; margin: 20px auto;} header { width: 950px; height: 105px;} #logo { width: 250px; float: left; height: 100px; background: transparent; padding: 0 0 10px 10px;} #logo h1 { font: normal 350% 'Yanone Kaffeesatz', arial, sans-serif; padding: 45px 0 0 17px;} #logo h1 a:hover { text-decoration: none;} #site_content { width: 950px; overflow: hidden; margin: 4px auto 0 auto; padding: 0;} #left_content { float: left; text-align: justify; width: 444px; padding: 20px 0 5px 25px; margin: 0;} #left_content ul { margin: 2px 0 22px 0px;} #left_content ul li { list-style-type: none; margin: 0 0 0 0; padding: 2px 0 2px 28px; line-height: 1.5em;} #right_content { float: right; width: 450px; padding: 0; min-height: 450px;} #right_content img { float: left;} footer { width: 930px; font: normal 100% arial, sans-serif; padding: 50px 20px 5px 0; text-align: right; background: transparent;} footer p { padding: 0 0 10px 0;} footer a, footer a:hover { text-decoration: none;} /* styling for the slideshow on the homepage */ ul.slideshow { list-style: none; width: 950px; height: 450px; overflow: hidden; position: relative; margin: 0; padding: 0;} ul.slideshow li { position: absolute; margin: 0; padding: 0; left: 0; right: 0;} ul.slideshow li.show { z-index: 500;} ul img { border: none;} #slideshow-caption { width: 950px; height: 90px; position: absolute; bottom: 0; left: 0; z-index: 500;} #slideshow-caption .slideshow-caption-container { padding: 20px 25px 0 25px; z-index: 1000;} #slideshow-caption p { padding: 0; font: normal 130% arial, sans-serif;} /* form styling */ .form_settings { margin: 0;} .form_settings p { padding: 0 0 10px 0;} .form_settings span { padding: 5px 0; float: left; width: 170px; text-align: left;} .form_settings input, .form_settings textarea { padding: 4px; width: 252px; font: 100% 'trebuchet ms', arial, sans-serif; border: 0; border-bottom: 1px solid; background: transparent;} .form_settings .submit { font: 170% 'Yanone Kaffeesatz', arial, sans-serif; border: 0; width: 100px; margin: 0 0 0 162px; height: 33px; padding: 2px 0 3px 0; cursor: pointer; border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px;} .form_settings textarea, .form_settings select { font: 100% 'trebuchet ms', arial, sans-serif; border: 1px solid; border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; width: 250px; overflow: auto;} .form_settings select { width: 304px;} .form_settings .checkbox { margin: 4px 0; padding: 0; width: 14px; border: 0; background: none;} /* styling for the blog page */ #blog_container h4 { font: normal 200% 'Yanone Kaffeesatz', arial, sans-serif; margin: 0 0 15px 0; padding: 5px 0;} #blog_container h4.select { width: 475px;} .blog { background: url(../images/calendar.png) no-repeat; width: 54px; height: 46px; float: left; margin: 0 15px 0 0;} .blog h2 { font: bold 90% arial, sans-serif; text-shadow: none; text-align: center; margin: 0; padding: 4px 0 0 0;} .blog h3 { font: 140% arial, sans-serif; text-shadow: none; margin: 0; text-align: center; padding: -10px 0 0 0;} #blog_text { padding: 20px; overflow: auto; height: 100%;} #blog_text h1 { font: normal 190% 'Yanone Kaffeesatz', arial, sans-serif;; margin: 0 0 15px 0; padding: 5px 0;} /* stylesheet for sooperFish by www.sooperthemes.com -- author: jurriaan roelofs */ html body ul.sf-menu ul,html body ul.sf-menu ul li { width: 180px;} html body ul.sf-menu ul ul { margin: 0 0 0 180px;} ul.sf-menu,ul.sf-menu * { margin: 0; padding: 0;} ul.sf-menu { display: block; position: relative;} ul.sf-menu li { display: block; list-style: none; float: left; position: relative;} ul.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } ul.sf-menu a { display: block; position: relative;} ul.sf-menu ul { position: absolute; left: 0; width: 150px; top: auto; left: -999999px;} ul.sf-menu ul a { zoom: 1; /* IE6/7 fix */ } ul.sf-menu ul li { float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */ width: 150px;} ul.sf-menu ul ul { top: 0; margin: 0 0 0 150px;} ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul, ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul, ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul, ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul { left: auto;} ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul, ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul, ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul, ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul { left: -999999px;} /* theming the menu */ nav { width: 650px; margin: 1px auto 0 auto; float: right; padding: 35px 0 0 0;} ul#nav { float: right; margin: 25px 10px 0 0;} ul#nav li a { font: normal 150% 'News Cycle', sans-serif; text-decoration: none; outline: none; text-align: center; z-index: 10; display: block; float: left; height: 30px; padding:5px 14px 6px 15px; position: relative; overflow: hidden;} ul#nav ul { margin-top: 40px; padding-bottom: 10px;} #social { float: middle; width: 825px; } #social ul { margin:0; padding:0; } #social li { float:left; margin:0; padding:0; list-style-type: none; white-space: nowrap; } #social li a { list-style-type: none; padding: 0 18px; font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px; } #connect-menu ul { list-style: none outside none; margin: 0; padding: 0; } #connect-menu ul li { margin: 0 0 10px; padding: 0; width: 100%; } .connect { background: url("../images/item_dotted_bg.png") repeat-x scroll left bottom transparent; clear: both; height: 32px; margin: 0; padding: 0 0 10px; position: relative; } .connect a { display: block; position: absolute; width: 100%; } .connect a:hover { color: #888888; } .connect span.icon { display: block; float: left; height: 32px; overflow: hidden; width: 32px; } .connect .icon img { background-color: #F8F8F8; } .connect span.text { display: block; float: left; font-size: 13px; font-weight: bold; margin-left: 15px; margin-top: 5px; }

[ Tüm kodu seç ] [ Yeni Pencerede Göster ]

div.content { /* the display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */ display: none; float: right; width: 450px;} div.content a:focus, div.content a:hover, div.content a:active { text-decoration: underline;} div.controls { height: 23px; padding: 30px 0; width: 440px; float: left;} div.controls a { padding: 5px 2px 5px 2px;} div.ss-controls { float: left;} div.nav-controls { float: right;} div.slideshow-container { position: relative; clear: both; height: 540px; /* this should be set to be at least the height of the largest image in the slideshow */ padding: 0;} div.loader { position: absolute; top: 0; left: 0; background: url(loader_white.gif) no-repeat center; width: 450px; height: 540px; /* this should be set to be at least the height of the largest image in the slideshow */} div.slideshow span.image-wrapper { display: block; position: absolute; top: 0; left: 0;} div.slideshow a.advance-link { display: block; width: 450px; height: 540px; /* this should be set to be at least the height of the largest image in the slideshow */ line-height: 0px; /* this should be set to be at least the height of the largest image in the slideshow */} div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited { text-decoration: none;} div.slideshow img { vertical-align: top;} div.caption-container { position: relative; clear: left; height: 75px;} span.image-caption { display: block; position: absolute; width: 550px; top: 0; left: 0;} div.caption { padding: 10px 0; width: 410px;} div.image-title { font: normal 130% arial, sans-serif;} div.navigation { /* the navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */} #thumb-container { padding: 20px 0 0 25px;} ul.thumbs { clear: both; margin: 0; padding: 0;} ul.thumbs li { float: left; padding: 0; margin: 5px 10px 5px 0; list-style: none;} a.thumb { padding: 2px; display: block;} a.thumb:focus { outline: none;} ul.thumbs img { border: none; display: block;} div.pagination { float: left; clear: both;} div.navigation div.top { margin-bottom: 12px; height: 11px;} div.navigation div.bottom { margin-top: 12px;} div.pagination a, div.pagination span.current, div.pagination span.ellipsis { display: block; float: left; margin-right: 2px; padding: 4px 10px 4px 10px;} div.pagination a:hover { text-decoration: none;} div.pagination span.current { font-weight: bold;} div.pagination span.ellipsis { border: none; padding: 5px 0 3px 2px;}

Kaedeşim kusura bakma ama ben anlamam 
Eğer resim orjinalinden öyleyse kırp diyecektim ama baktım kodları görünce korktum :0

Teşekkürler kardeşim, hallettim bir şekilde ama fotoğraf boyutuyla alakalı değil.