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>