blog789
🌱Yeni Üye🌱
- Katılım
- 8 Haz 2009
- Mesajlar
- 10
- Tepkime puanı
- 0
Merhaba,
Bir tasarım yaptım,
Css kodu:
---------------------
html kodu:
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.
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>
";
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.