Unordered List

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

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
==================
"Dooza" <[email protected]> wrote in message
news:g6mub3$hha$[email protected]..
> jabbs wrote:
>> 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

Similar Messages

  • Unordered list not showing up as indented bullet points within Accordian

    http://www.foundationforyoutharts.org/test/Programs.html
    I have a page using the spry accordian, and about five different catagories of information. Some of the copy is in unordered lists (in martial arts catagories), but it shows up as as regular text. Any ideas on how to make it view as a typical unordered list with bullet points and indented?
    Thanks for taking time to look at this.

    Add a margin-left of 20px to your ul.
    Either added it in your stylesheet. or directly on the element:
    <ul style="margin-left:20px">

  • How do I create an unordered list with three items and link to id's

    How do I create an ordered list with three items and linl to id's on my page

    Thanks, I guess what I was really asking, Is there a n option in the insert menu or somewhere where Dreamweaver does it for you.
    I am not clear on what you are wanting DW to do for you?  Is it that you want it to insert a three item unordered list?  No - there's no such function.  You would need to click in Design view where you want the list to go, click on the bulleted list icon on the Property inspector, and then enter the three items separated by carriage returns.  Then you'd have to link each item specifically.
    To enter the named anchors to element ID values, CS5 has no way to do this.  You'd have to enter those links manually.

  • Unordered list not printing correctly

    I created a heading 3 followed immediately by an unordered
    list. However, when I print the webpage out, I see the heading 3
    fine and then the 1st bullet appears where it should but the text
    for the first bullet begins several lines down the page. All the
    other bullets are thus pushed down as well but the spacing for the
    remaining bullets is fine. It's just that the text for the first
    bullet begins way down the page. Everything looks OK in the
    browser; just when printed is the problem.
    Here is the process I followed. Selected heading 3 on the
    property inspector and typed my heading. Then went to
    insert-->html-->text objects-->unordered list and began
    typing in the info for each bullet
    My code is below. Please help.
    <h3>Deposit Ticket Request</h3>
    <ul>
    <li>Deposit tickets will be paid for by Treasury
    Operations provided they are ordered through our department and not
    ordered as a RUSH</li>
    <li>If a RUSH is requested it will be the
    responsibility of the department to cover all charges for the
    deposit tickets</li>
    <li>Please allow 3-4 weeks for the deposit tickets to
    arrive once they are ordered</li>
    <li>Whenever a deposit is made, a deposit ticket MUST
    be included, regardless of the amount, or the type of
    deposit</li>
    <li>The deposit tickets will be either a two or three
    part ticket</li>
    </ul>

    .oO(Johnny the boy)
    >Thanks for the reply Micha
    >
    > It appears the problem occurs in I.E. but is just fine
    when printing in Firefox
    >
    > the site address to the page in question is
    >
    http://www.indiana.edu/~iutreas/test/forms/bankingdepositticketrequest.html
    It's most likely an IE issue with floats. I already get this
    effect in
    the normal browser view - the form is pushed down after the
    left-side
    "New Items" box. The print preview looks even worse as
    described.
    Actually I don't have a quick solution at hand. A while ago I
    had a
    similar problem on one of my sites, but can't remember what I
    did to
    solve it ... In many cases it's enough to simply apply a
    height: 1% or
    zoom: 1
    to the floated element to get the rendering right in IE. You
    just have
    to make sure that only IE sees these hacks. Conditional
    comments are
    really helpful for that.
    Micha

  • Unordered list bullets and Spry Accordion widget

    In all browsers except IE (surprise, surprise!), the page
    works fine. Otherwise the bullets in my unordered list appear at
    the bottom of the multiline text they are associated with. I
    haven't had this problem in similar pages not using the accordion
    widget.
    Please have a look:
    http://www.yale.edu/faith/rc-fwl.htm
    vs.
    http://www.yale.edu/faith/rc-esw.htm
    Thanks,
    Gary

    <div class="AccordionPanelContent">Castaway the: Restaurant<br />
                  1250 Harvard Rd.<br />
                  Burbank, CA 91501<br />
                  - www.castawayrestaurant.com - (818) 848-6691</p>
    Oops!
    Missing the opening <p>
    I didn't find it, the validator did.
    Martin

  • Rounded corners on unordered list

    I'd like to be able to have style my vertical menu, made with
    an
    unordered list, to have rounded corners. The menu is a fixed
    width, but
    the items could sometimes run onto two lines, so the height
    of each item
    needs to be flexible.
    I created images called top.gif and bottom.gif for the curves
    and when
    I've done boxes I've made the bottom image a background to
    the box div
    tag and the top image a background to the heading tag within
    the div.
    However with the unordered list I don't really have two
    elements to
    attach the images to, if you understand what I mean?
    I've been googling but haven't yet found a solution. Can
    anyone
    recommend a way of doing this?
    Thanks
    Vix

    > I've been googling but haven't yet found a solution. Can
    anyone recommend
    > a way of doing this?
    Could could wrap the UL in a DIV, giving you two elements.
    You could give the first LI and last LI custom classes,
    giving you to
    elements.
    While not pristine, I often will use wrapper divs to attach
    CSS too:
    <div id="menuOuterwrapper">
    <div id="innnerWrapper">
    <ul>...</ul>
    </div></div>
    That works for me in that it keeps my 'style HTML' separate
    from my 'content
    HTML'.
    A goofy interpretation of 'separation of style and content',
    perhaps.
    -Darrel

  • Ordered and Unordered Lists viewed in WYSIWYG Editor in RoboHelp 10

    I recently upgraded a project from RH 9 (9.0.2.271) to RH 10 (10.0.0.287). Ordered and unordered lists display in the WYSIWYG Editor with more spacing around each line. When I generate the output to HTML Help, the spacing looks fine. I also tested generating output to WebHelp, and again, the output looks fine.
    I have paragraph and list styles defined in my style sheet that I apply to the text in the topic. I also looked at the styles in RH 10 and Media is set to "None."
    Using the Style Pod, I looked at the set up of the parapgraph and list styles. For those styles, (and my body text styles - which look fine in the WYSIWYG Editor) have spacing before and after spacing set. (NOTE: These styles were created in RH8 and the WYSIWYG Editor displayed the styles appropriately in RH8 and RH9.) Even though I changed the style sheet, the WYSIWYG Editor is still displaying more space around the styles then I am expecting.
    I know this is not a huge issue since the output looks fine, but I want to understand why the WYSIWYG Editor isn't working as I expect. I would like the editor to display with correct spacing.
    I attached a few screen captures showing what I see.
    HTML Help Output
    Thanks in advance for your help.

    I suspect part of the issue is that your list styles have spacing above and below and then you have applied paragraph styles that also have spacing above and below.
    Using both is OK and is how I work. However, I do not have any spacing above and below in my list styles. I rely on the paragraph style for that. It looks like Rh's Design Editor is applying both but browsers are not.
    It is still not quite the same in a browser as in Design Editor but it is much closer. There will also be browser differences anyway so it's a case of getting some balance.
    Try removing the before and after spacing in the list style. Alternatively, if you do not generate printed documentation then rely on the list style only. (Select the lists in a topic and set paragraph to None).
    Let us know if that is close enough.
    See www.grainge.org for RoboHelp and Authoring tips
    @petergrainge

  • Problem with One column Unordered list.

    Help me out !!!
    I have a "one column unordered list" as my report template. The query will return atleast 5 rows at any given point of time. The page shows only 3 records. I tried modifying "Number of Rows" attributes etc., nothing works.
    Let me know what I'm doing wrong or how to fix it.
    Thanks
    - Richard

    Thanks for replying, Scott
    Here is the app http://htmldb.oracle.com/pls/otn/f?p=19793:1
    I want to display only 4 rows (table has around 10 rows). I couldn't display more than 2. If I change the template, then everything works fine. Its just with the "One Column Unordered List" template that is not working.
    Thanks.
    - Richard.

  • Inserting ordered/unordered list items breakes the document design

    Hi,
    I use JEditorPane to edit HTML document. When I insert ordered/unordered list items, it breakes the design of the document. For example, I have next peace of the document:
    <center>
    This text is centered.
    One more line...
    </center>
    after inserting list item between text lines, document looks like :
    <center>
    This text is centered.
    </center>
    <ol>
    <li>
    </li>
    </ol>
    <center>
    One more line...
    </center>
    Note, that center tag is closed before list item and opened after it.
    Is it possible that inserted list items will save the original design of text around ?
    Thanks.
    .Vlad.

    Change the Leading in the Character Pallet to a smaller number, and increase the Space After in the Paragraph Pallet.
    The space between lines in the same paragraph is the leading, the space between paragraphs is not leading, and trying to achieve it with the leading field always creates more problems than it solves.

  • Unordered list - changing color of bullets

    Hi,
    I am using DW CC.  I added an unordered list to a web page, and if possible, I'd like to change the color of the bullets.  They are showing up as black, and I would like to choose something different.  Can anyone tell me if / how I can do this?
    Thanks in advance,
    Paul

    Here are some great suggestions -
    http://stackoverflow.com/questions/5306640/how-to-define-the-color-of-bullets-in-ul-li-lis ts-via-css-without-using-any-im

  • Unordered list formatting

    Does anyone know how to format string below as unordered list
    item, similar to HTML <ul><li>Log in and create new
    task</li>.... ? Any help will be greatly appreciated. Thanks.
    package classes
    [Bindable] public class Labels{
    static public const MAIN_PAGE_HELP:String =
    "Log in and create new task";
    static public const MAIN_PAGE_HELP:String =
    "Add category";

    Well, yes I have already tried that, but this is a string
    inside of a class/public const variable and I had no luck to stick
    a htmlText property there. I could not figure out the syntax or
    perhaps it's not belong there.

  • Unordered List Line Spacing

    I have an unordered list on my site that was fine up until
    today. All I did was edit someting else on the page, I think it was
    just an image or image placeholder or something, and when I checked
    the page in the browser again, the list was more than single
    space...it looks like 1.5 spacing or so. How can I change this back
    so the list is just single spaced? The site is
    www.wetlawnirrigation.com if it helps, bottom left of the home
    page. Thanks.

    Hello,
    Try changing this:
    .style7 {
    font-size: 16px;
    To this:
    ul.style7 li{
    font-size: 16px;
    margin: 0px;
    Many browsers use different default margins for certain tags
    if you don't
    define one with CSS.
    It looked fine in FireFox, but the space was there in IE as
    IE has a bigger
    default margin for the LI tag.
    Take care,
    Tim
    "cgcg04" <[email protected]> wrote in
    message
    news:gnim3g$go1$[email protected]..
    >I have an unordered list on my site that was fine up
    until today. All I
    >did
    > was edit someting else on the page, I think it was just
    an image or image
    > placeholder or something, and when I checked the page in
    the browser
    > again, the
    > list was more than single space...it looks like 1.5
    spacing or so. How
    > can I
    > change this back so the list is just single spaced? The
    site is
    > www.wetlawnirrigation.com if it helps, bottom left of
    the home page.
    > Thanks.
    >

  • Unordered list with mouseover help

    A question from the past... I thought I dealt with this a few years back, but can not find it up here.. I have an unordered list of values (in a list in an accordion region!!) and wish to have mouseover help for the list items..
    Using APEX 4.0 on 11g Enterprise..
    IE 7 (yea I know, don't get ME started on that..)
    Can anyone shed light on how to do this again?
    Thank you,
    Tony Miller
    Dallas, TX

    Hi,
    This might help.
    http://dbswh.webhop.net/dbswh/f?p=BLOG:READ:0::::ARTICLE:2571800346711217
    Regards,
    Jari
    My Blog: http://dbswh.webhop.net/dbswh/f?p=BLOG:HOME:0
    Twitter: http://www.twitter.com/jariolai

  • Unordered list displayed horizontally

    Hello,
    I am really new to Dreamweaver and I tried to complete (succesfully) the video on how to build my first website.
    Following the instruction was not so complicate...
    I tried to do pretty much alone the same focusing in creating the button from an unordered list
    I did with no CSS file, I created a new one empty. I am able to remove the bullet point, align the list but I can not display the button horizontally and I do not understand why.
    This is what I did:
    create a Navigation  (id= buttons)
    create an unordered list
    create a CSS file empty
    add a selection #buttons ul where I deleted bullet point and aligned the list
    add a selection #buttons a here I have problems. I apply with 25% (4 buttons) and set the float option to the left but the list remains vertical
    What I do wrong???? It seems I am doing like in the video. Is maybe related to the CSS file? Is not correct doing that with an empty one?
    Thanks for any help

    Hello, thanks for your answer. Of course it is working, but still I do not get why is not working mine.
    here it is the html
    <!doctype html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Home</title>
    <link href="styles/main copy 2.css" rel="stylesheet" type="text/css">
    </head>
    <body>
    <nav id="navbar">
      <ul>
        <li>Home</li>
        <li>Products</li>
        <li>Services</li>
        <li>Contacts</li>
      </ul>
    </nav>
    </body>
    </html>
    and here the CSS
    #navbar ul {
              list-style-type: none;
              margin-top: 0px;
              margin-right: 0px;
              margin-bottom: 0px;
              margin-left: 0px;
              padding-top: 0px;
              padding-right: 0px;
              padding-bottom: 0px;
              padding-left: 0px;
    #navbar a {
              width: 25%;
              display: block;
              float: left;

  • Unordered List Problem

    I'm trying to create a bulleted (unordered) list in
    Dreamweaver MX. For example:
    List Title
    * First Bulleted list
    @ Lower Level List
    : Lower Level List
    I don't see anyway to do this without having a space (hard
    return) between each line, which I don't want. I've tried editing
    code and googled for a solution to no avail. Any suggestions? If
    I've not been clear explaining what I'm trying to do please let me
    know.

    You do the hard returns first - then select the elements and
    make it an UL
    <p>List Title</p>
    <p>Item One</p>
    <p>Item Two</p>
    <p>Item Two-One</p>
    <p>Item Two-Two</p>
    Turns into this:
    <p>List Title</p>
    <ul>
    <li>Item One</li>
    <li>Item Two
    <ul>
    <li>Item Two-One</li>
    <li>Item Two-Two</li>
    </ul>
    </li>
    </ul>
    Ken Ford
    Adobe Community Expert - Dreamweaver
    Fordwebs, LLC
    http://www.fordwebs.com
    "depawl" <[email protected]> wrote in
    message
    news:fp9nmp$s27$[email protected]..
    > I'm trying to create a bulleted (unordered) list in
    Dreamweaver MX. For
    > example:
    > List Title
    > * First Bulleted list
    > @ Lower Level List
    > : Lower Level List
    > I don't see anyway to do this without having a space
    (hard return) between
    > each line, which I don't want. I've tried editing code
    and googled for a
    > solution to no avail. Any suggestions? If I've not been
    clear explaining
    > what
    > I'm trying to do please let me know.
    >

  • Unordered list with pop out menu

    I have an unordered list in a sidebar.  After a user clicks on the link in the sidebar, I want a larger pop up window to appear with several links inside of that box that they can click on.  What is the best way to do that?

    http://css3menu.com/modern-css3-menu-bar.html
    These are all CSS Menu's which can be modified to suit your requirements. If you are looking for a straight-forward drag, drop and play, your expectations may be a little too high. These take a simple list structure and style it. The modifications you would need to make would be in the CSS stylesheet.

Maybe you are looking for