CSS List-style-image property

I have to make a page with four unordered lists.
Before the list items I have to show an image; (info.gif) (arrow.gif) etc.

I’am familiar with the action “List item images”. But with this action all the list-items get the same image, and I need to make four lists and each list should have a different image before the items of that list.

The list-style-image property (CSS -extended) does not work in Freeway.
ul { list-style-image: url(info.gif) }
.list2 {list-style-image: url(arrow.gif) }

I have tried a lot of different ways , styled the Ul , use a class, changed the url(info.gif) to url(Recourses/arrow.gif) Nothing works.

Is this a bug in Freeway?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi b8,

Is this what you’re after?

<http://anoptic.com/lists.html>

Todd

On Feb 5, 2008, at 7:17 PM, b8 wrote:

I have to make a page with four unordered lists.

Before the list items I have to show an image; (info.gif) (arrow.gif) etc.

I’am familiar with the action “List item images”. But with this action all the list-items get the same image, and I need to make four lists and each list should have a different image before the items of that list.

The list-style-image property (CSS -extended) does not work in Freeway.

ul { list-style-image: url(info.gif) }

.list2 {list-style-image: url(arrow.gif) }

I have tried a lot of different ways , styled the Ul , use a class, changed the url(info.gif) to url(Recourses/arrow.gif) Nothing works.

Is this a bug in Freeway?

Hi Tod,

many thanks for your time and your example, and yes that is what I meant. :slight_smile:

But what a lot of styles you have to make in FW to get this result!
I see that you are using a background image in your styles and not the “list-style-image”.

I used the list-style-image property by handcode on this page:
http://www.xs4all.nl/~horemans/list-image-handcode/
and it does what it has to do.

Using exact the same styles in FW I had no result:
http://www.xs4all.nl/~horemans/list-image-freeway/

I’am trying to understand why the item-images shows up on the hancode page with {list-style-image} and not in the FW page.
All the images are in the root and the CSS code is exact the same on both pages, I don’t understand this. That’s why I was talking about a bug in FW.

Anyway, with your example I can make the page,
thanks again.

B8

Op 6-feb-2008, om 3:17 heeft Todd het volgende geschreven:

Hi b8,

Is this what you’re after?

<http://anoptic.com/lists.html>

Todd

On Feb 5, 2008, at 7:17 PM, b8 wrote:

I have to make a page with four unordered lists.
Before the list items I have to show an image; (info.gif) (arrow.gif) etc.

I’am familiar with the action “List item images”. But with this action all the list-items get the same image, and I need to make four lists and each list should have a different image before the items of that list.

The list-style-image property (CSS -extended) does not work in Freeway.
ul { list-style-image: url(info.gif) }
.list2 {list-style-image: url(arrow.gif) }

I have tried a lot of different ways , styled the Ul , use a class, changed the url(info.gif) to url(Recourses/arrow.gif) Nothing works.

Is this a bug in Freeway?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Well, 2 styles per list might seem like a lot but I suppose the upshot (for me anyway) is that it’s action-free and all done with CSS which gives you all the styling control instead of being locked into the limitations of the action.

The other thing is that once you get the first style working as intended you can just duplicate them and swap the images as needed.

If you (or anyone else) want the FW file let me know on or off-list. Glad I could help.

Todd

On Feb 6, 2008, at 7:03 AM, Remco Horemans wrote:

But what a lot of styles you have to make in FW to get this result!
I see that you are using a background image in your styles and not the “list-style-image”.

Big Erns made a tutorial also. You can find it here: http://www.thebigerns.com/freeway/link_icons/
By the way: I miss him. Where is he?
Regards
iwo

Am 06.02.2008 um 02:17 schrieb b8:

I have to make a page with four unordered lists.
Before the list items I have to show an image; (info.gif)
(arrow.gif) etc.

I’am familiar with the action “List item images”. But with this
action all the list-items get the same image, and I need to make
four lists and each list should have a different image before the
items of that list.

The list-style-image property (CSS -extended) does not work in
Freeway.
ul { list-style-image: url(info.gif) }
.list2 {list-style-image: url(arrow.gif) }

I have tried a lot of different ways , styled the Ul , use a class,
changed the url(info.gif) to url(Recourses/arrow.gif) Nothing works.

Is this a bug in Freeway?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options