My HTML is as follows:
<ul id="nav">
<li><a href="./">Home</a></li>
<li><a href="/About">About</a></li>
<li><a href="/Contact">Contact</a></li>
</ul>
And my css:
#nav {
display: inline;
}
However the whitespace between the li's shows up. I can remove the whitespace by collapsing them like so:
<ul id="nav">
<li>...
is there a way to adjust the position of list-style-image ?
when i use padding for list items the image will stay at its position and wont move with padding...
...
I'm building out this landing page and after the second paragraph I have a list of points to which I have applied a list-style-image to the li.actionItem, however I'm getting the default disc instead of my images. I know the url is working because a) I wrote it in absolute form, b) if you enter that absolute url you get the image (see he...
I am having an unordered list like:
<ul style="list-style: square url(Images/rssIconSmall.png)">
<li><h3>All Items</h3></li>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
<li>Item4</li>
</ul>
Since I am giving "list-style" as image it ap...
Opera has unacceptable rendering of image-bullet positioning of list items.
Look at demo page with Opera and different browser.
Style:
/* body {line-height:150%;} */
ul {list-style: none outside url('img/bullet-lilac.gif');
HTML Sample:
<ul>
<li><a href="">Ut enim ad minim veniam</a></li>
<li>Sample item</li>
</ul>
Bullets...