Hello all,
Saya ada masalah dengan CSS.. sudah "bergulat " selama 2 jam.. akhirnya
nyerah. semoga di milis ini ada pencerahan
Masalah yang terjadi
Saya ingin membuat custom bullet image. Sintaks <ul> seperti berikut :
<div id="sideBarItem1">
<h1> Features</h1>
<div id="sideBarContent">
<ul>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
</ul>
</div>
</div>
Saya coba dengan CSS :
#sideBar #sideBarItem1 ul{
padding: 5px 5px 5px 10px;
list-style-image:url(../images/side_plus_li_item.gif);
}
Hasilnya kurang bagus karena di IE: gambar bulletnya terlalu tinggi.
Akhirnya saya coba dengan CSS melalui li:
#sideBar #sideBarItem1 ul{
padding: 5px 5px 5px 10px;
list-style-type:none;
}
#sideBar #sideBarItem1 li{
background-image:url(../images/side_plus_li_item.gif);
background-position: left 7px;
background-repeat:no-repeat;
color:#075299;
font-weight:bold;
font-size:1em;
padding-left:12px;
background-position: left 6px;
clear:both;
}
Permasalahan yang terjadi :
1. Di firefox bagus, di IE bullet kadang tidak keluar , perlu refresh
beberapa kali
2. Tidak semua bullet bisa keluar, saya coba dengan banyak <li> , 3
atau 4 item pertama tidak keluar gambar bulletnya
Semua masalah terjadi pada IE6.
URL untuk di cek :
http://www.doxacore.com/bss/index.php
http://www.doxacore.com/bss/index2.php (test dengan banyak item, beberapa
item pertama tidak keluar gambar bulletny)
Mohon bantuannya.
Viktor
[Non-text portions of this message have been removed]
---
Website: http://toekangweb.or.id/
Arsip milis : http://groups.yahoo.com/group/toekangweb/messages
Yahoo! Groups Links
<*> To visit your group on the web, go to:
http://groups.yahoo.com/group/toekangweb/
<*> Your email settings:
Individual Email | Traditional
<*> To change settings online go to:
http://groups.yahoo.com/group/toekangweb/join
(Yahoo! ID required)
<*> To change settings via email:
mailto:[EMAIL PROTECTED]
mailto:[EMAIL PROTECTED]
<*> To unsubscribe from this group, send an email to:
[EMAIL PROTECTED]
<*> Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/
