Can anyone assist
with a hack that is forFirefox only. I have found that bot IE6 and Opera
7.54 place the list-image outside the border area of the ul. Firefox however
places the image inside the ul border. The hacks I have used all affect
both Firefox and Opera. Any suggestions please.
Cook, Graham R wrote:
Can anyone assist with a hack that is for Firefox only. I have found
that bot IE6 and Opera 7.54 place the list-image outside the border area
of the ul. Firefox however places the image inside the ul border. The
hacks I have used all affect both Firefox and Opera. Any
Found my
problem;
Here's the trick
(after reading MaxDesign 'Taming Lists')
1.Mark margin-left
and padding-left of both ul and li to 0px
2.Use the ul
margin-left to set image position in em
3. Use the li
padding-left in em to set the distance between the image and the
text
Hi Graham
That looks like a very complex setup to display what is really a
simple list of two items, with an image for a bullet. Perhaps the
complexity is causing your problem (or the extra markup to
highlight the problem is confusing me)?
How about this approach:
ul {
list-style: none;
Bert,
I cut down the html to minimum possible, actual lists include many
items, plus several lists in each panel. Panel is also part of
containing div which contains several of these panels.
Thanks anyway
Graham
**
The discussion list for
On Thu, 13 Jan 2005 12:20:55 +1100, Cook, Graham R
[EMAIL PROTECTED] wrote:
Can anyone assist with a hack that is for Firefox only. I have found that
bot IE6 and Opera 7.54 place the list-image outside the border area of the
ul. Firefox however places the image inside the ul border. The
