WordPress.org

Ready to get started?Download WordPress

Forums

Bullets in title (11 posts)

  1. slimeboy
    Member
    Posted 10 years ago #

    I want to change the bullets next to (Navigation, Category, Archives, Meta) to an image. I have looked in the wiki and done what it has said but that changes the items in the list also not just the titles.
    How would i do that?
    http://www.simonsrealm.net

  2. tcervo
    Member
    Posted 10 years ago #

    For some reason, I don't see an opening UL before your list of links in the menu section. Just after the div id="menu", you have li id="category"...there should be an opening ul before the first li.
    Then, try setting the list-type to an image just on #menu ul li. If it's still giving you an image on the nested lists, then style #menu ul li ul li as list-style: none.
    See if that helps,
    Tony

  3. slimeboy
    Member
    Posted 10 years ago #

    #menu {
    *INSERT UL HERE?*
    background: #fff;
    border-left: 1px dotted #ccc;
    border-top: solid 3px #e0e6e0;
    padding: 20px 0 10px 30px;
    position: absolute;
    right: 2px;
    top: 125px;
    width: 11em;
    }

  4. gregor
    Member
    Posted 10 years ago #

    Here's what you want to do with the above:
    #menu { .... keep what you have up there but follow it in the CSS with ...
    }
    #menu ul {
    list-style-type: none;
    }
    #menu ul li {
    list-style-image: url(images/bullet.gif);
    margin-left: 20px;
    }
    This second bit of CSS means ... "ok, for all list items in an unordered list that's part of themenu DIV ... have these properties. In this case, "use this image as the bullet". This is possible because you have stated that you want all unordered lists (the parents of list items) to have no list-style-type.
    In case I'm confusing you any further you might want to take a look at this very informative article.

  5. tcervo
    Member
    Posted 10 years ago #

    You need to have an opening UL in your index.php. If you look at your source, you'll see the following:
    <div id="menu">
    <li id="navigation">Navigation
    ...(rest of menu stuff)
    <p;/ul>
    </div>
    So, you need to have:
    <div id="menu">

      <li id="navigation">Navigation
      -Tony

  6. slimeboy
    Member
    Posted 10 years ago #

    Ok, If you take a look at the site now. (http://www.simonsrealm.net) you can see the image bullet. I want to remove the text bullet (black dot) & also remove the image bullet next to "contact, gallery, home" Is that in the first park of the wiki? If not, How would i do it?

  7. slimeboy
    Member
    Posted 10 years ago #

    Bump

  8. Beel
    Member
    Posted 10 years ago #

    I wrote this once before but lost it in posting. here it is again: For the image, replace the image url in #menu ul ul li with none. As for the bullets, might I suggest you clean up your list first as it is incorrect as displayed - get it to pass xhtml validation and the bullets will "disappear" To get you started the first problem is you close out your UL after "category" so all those bulleted links are all by their lonesome. This would require #menu li { LIST-STYLE-TYPE: none} to get rid of them but the page will never pass muster that way.

  9. slimeboy
    Member
    Posted 10 years ago #

    Beel,
    Sorry to be a pain but could you please tell me how to make the bullets disaper and then once that is done i will worry about the valladaition.

  10. slimeboy
    Member
    Posted 10 years ago #

    Thanks for all the help,
    Now, Why are
    "Contact
    Gallery
    Home"
    1) Different font
    2) Different size
    3) No in the order that i put them in the control panel?
    Thanks

  11. Beel
    Member
    Posted 10 years ago #

    Look again at the e-mail I sent you regarding this and also noted above - you HAVE to clean up your unordered lists in the menu of the index page. Among other things, you have closed out your ul after Category and open with an li. I laid it all out for you at length in the e-mail I sent, showing you both what is wrong and how to make it right (color coded even).
    As for the Navigation list, it is sort alphabetically. And it is the only part of the menu that is correct and displaying as set in the css, all the rest is wrong. For example:

      <li id="category">Category

  12. General ()
    • <li id="archives">Archives:

    etc.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.