css hakkında sorun

31-12-2009, 23:59:28

Üyeliği durduruldu

merhabalar arkadaşlar

bir manşet yaptım ama css de sorun var çözemiyorum yardım edebilecek arkadaş varmı acaba
sorun şu şekilde
siteye maşet kısmı yaptık yanlız manşet kısmı firefoxda mukkemel şekilde çalışıyoken ie de sıkıntılı hatayı görebileceğiniz www.turbohaber.com

css kodu

BODY {
	COLOR: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
A:hover {
                COLOR: #000; 
                text-decoration: underline;

}
A { 
                COLOR: #454545; 
                text-decoration: none;

}
.div_xixi { 
                backround: #fff; 
                margin: 0px auto; 
                width: 812px; 
                position: relative; 
                height: 267px;

}
.div_jimg {
               margin: 0px; 
               widhth: 595px; 
               height: 267px;

}
.div_jimg #a_jimg { 
               display: inline;
               width: 595px; 
               height: 267px;

}
.div_jimg #bigimg {
               border-height: #fd8383 1px solid; 
               padding-height: 0px; 
               border-top: #fd8383 1px solid; 
               padding-left: 0px; 
               padding-bottom: 0px; 
               margin: 0px; 
               border-left: #fd8383 1px solid; 
               width: 595px; 
               padding-top: 0px; 
               border-bottom: #fd8383 1px solid; 
               height: 265px;

}
.div_jimg .ul_jimg { 
               padding-right: 0px; 
               display: inline; 
               padding-left: 0px; 
               right: 0px; 
               background: url(images/bg_j04.jpg) repeat-y right top; 
               padding-bottom: 0px; 
               margin: 0px; 
               width: 225px; 
               padding-top: 0px; 
               list-style-type: none; 
               position: absolute; 
               top: 0px;  
               height: 267px;
}
.div_jimg .ul_jimg LI {
	display: inline;
	float: right;
	overflow: hidden;
	width: 212px;
	cursor: pointer;
	word-break: break-all;
	text-indent: 30px;
	padding-top: 14px;
	white-space: nowrap;
	height: 24px;
	text-overflow: ellipsis;
}
.div_jimg .ul_jimg A { 
                POSITION: relative;

}
.div_jimg .ul_jimg .on {
                background-image:url(images/bg_j05.png)!important;
	BACKGROUND: none transparent scroll repeat 0% 0%;
                FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_j05.png',sizingMethod='scale'); 	
               WIDTH: 225px;
               COLOR: #fff;
	TEXT-INDENT: 43px;
	POSITION: static;
}
.div_jimg .ul_jimg .on A {
	FONT-WEIGHT: bold;
	COLOR: #fff;
	POSITION: static;}
#ana_bolum_manset {
	height: auto;
	width: 812px;
	margin: 0px;
	padding: 0px;
}

yardım ederseniz çok sevinirim arkadaşlar teşekkürler şimdiden

02-01-2010, 22:21:19

#2

~~kymkk~~

Üyeliği durduruldu

yardım edebilecek kimse yokmu koşkoca sitede

02-01-2010, 23:56:14

#3

anka81

ben bakmıştım da, firefox ta da düzgün çalışmıyo ki. manşette çıkan resim haber falan yok yanda. ayrıca kapanmamış td> tagını görmedin mi firefoxta?

önce firefox uyumunu tam yap, sonra css reset veya css if ie komutuyla ie desteğine de bakarız. (bu arada ben şahsen, ie yi artık hiç bir tasarımda tınlamıyorum, firefox tamamsa gerisi hikaye benim için.)

03-01-2010, 11:57:56

#4

tmania

Kimlik doğrulama veya yönetimden onay bekliyor.

kymkk adlı üyeden alıntı: mesajı görüntüle

yardım edebilecek kimse yokmu koşkoca sitede

yardım edecek kimse var da senin kodlar adamı çileen çıkartır derecede. Abuk sabuk seçici isimleri kullanmışsın, bi yerde büyük bi yerde küçük tag isimleri vrmişsin. Firefoxta çalışıyor diyorsunda ben çalışan bi yerini göremedim. Eğer çalışan hali firefoxtaki gibiyse zaten o siteden hâyır gelmez. Sana yapabileceğim tek yardım gir fatih hayrioğlunun sitesine biraz css öğren.

03-01-2010, 21:10:04

#5

sadeeq

önce görünümü düzene sokman laızm.. çok karışık görünüyor..

CSS'de
.imageElement h3 ve .imageElement p {margin:} değerini sıfırla ve display:block ver
oraaki a full class'ı ile tanımlanmış. ya oradan ya da css'de
.imageelement img {} değeri yarat ve yükseklik değerini ayarla..

tema karmakarışık görünüyor. yüksek ihtimalle birçok resmin ve div'in yükseklik ve/veya genişlik ayarı uygun değil..

sitede <head></head> arasında olması gereken onlarca satır, <body> içerisinde yer almış.
tüm stilleri bir css dosyasına taşı. birkaç css dosyasına gerek yok.
title, head, meta, body, html tagları birçok yerde tekrar edilmiş.

anasayfada 5.000 den (belki de katlarca) fazla gereksiz karakter var.. zira 60,000 e yakın karakter mevcut. bundan kurtulmak için tüm php dosyalarını aç ve tekrara neden olan takıları (tags) kaldır. [html başta olmak üzere..]

bir html sayfasının şablonu şu şekildedir:

<HTML>
<HEAD>
<TITLE>SİTE BAŞLIĞI</TITLE>
<META />
<LINK />
</HEAD>

<BODY>

SİTENİN GERİ KALAN TÜM İÇERİĞİ BURADA OLMALIDIR

</BODY>

</HTML>

bitirdikten sonra burada yaz.. yardımcı olmaya çalışırız..