473,378 Members | 1,420 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

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

lists -- img instead of bullet

list-style-image: url(images/black-dot.gif);

this works very well for the most part, only thing is, in IE image is
lined up with TOP edge of line, in FF it's lined up with BOTTOM edge of
line, is there a way around this? I mean to make it look the same in IE
and FF? ideally, of course, would be to position this image aligned
with the MIDDLE of the line (I mean like valign=middle...:)

thank you..
Jul 14 '06 #1
4 1343
maya wrote:
I mean to make it look the same in IE and FF?
This is only important if you expect your visitors to use multiple
browsers to view your site. Aside from us developers, the chances of
that happening are Slim To None.

--
-bts
-Warning: I brake for lawn deer
Jul 14 '06 #2
In article <Bm********************@bgtnsc04-news.ops.worldnet.att.net>,
Beauregard T. Shagnasty <a.*********@example.invalidwrote:
>maya wrote:
>I mean to make it look the same in IE and FF?

This is only important if you expect your visitors to use multiple
browsers to view your site. Aside from us developers, the chances of
that happening are Slim To None.
I think his point was that he wants the vertical alignment to be in the
middle of the text, and he's not satisfied with either way he sees it
now (either top or bottom).

One way to solve the problem is to have bullet images the same
height as the font, but then to guarantee this you have to hard-code
your fonts in pixel sizes. Ugh.

-A
Jul 14 '06 #3
axlq wrote:
In article <Bm********************@bgtnsc04-news.ops.worldnet.att.net>,
Beauregard T. Shagnasty <a.*********@example.invalidwrote:
>maya wrote:
>>I mean to make it look the same in IE and FF?
This is only important if you expect your visitors to use multiple
browsers to view your site. Aside from us developers, the chances of
that happening are Slim To None.

I think his point was that he wants the vertical alignment to be in the
middle of the text, and he's not satisfied with either way he sees it
now (either top or bottom).

One way to solve the problem is to have bullet images the same
height as the font, but then to guarantee this you have to hard-code
your fonts in pixel sizes. Ugh.

-A
exactly.. thank you very much....
Jul 17 '06 #4
On Fri, 14 Jul 2006, axlq wrote:
One way to solve the problem is to have bullet images the same
height as the font, but then to guarantee this you have to hard-code
your fonts in pixel sizes. Ugh.
I disagree with "you have to". I would size the image in em units to
match the font. If the result was unsatisfactory (pixel artifacts)
then I'd consider adjusting the image, rather than resorting to
pixel-sized text.

Sizing in ex units might be technically more accurate than em units,
but I've had unsatisfactory results with ex units in the past (browser
bugs - or at least infelicities).
Jul 17 '06 #5

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

Similar topics

5
by: Clifford W. Racz | last post by:
Has anyone solved the issue of translating lists in Word 2003 (WordML) into xHTML? I have been trying to get the nested table code for my XSLT to work for a while now, with no way to get the...
2
by: Lindsey | last post by:
Hi I just wanted to know if you are using <ol> tags in HTML can you specify which number to start at. E.g Instead of 1. blad bla 2. bla bla
1
by: Desigan Chinniah | last post by:
I am presently trying to display a list of items INLINE using an image as a seperator..... and having difficulties.... See below for 3 seperate sets of html and css files. Each set does something...
1
by: Johannes Theile | last post by:
Hi, is it possible to show the bullets in a list (ul), although it is possitioned as an inline element? Greetings, Johannes
3
by: Jordan S | last post by:
I have been using the old HTML unordered list in order to have bullet-point lists. But they don't look good because there is no white space between each list item. <UL> <LI>List Item Here...
6
by: mno | last post by:
Hi all, I have a problem that I've been stuck with for the last couple of days that's driving me a bit more than crazy at this point. Sorry if this message is not very clear. I have a design...
3
by: audiogal | last post by:
The bullet lists on my web site (www.hawkinshearing.com) are messed up in IE7 (works fine in IE6, IE5, and Safari). In IE7, the list does not indent and the bullet images do not show up. Any...
2
by: donpro | last post by:
https://testbed.odysseyshipping.com/ In the footer, I am having problem with the list-style-image statement in my CSS 1) In Firefox, my custom image shows in front og all list items EXCEPT...
10
by: maya | last post by:
hi, I'm having a problem w/bulleted lists.. as you know FF and IE do diff margins/spacing for these, so have to do stuff like /* IE: */ * html ul.headlines {margin-left:20px; margin-top:0px;...
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
by: ryjfgjl | last post by:
In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

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.