ugrás a tartalomhoz

Firefoxban a list-style-image alá "törik" a szöveg

cyrus · 2006. Okt. 26. (Cs), 15.26
Sziasztok!


A problémám: www.digitalforge.hu/firefoxbug

IE és Opera jó, Firefox nem ugyanis, ha a list elem egy link vagyis (<a href...) és display:block beállítást használok, hogy az egész legyen érzékeny, akkor Firefoxban a szöveg a list-style-image alá "törik". Amennyiben display:inline beállítást használok, akkor Firefox alatt is jó.

css:
  1. #menu a, #menu a:visited{  
  2.     width:180px;      
  3.     display:block;  
  4.     color:#000;  
  5.     text-decoration:none;  
  6. }  
  7. #menu a:hover{  
  8.     color: red;  
  9. }  
  10. #menu ul{  
  11.     margin: 0px;  
  12.     padding: 0px;  
  13.     font-size:14px;  
  14.     font-weight: bold;  
  15.     font-style:normal;  
  16.     list-style-position:inside;  
  17.     list-style-image:url(ul1.gif);  
  18. }  
  19. #menu li{  
  20.     margin: 5px 0 5px 0;  
  21.     padding: 0 0 5px 0px;  
  22.     border-bottom: 1px solid #000;    
  23.     /*background-color:purple;  */  
  24. }  
Ki lehet valahogy küszöbölni?

Köszi előre is.
‹ File mező tallózás gombját grafikusra cserélném Függőleges írás ›
 ■
1

list-style-position

Anonymous · 2006. Okt. 27. (P), 08.33
ha a list-style-position: inside; értéket megváltoztatod vagy kiszeded, akkor nem törik meg a sor (ff 2.0). persze akkor nem úgy fog kinézni, ahogy szeretnéd. ezt viszont ki tudod küszöbölni, ha a képet (ull.gif) inkább a li vagy a elemek hátterének adod meg:
  1. #menu ul {  
  2.   margin: 0px;  
  3.   padding: 0px;  
  4.   font-size: 14px;  
  5.   font-weight: bold;  
  6.   list-style: none;  
  7. }  
  8. #menu li {  
  9.   margin: 5px 0;  
  10.   padding: 0 0 5px 15px;  
  11.   border-bottom: 1px solid #000;      
  12.   background: url(ul1.gif) no-repeat left top;  
  13. }  
  14. #menu li.openmenu {  
  15.   background-image: url(ul2.gif);  
  16. }  
  17. #menu a, #menu a:visited {  
  18.   display: block;  
  19.   color: #000;  
  20.   text-decoration: none;  
  21. }  
  22. #menu a:hover {  
  23.   color: red;  
  24. }  
csak ff 2.0-ban néztem, ha ieben/operában nem jó, akkor még javítunk rajta. :]

gex
2

köszi

cyrus · 2006. Okt. 27. (P), 09.02
a jövőben hanyagolni fogom a list-style-t és háttér lesz a kis lista mütyür, ha szükség lesz rá :)

köszönöm a segítséget