472,958 Members | 1,562 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,958 software developers and data experts.

Cross Browser Bullet Image Positioning

When I use image as a bullet within LI element I have different image
positioning results in Firefox and IE6. IE6 puts the image on top and
far from left LI's border. Firefox puts it nicely in the middle and
very close to left border.
How do I control bullet image positioning? Please advise a nice hack.
Thanks
Jun 27 '08 #1
3 3453
On 2008-04-30, vunet <vu******@gmail.comwrote:
When I use image as a bullet within LI element I have different image
positioning results in Firefox and IE6. IE6 puts the image on top and
far from left LI's border. Firefox puts it nicely in the middle and
very close to left border.
How do I control bullet image positioning?
You can't. The spec just tells browsers to put the bullet somewhere
sensible (for list-style-position: outside) outside the LI's principal
block box.

However it sounds from your description like there may be floats
involved, which is a different can of worms.
Please advise a nice hack.
I only advise nasty hacks.

Your only hope to position it precisely is not to use a list item bullet
but make it an element in its own right (either an IMG or something with
a background image).

But there are other solutions to the floats and bullets issue, if that's
what you're having.
Jun 27 '08 #2
In article <sl*********************@bowser.marioworld>,
Ben C <sp******@spam.eggswrote:
On 2008-04-30, vunet <vu******@gmail.comwrote:
When I use image as a bullet within LI element I have different image
positioning results in Firefox and IE6. IE6 puts the image on top and
far from left LI's border. Firefox puts it nicely in the middle and
very close to left border.
How do I control bullet image positioning?

You can't. The spec just tells browsers to put the bullet somewhere
sensible (for list-style-position: outside) outside the LI's principal
block box.

However it sounds from your description like there may be floats
involved, which is a different can of worms.
Please advise a nice hack.

I only advise nasty hacks.
<g>

How about a really friendly nice hack. A table! Bullet in one col, item
in the next, row by row, happily down.

And, guess what, some lists (perhaps all) are tables in their essential
semantics - so it is not even a hack. If you have an appropriate image
for each item, different is best, pregnant with meaning is better still,
then Bob can still be your uncle on the semantic front.

--
dorayme
Jun 27 '08 #3
On 30 Apr, 19:55, vunet <vunet...@gmail.comwrote:
When I use image as a bullet within LI element I have different image
positioning results in Firefox and IE6.
This may be as simple as the different default CSS for <libetween
browsers. Some use margin to position things, others use padding. If
you ever change one of these settings, you need to take explicit
control and set _all_ of them.
Jun 27 '08 #4

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

9
by: Bryan R. Meyer | last post by:
Hello Everyone, The problem of browser resizing has become an issue for me. While redesigning my webpage, I set the left and right margins to be auto so that my content would be centered. ...
7
by: Nikolaos Giannopoulos | last post by:
I have a paragraph and simply want a bullet image to appear at the start of the paragraph text. I tried the following html: <p><span class="dot"></span>some text</p> as seen here:...
2
by: CJM | last post by:
I'm developing a site for a charity which I am aiming to make standards-compliant, accessible and cross-browser compatible. I'm doing OK so far and have the workings of a respectable site, but I...
34
by: Marian Aldenhövel | last post by:
Hi, I am in the process of embarking on building a large web application. I wanted to seize that opportunity to learn how to use CSS and get rid of my ad-hoc approach to HTML-coding (i.e.: add...
7
by: codeslayer | last post by:
Greetings to everyone in ‘forum-land': I have a problem that has plaguing me to no end. It is a CSS-related question, and I have not seen this question posted anywhere in forums or through...
8
by: Udo Marx | last post by:
Hello to ciwas! Is there a way to change the bullet form, color, etc, of the element <li> under<ul> via css? Any reply will be appreciated. -- Freundliche Gruesse, Netzteil - Udo Marx...
1
by: manakin | last post by:
hello on my site the bullet points using custom image should look positioned as they do on firefox but in explorer they don't. how do i fix them so they are in same position in all browsers? ...
7
by: salvador | last post by:
Hi there, I've been working on a web site, and am running into a cross-browser css problem that I'm not quite sure how to solve. I have some twindows that use absolute positioning and the...
4
by: celoftis | last post by:
I've got html page with has a fixed height - there are five buttons on the page. The page has a fixed, known height - but the width can change. The five buttons should be arranged on the page as...
0
by: lllomh | last post by:
Define the method first this.state = { buttonBackgroundColor: 'green', isBlinking: false, // A new status is added to identify whether the button is blinking or not } autoStart=()=>{
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 4 Oct 2023 starting at 18:00 UK time (6PM UTC+1) and finishing at about 19:15 (7.15PM) The start time is equivalent to 19:00 (7PM) in Central...
0
by: Aliciasmith | last post by:
In an age dominated by smartphones, having a mobile app for your business is no longer an option; it's a necessity. Whether you're a startup or an established enterprise, finding the right mobile app...
0
tracyyun
by: tracyyun | last post by:
Hello everyone, I have a question and would like some advice on network connectivity. I have one computer connected to my router via WiFi, but I have two other computers that I want to be able to...
4
NeoPa
by: NeoPa | last post by:
Hello everyone. I find myself stuck trying to find the VBA way to get Access to create a PDF of the currently-selected (and open) object (Form or Report). I know it can be done by selecting :...
3
NeoPa
by: NeoPa | last post by:
Introduction For this article I'll be using a very simple database which has Form (clsForm) & Report (clsReport) classes that simply handle making the calling Form invisible until the Form, or all...
0
NeoPa
by: NeoPa | last post by:
Introduction For this article I'll be focusing on the Report (clsReport) class. This simply handles making the calling Form invisible until all of the Reports opened by it have been closed, when it...
0
isladogs
by: isladogs | last post by:
The next online meeting of the Access Europe User Group will be on Wednesday 6 Dec 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, Mike...
2
by: GKJR | last post by:
Does anyone have a recommendation to build a standalone application to replace an Access database? I have my bookkeeping software I developed in Access that I would like to make available to other...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.