ul runs beyond table cell with custom bullet

D

Don Dean

Am using FP2003, and I have an unordered list (ul) inside blockquotes inside
a table cell and it looks just fine. When I go to "List Properties / Picture
Bullets / Specify picture" and insert a custom bullet (other than the
standard ones offered by FP) the blockquotes on the right hand side jump
beyond the right hand border of the cell (which is also the edge of the
table) and you can't see any of the text that goes beyond this table edge.
I've tried it with several bullets and it performs the same way.

When I remove the custom bullet and revert back to a standard one, the
blockpquotes jump back inside the cell and it look OK again.

It displays this quirky way in Design and Preview modes and also with IE,
although in Opera, everything displays correctly even with the custom bullets.

Any ideas, besides not using custom bullets?
 
M

Murray

Make the custom bullets the background image of the <li> (with no-repeat),
and use CSS padding to move the <li> contents over to the right so that you
can see them.
 
D

Don Dean

Not sure if I got ya Murray.
I tried two ways:
<li background="graphics/diamond1_red.gif">This is a list:</li>
<li imagesrc="graphics/diamond1_red.gif">This is a list:</li>
In both cases, the diamond did not show up, just the FP default bullet.
--
Don
*********


Murray said:
Make the custom bullets the background image of the <li> (with no-repeat),
and use CSS padding to move the <li> contents over to the right so that you
can see them.
 
M

Murray

<ul style="list-style-type:none;">
<li style="bacgkround-image:url(graphics/diamond1_red.gif);
background-repeat:no-repeat;padding-left:30px;">This is a list</li>
</ul>
--
Murray
============

Don Dean said:
Not sure if I got ya Murray.
I tried two ways:
<li background="graphics/diamond1_red.gif">This is a list:</li>
<li imagesrc="graphics/diamond1_red.gif">This is a list:</li>
In both cases, the diamond did not show up, just the FP default bullet.
 
D

Don Dean

Murray.
I did a cut / paste of your code into my HTML, but my red diamond still
wouldn't come up. I played around with your text, trying to keep it as
simple as possible (I always go for the KISS method when I''m having
problems) and here's what I ended up with:

<ul imagesrc="graphics/diamond1_red.gif" style="padding-right:30px">
<li>This is a list</li></ul>
Of course my "li" text was much longer than "This is a list".

Thanks for your help.
 
M

Murray

Uhh - that's not going to work at all. there is no such attribute called
imagesrc for a <ul> tag. Show me your page (post a link to it) and I'll fix
it for you.
 
D

Don Dean

The site is not published yet, I'm just starting to work on it.

Here is a copy of code from another list where I used the red diamond. This
is code that FP2003 generated when I selectrd the custom bullet using FP
menus, I didn't write it.

<ul imagesrc="graphics/diamond1_red.gif">
<li>Understanding the basics about the Web.</li>
<li>How to pick and assign a name to your web site.</li>
<li>Selecting a web host company.</li></ul>

You'd better inform Microsoft that FP is generating code that doesn't exist.
;-)
 
D

Don Dean

Thanks Murray.
If FP is generating Microsoft proprietary code that won't work in most
browsers, can you give me a web site that lists the valid HTML tags and
attributes that meet WWW standards.
 
D

Don Dean

Yes, I did.
I added the code to my page and it works just fine.
I've got a reference book, but it's several years old so I'm going to check
into getting a newer one.

Thanks so much.
 
M

Murray

You're welcome!

--
Murray
============

Don Dean said:
Yes, I did.
I added the code to my page and it works just fine.
I've got a reference book, but it's several years old so I'm going to
check
into getting a newer one.

Thanks so much.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top