ff de resim 2 deki gibi gözüküyor..
ben ff de de resim 1 deki (ie deki gibi) gibi gözüksün istiyorum..
anlayan varsa yardımcı olabilirmi..
şimdiden teşekkrüler.
RESİM1
http://img84.imageshack.us/img84/3473/18756721.jpg
RESİM2
http://img233.imageshack.us/img233/4051/74306868.jpg
<style type=text/css>
.blok-makale{
width:300px;
float:left;
font-family:Arial, Helvetica, sans-serif;
}
.blok-makale ul{
margin:0;
padding:0;
list-style-type:none;
line-height:0;
width:300px;
}
.blok-makale ul li{
text-align: left;
margin:0 0 0 0;
}
.blok-makale ul li a{
display:block;
background: #fff;
padding:0 5px 0 5px;
font-weight:normal;
color:#000;
line-height:32px;
text-decoration:none;
border-bottom:1px dotted #64b1d9;
font-size:15px;
}
.blok-makale ul li a span.sirano{
background:transparent url(hileler-sirano-bg1.png) no-repeat;
color:#000;
width:30px;
height:25px;
text-align:left;
float:left;
font-size: 30px;
font-weight: bolder;
}
.blok-makale ul li a span.hitsayisi{
background:transparent url(hileler-sirano-bg1.png) no-repeat;
color:#000;
width:30px;
height:25px;
text-align:center;
float:right;
font-size: 20px;
}
.blok-makale ul li a:hover{
color:#fff;
background: #64b1d9;
font-weight: bolder;
font-size:15px;
}
.blok-makale ul li a:hover span.sirano{
color:#2F2F20;
font-weight: bolder;
background:transparent url(hileler-sirano-bg2.png) no-repeat;
font-size: 75px;
width:20px;
}
.blok-makale ul li a:hover span.hitsayisi{
color:#2F2F20;
font-weight: bolder;
background:transparent url(hileler-sirano-bg2.png) no-repeat;
font-size: 70px;
}
</style>
<div class="blok-makale">
<ul>
<li><a href=""><span class="hitsayisi">12</span><span class="sirano">1</span>NFS Undercover</a></li>
<li><a href=""><span class="hitsayisi">10</span><span class="sirano">2</span>COD 5</a></li>
<li><a href=""><span class="hitsayisi">24</span><span class="sirano">3</span>Crysis Warhead</a></li>
<li><a href=""><span class="hitsayisi">53</span><span class="sirano">4</span>GTA San Andreas</a></li>
<li><a href=""><span class="hitsayisi">11</span><span class="sirano">5</span>Hid and Dangerous</a></li>
<li><a href=""><span class="hitsayisi">8</span><span class="sirano">6</span>Lords Of Magic 2</a></li>
<li><a href=""><span class="hitsayisi">9</span><span class="sirano">7</span>Pandemonium 2</a></li>
<li><a href=""><span class="hitsayisi">24</span><span class="sirano">8</span>Serious Sam 2 </a></li>
</ul>
</div>