Css Sprite ile yapabilirsin.

sprite kullanmadanda yapabilirsin ama sprite daha iyi olucaktır

http://www.alobilethatti.com/images/airlineBar.png

Firmalar bir resim ile toplu halde geliyor.

ayrı ayrı yaparsan 12 tane firma logusunu ayırıcaksın.

ilk önce sprite ile bir kaç çalışma yap kaparsın basit zaten.

daha sonra css hover olayını yapıcaksın yani üstüne gelince gelicek resim. kenarlara çizgi gelmesi yani.


örnek vereyim

sprite yaptın diyelim

HTML:

<div class="thy"></div>

CSS:

.thy{

background-position:35px 0px;
background-image:firmalar.png;
sprite yaptıktan sonra thy resminin nerde olduğuna dair kordinat veriyorsun.

firmalar.jpg in 35px kordinatında ki alanı çekiyorsun.

daha sonra

etrafının çizgi olması için yani üstüne gelince çıkıcak resmi

.thy:hover{
background-position:65px 0px;
background-image:firmalar.png;
}

değerleri salladım hocam mantığını kavra diye.

sprite ve hover olayını öğrenirsen yaparsın çok basit zorlanmassın

iyi çalışmalar..