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

Web Tasarımı - * CSS Firefoxta Çalışmıyor... Sponsorlu Bağlantılar Merhaba, Bir tasarım yaptım, Css kodu: #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 { ...

Cevapla
* CSS Firefoxta Çalışmıyor...
blog789 isimli Üye şimdilik offline konumundadır

blog789

Webmaster / Ankara

Dosya23

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

Alt 22-10-2009 #1
Sponsorlu Bağlantılar

Merhaba,
Bir tasarım yaptım,

Css kodu:
#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:
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]&amp;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]&amp;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]&amp;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.
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

blog789 isimli Üye şimdilik offline konumundadır

blog789

Webmaster / Ankara

Standart
Alt 22-10-2009 #2
                             Sponsorlu Bağlantılar
Bilen varmı ?
Bu mesajdan alıntı yap
blog789 isimli Üye şimdilik offline konumundadır

blog789

Webmaster / Ankara

Standart
Alt 24-10-2009 #3
Varmı hayırsever
Bu mesajdan alıntı yap
Cevapla

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
Displace Filitresi Çalışmıyor rektor Photoshop Soru ve Sorunlarınız 5 27-08-2009 08:54:47
cs3 ve cs4 aynı anda çalışmıyor firkete Photoshop 0 11-08-2009 16:59:22
safari çalışmıyor [email protected] Macintosh 0 29-07-2009 10:08:58
Collect For Output... çalışmıyor enesduran Freehand 9 10-06-2008 12:27:11
freehand mx 64 bit bilgisayarda çalışmıyor. derux Freehand 0 14-05-2008 10:34:19

Kapat
Şifremi Unuttum?