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:

#menu a, #menu a:visited{
	width:180px;	
	display:block;
	color:#000;
	text-decoration:none;
}
#menu a:hover{
	color: red;
}
#menu ul{
	margin: 0px;
	padding: 0px;
	font-size:14px;
	font-weight: bold;
	font-style:normal;
	list-style-position:inside;
	list-style-image:url(ul1.gif);
}
#menu li{
	margin: 5px 0 5px 0;
	padding: 0 0 5px 0px;
	border-bottom: 1px solid #000;	
	/*background-color:purple;	*/
}
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:

#menu ul {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  font-weight: bold;
  list-style: none;
}
#menu li {
  margin: 5px 0;
  padding: 0 0 5px 15px;
  border-bottom: 1px solid #000;	
  background: url(ul1.gif) no-repeat left top;
}
#menu li.openmenu {
  background-image: url(ul2.gif);
}
#menu a, #menu a:visited {
  display: block;
  color: #000;
  text-decoration: none;
}
#menu a:hover {
  color: red;
}
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