Discussion:
Unordered List
(too old to reply)
jabbs
2008-07-29 11:17:19 UTC
Permalink
Can anyone tell me how I can use ticks and crosses in dreamweaver instead of
bullet points, i have a clinet who has requested both and I cannot for the life
of me find a way from within dreamweaver or from googling it.

Any help would be appreciated
Dooza
2008-07-29 11:20:06 UTC
Permalink
Post by jabbs
Can anyone tell me how I can use ticks and crosses in dreamweaver instead of
bullet points, i have a clinet who has requested both and I cannot for the life
of me find a way from within dreamweaver or from googling it.
Any help would be appreciated
You need to use CSS to create a class for those with ticks, and those
with crosses. You will need to create a suitable image for both, and
then assign the class to the <li> tags where you need them to display.

Steve
Murray *ACE*
2008-07-29 11:46:31 UTC
Permalink
The best way is as Steve describes but with this additional twist:

Set the desired image as the background image, no-repeat, of the <li> tag,
and use left padding to move the contents to the right enough for the
background to display.
--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================
Post by jabbs
Can anyone tell me how I can use ticks and crosses in dreamweaver instead
of bullet points, i have a clinet who has requested both and I cannot for
the life of me find a way from within dreamweaver or from googling it.
Any help would be appreciated
You need to use CSS to create a class for those with ticks, and those with
crosses. You will need to create a suitable image for both, and then
assign the class to the <li> tags where you need them to display.
Steve
Dooza
2008-07-29 12:11:46 UTC
Permalink
Post by Murray *ACE*
Set the desired image as the background image, no-repeat, of the <li>
tag, and use left padding to move the contents to the right enough for
the background to display.
This is a good way to have more control over where the image is
displayed in relation to the text. I seem to remember custom bullets
being a pain in a*** at times.

Steve
Murray *ACE*
2008-07-29 12:16:08 UTC
Permalink
Custom bullets are always a PITA!
--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================
Post by Murray *ACE*
Set the desired image as the background image, no-repeat, of the <li>
tag, and use left padding to move the contents to the right enough for
the background to display.
This is a good way to have more control over where the image is displayed
in relation to the text. I seem to remember custom bullets being a pain in
a*** at times.
Steve
Michael Fesser
2008-07-29 14:50:43 UTC
Permalink
.oO(Dooza)
Post by Dooza
Post by jabbs
Can anyone tell me how I can use ticks and crosses in dreamweaver instead of
bullet points, i have a clinet who has requested both and I cannot for the life
of me find a way from within dreamweaver or from googling it.
Any help would be appreciated
You need to use CSS to create a class for those with ticks, and those
with crosses. You will need to create a suitable image for both, and
then assign the class to the <li> tags where you need them to display.
Just an addition: Usually all you need is just a class on the <ul>,
assuming that not both bullet images are used within the same list.

And if the second image is used for nested lists, you won't even need
another class, but just a simple descendant selector:

ul.special li {...} /* first image */
ul.special li li {...} /* second image */

Micha

Continue reading on narkive:
Loading...