kaydırdıktan sonra background nasıl verebilirim? mesela (10 px sonra background-color u siyah yap)

kaydırdıktan sonra background nasıl verebilirim? mesela (10 px sonra background-color u siyah yap)

div.triangle{
    height:0px;
    width: 0px;
    border-style: solid;
    border-color: transparent black transparent transparent ;
    border-width: 50px;
}

bu kodlar ile ucgen olusturuyorum. Yapmak istediğim bu ucgenden sonra siyah seriti devam ettirmek.

ok işareti yapmak istiyorum yani.

Yardımcı olursanız sevinirim

Bi siteye deneme amaçlı atabilirmisin tam olarak ne istediğini anlayamadım .

Aynen bende anlamadım

http://www.barisoztekin.com/public/h...aberManset.rar


buradaki manset scriptindeki okresmini kaldırıp aynı işlevi css ile yaptırmak istiyorum.

inş yardımcı olursunuz.

mnst.html de

background:url(img/okFloating.png) no-repeat left;

bunla değiştirince

background-color:#000;

ok resmi kalkıyor arkaplanda siyah oluyor . Bunu demek istemediysen anlatmak istediğin şeyi hala anlayablmiş değilim .

sanırım okun genişliği 10 px olacak o halde hiç 10px sonra diye kafanı karıştırma. yapman gereken:

.class {background:#000 url(images/ok.png) left top no-repeat; padding:0 0 0 10px;}

elinde manşet scripti olan arkadaşlarım gösmuşlerdir.

Solda haber resimleri, sağda haber başlıkları

Sistemin işleyişi: başlığın uzerine fare geldiğinde, o haberin resmi görünuyor

Değiştirmek istediğim:
Başlık backgroundu servi boylu , uzun bir ok png si.

Başta bu img/okFloating.png sini komple css ile yapayım demiştim.
Lakin css de okun başını ( yan üçgen) i ilk mesajımdaki css kodu ile yaptım. Devamınında uzanan şeridi oktan itibaren background yapamadım.

Ben de ok başını ( yan ucgeni ) png ile yaptım. Png boyutu 10*10 px diyelim. Ok basından sonra okun devamını background-color ile siyah sıralı arka plan yapmak istiyorum.

Budurumda sıkıntım: Background yapınca siyahı , okumun basındaki yan ucgenide kapatıyor. Komple bacskground oluyor.

Galiba padding ile ayarlayacagız resimden sonra gelecek olan background-color rengi..