Neler yeni

Yeni mesajlar Yeni konular En çok mesaj En çok tepki En çok görüntülenen

* CSS Firefoxta Çalışmıyor...

blog789

🌱Yeni Üye🌱
Katılım
8 Haz 2009
Mesajlar
10
Tepkime puanı
0
Merhaba,
Bir tasarım yaptım,

Css kodu:
Kod:
#list_table {
    font: 0.9em/1.4em Calibri,sans-serif,Verdana,helvetica; color: #333;
    display: block;
    width: 877px;
    margin-left: 5px;
    border-bottom:1px solid #e5e5e5;
    margin-bottom: 43px;
}

#list_table ul
{
    border-top: 1px solid #ccb;
    width: 877px;
    margin: 0; padding: 0;
}

#list_table ul li a:active
{
    background: #e3e3de no-repeat 4px 50%;
    color: #000;
}

#list_table ul li.active a, #list_table ul li.active a:visited
{
    font-weight: bold;
    color: #443;
    background: #DEE6BA no-repeat 4px 50%;
    cursor: default;
}

#list_table ul li
{
color:#777766;
    display: block;
    width: 226px; 
    list-style:none;
    line-height:20px;
    height: 35px;
    font-size:11px; 
    font-family:Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    border-bottom: 1px solid #ccb;
    padding: 0;
    margin: 5px 0px;;
   
}

#list_table ul li a
{ background:   no-repeat 2px 60%;
    display: block;
    padding-left: 12px;
    padding-top: 5px;
    color: #777766;
    text-decoration: none;
    background-color: #FAFAFA;
}

 #list_table ul li a:hover
{
    padding-left: 12px;
    padding-top: 5px;
    background: #abcfff  no-repeat 4px 50%;
    color: #5b5b5b;
    text-decoration: none;
    font-weight: normal;
   
}
#list_table ul li a:hover { border-bottom: 1px solid #FAFAFA; }
#list_table ul li.active a:hover { font-weight: bold; color: #333; border-bottom: 1px solid #3e3e3e; background-color: #F4F4EF; }
#list_table .dns { height: 25px; margin-left:1px; margin-right:0px; margin-bottom:0px; margin-top:0px; padding:0;font-size:11px;font-weight:bold; width:190px; display:inline-block; overflow:hidden;  color:#ee6700;}
#list_table .dns:hover {color:#ff0000;}
#list_table .svn { color:#0072ba;  height: 25px;margin-left:10px; margin-right:0px; margin-bottom:0px; margin-top:0px; padding:0; font-size:11px;   width:190px; display:inline-block; overflow:hidden;  }
#list_table .svn b {color:#FF6600; }
#list_table .map { height: 25px;margin-left:20px; margin-right:0px; margin-bottom:0px; margin-top:0px; padding:0; font-size:11px;  width:270px;  display:inline-block; overflow:hidden;  }
#list_table .map b {font-size:10px;} 
#list_table .slot { height: 25px;margin-left:20px; margin-right:0px; margin-bottom:0px; margin-top:0px; padding:0; font-size:11px; width:190px; display:inline-block; overflow:hidden;  }
#list_table .slot b {font-size:10px;}
---------------------
html kodu:
Kod:
echo "<div id='list_table'><table><ul><tr><td><img src='$lgsl_image_status' alt='' title='$data[status]' /></td>
      <td><img src='$lgsl_image_icon'   alt='' title='$data[gametype] - $data[gamemod]' /></td>
      <td><li><a href='$lgsl_launch' title='CLICK TO LAUNCH SOFTWARE'><b><span class='dns'>$data[ip]:$data[port]</span></b></a></li></td>
      <td><li><a rel='nofollow' href='lgsl_settings.php?ip=$data[ip]&port=$data[port]' title='Server Ayarlari'><b><span class='svn'>$data[hostname]</span></b></a></li></td>
      <td><li><a rel='nofollow' href='lgsl_settings.php?ip=$data[ip]&port=$data[port]' title='Server Ayarlari'><span class='map'>$data[mapname]</span></li></td>
      <td><li><a rel='nofollow' href='lgsl_players.php?ip=$data[ip]&port=$data[port]' title='Oyuncu Bilgisi'><b><span class='slot'>$data[players]/$data[maxplayers]</span></b></a></li></td>
      </tr>
     </ul></table></div>
    ";
Bu css kodu ile, html sayfası ie8 de hiç bir sorun olmadan görüntüleniyor.
Fakat firefox'ta yalnızca hücreler ve yazılar görünüyor, yazı boyutları daha küçük ve css deki efektler yok. Yardımcı olursanız sevinirim.

Ayrıca, denerseniz mouse üzerine gelince efekt verildiğini görürsünüz, bu efektin hücre hücre değilde tek satırda gösterilmesini sağlayabilirmiyim?


Teşekkürler.
 

Benzer konular

Üst