CSS - Kafanıza takılan sorular.

@_Janberka en kısa kodu kullanma sebebim kategoriye ait olan sayfada alt alta toplamda 62 ürün bulunmakta bunu sayfalara bölme şansım yok.
62 ürünüde dolayısıyla 62 adet 100px lik resim "resime title". Kısa açıklama, ikişer link de eklediğimizdeki "bunlarada titlereri eklemek zorundayız".
Dolayısıyla sayfamız şişmekte. Kodlarda tasarruf yapmak zorundayız.
Fakat tasarruf yapalım derken alakasız tag eklemeyide doğru bulmuyorum.
Gönderdiğin kodları ekleyerek inceleyeceğim arada fazla bir fark olacağını düşünmüyorum.
"span class=" a gelincede açıkçası hiç kullanmadım css kullanarak ilk defa bir site tasarlamaya çalışıyorum.

<span class="renk1">Renkli Yer 1</span>
<span class="renk2">Renkli Yer 2</span>

Bu kısım çok açıklayıcı olmuş alt sayfalarda b ve h taglarında kullanabilirim.
Tekrar teşekkürler.
Bilmemek ayıp değil, öğrenmemek ayıp.
Bilmeyen birini eleştirmek ayıp, Bilmeyen birine öğretmek doğru. + puan veremedim You must spread şeklinde uyarı mesajı aldım.

Teşekkürler @_Janberka;
<i>Ürün Adı Fiyatı : 10 TL</i> şeklinde olan kısımları
<span class="fiyat">Ürün Adı Fiyatı : 10 TL</span> şeklinde değiştirdim.
Toplamda 62 çeşit olan sayfanın boyutu 61KB den 62KB ye çıktı 1KB fark ediyor fazla bir fark yok doğru tagı kullanmak mantıklı geldi.
CSS kodunu ise şu şekilde yaptım;

.fiyat
{
color:#FF0000;
}

css ile site tasarlarken hangi editörü kullanmamı önerirsiniz?

dreamweaver kullanıyorum ben css kodlarımı yazdıktan sonra
free css toolbox aracı ile de kodlarımı sıkıştırıyorum ki fazla yer kaplamasın çok faydası oluyor

Notepad ++

DW

wm_xfreex ve WebEngineer teşekkürler sanırım notpad daha mantıklı geliyor css öğrenmeye yeni başlayanlar için çünkü Dw otomatik tamamlama var buda kodları öğrenmeye zorlamayacak bizi

arkadaslar sıtedekı w3c hataları ayıklamak ıcın en kısa yontem nedir acaba ?

Bunun bir programı veya motoru yok muzocum. Hataları üreten sen olduğun için çözümünüde bulacaksın..

Mesela en çok düştüğün hata <img src="a.png" /> yapıp img tagını kapatmak. Tamam sorunsuz görüntülersin ama buna alt="" tagını eklemediğin sürece bu bir W3C Hatası olarak kalacaktır. Sırasıyla düzelteceksin bunları.

Diğer sorulanların cevaplarıda sağolsun dostlarım tarafından verilmiş. Aklınıza takılan herhangi birşey olursa yine bu konu altından sorabilirsiniz. Veya Ö.M. İle iletişime geçebilirsiniz.

document type does not allow element "style" here

    <style type="text/css">

✉

The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).

W3C hatalarını ayıklamaya calısıyorum , bir tek burda takıldım.
<style type="text/css"> bunu kaldırdığım zaman sitede sorun oluyor.WP kullanıyorum ve bi eklentide bu sorun çıkıyor.
Bu kodun yerine ne yazabilirim ? veya nasıl yapabilirim ?

<style type="text/css">
	
	.jdGallery .slideInfoZone
	{
		height: <?php echo get_option('gallery-info'); ?>px;
	}
	</style>

İşte bu satırdaki kod da hata veriyor.