IE problem : image goes over list

misk0 · 15. 03. 2007.

Citat:

Originalno napisao Dragan Babić

IE i Fx (zapravo IE i Gecko) prave "mesta" za bullete kod listi na različite načine, jedan koristi padding a drugi margine. Probaj paddingom da napraviš mesta za bullet.

Mada ti preporučujem da kad god ti treba custom bullet da daš list-style:none; anuliraš padding i margine na list itemima, i onda na list item daš samo levi padding i staviš bullet kao background image. To je bulletproof rešenje i svuda radi.

Hvala Dragane, ali ne radi ni tako....
IE (u ovom bulet-proof rjesenju) pojede margine i paddinge i nasloni text na sliku??

Kôd:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<STYLE type="text/css">
	li {
		background: transparent url('list_item.gif') top left no-repeat; 
		margin: 0; 
		padding-left: 20px;     
	}
</STYLE>
</head>
<body>
<div style="width: 100%;">
	<div style="width: 600px; text-align:left; margin-left: auto; margin-right:auto; background-color: #DDDDDD;">
	  <img src="greska-ff.jpg" style="float: left;">
	  <ul style="list-style: none; margin:0; padding:0;">
	  	<li>opzione 1Note. This document does not specify the exact mechanism of each numbering 
	  		system (e.g., how roman numerals are calculated). A future W3C Note may provide further 
	  		clarifications.Note. This document does not specify the exact mechanism of each numbering 
	  		system (e.g., how roman numerals are calculated). A future W3C Note may provide further 
	  		clarifications.</li>
	  	<li>opzione 2</li>
	  </ul>
	</div>
</div>
</body>
</html>

Slične teme
Tema	Početna poruka teme	Forum	Odgovori	Poslednja poruka
Check-List & Sistematizacija	kai	e-Business	4	21. 12. 2009. 21:14
MySQL Countries list	cvele	Code snippets	7	06. 08. 2008. 21:05
mailing list	misko_	Komunikacije	2	22. 12. 2007. 17:14
PayPal list of countries	bluesman	e-Business	27	20. 01. 2007. 14:49
list-style-image i IE	hana	(X)HTML, JavaScript, DHTML, XML, CSS	4	22. 06. 2005. 15:00