Çok Basit CSS kodu

31-08-2012, 01:14:07

Burti

Reveloper

#homeproducts #product #product_name {
font-size: 11px;
overflow: hidden;
text-align: left;
height: 15px;
overflow: hidden;
}

<div id="product_name"><a id="ctl08_dlGalery_ctl04_lnkProductName" href="urun/paslanmaz-dis-mekan-cop-kovasi_247.aspx?CatId=146">Paslanmaz Dış Mekan Çöp Kovası</a></div>

Paslanmaz Dış Mekan Çöp Kovası yazısı Paslanmaz Dış olarak gözüküyor.

nasıl düzenleme yaparız _? sığmazsa alt satırdan devam et dememiz lazım

31-08-2012, 10:03:54

#2

Haktan

hocam Paslanmaz Dış Mekan Çöp Kovası şeklinde görülüyor bende sığmaz ise alttan devam etmesi için word-wrap özelliğini kullanabilirsin bilgi:

http://www.w3schools.com/cssref/tryi...css3_word-wrap

burada mevcut

Kolay gelsin

31-08-2012, 10:28:01

#3

karacoder

Alıntı

overflow: hidden;

bunu kaldırmayı dene ayrıca 2 kere tanımlanmış.

31-08-2012, 12:13:43

#4

~~hackersatranc~~

Üyeliği durduruldu

overflow:hidden;

yukarıdaki kodu 2 defa girmişsiniz ve ayireyten yukarıdaki kodu dosyanızdan silerseniz görünmeyen kısım gözükücektir. Eğer sığmıyorsa alta kaysın olayını yapmak isterseniz koda width: değeri girin örneğin : width:200px; gibi 200px kendinize göre ayarlayın.

Overflow:hidden; taşmaları gizleme kodudur. Daha detaylı açıklama için fatih hayrioğlu şunu demektedir.

Alıntı

Türkçeye taşmak(overflow) olarak çevirdiğimiz bu özellik sınırlarını belirlediğimiz kutu elementinin içeriğinin sınırları aşması durumunda nasıl davranacağını bildiren bir özelliktir. Özelliğe atanan değerleri tek tek incelersek.
inherit – kalıtsallık üst elementin değerini alabilir
visible – kutu sınırları dışına taşan alanları göster
hidden – kutu sınırları dışına taşan alanları gizle.
scroll – kutu sınırlarını taşan kısmı kaydırma çubuğu ile ulaşmamızı sağlar.
auto – kutu sınırlarını aşması durumunda scroll ile aynı etkiyi yapar.