Need Help Making Bullets On Web Page

They have: 10 posts

Joined: Dec 2005

Hi,

How do you make bullets on a web page and get the words next to them
to appear close to the bullets.

Right now I'm using nvu & the words are about 1 '' on the right from the
bullets & I also need to put some in the middle of the page.

Is there a WYSIWYG program that is good for making bullets or
an online tutorial to show me how to do this.

Gary

DaveyBoy's picture

They have: 453 posts

Joined: Feb 2003

the code is

  • text
  • text
  • text

Not sure if you need to close the

  • tag though.
  • Greg K's picture

    He has: 2,145 posts

    Joined: Nov 2003

    More correct is:

    <ul>
      <li>item 1</li>
      <li>item 2</li>
      <li>item 3</li>
    </ul>
    '

    -Greg

    DaveyBoy's picture

    They have: 453 posts

    Joined: Feb 2003

    Ah you DO need to close em then Wink Wasn't sure.

    They have: 10 posts

    Joined: Dec 2005

    The bullets are fine if I keep them on the left side but when I try and center them with NVU the bullets dont stay centered they move left when I have a lot of text.

    Can you send me something like above that will keep the bullets in the center
    when I have to make a bullet list in the center of the page.

    Gary

    Megan's picture

    She has: 11,421 posts

    Joined: Jun 1999

    So, what you want to do is align the whole list in the center, not the individual list items, is that right? Could you provide a link to what you have already? That would help us to see what you are trying to do.

    You will still want to use a list like Greg and Davey showed you. To move the bullets closer or to center the list you will need to use some CSS. It will look something like this:

    ul {margin: auto;}
    li {padding-left: 10px;}

    I'm not sure if it's the margin or padding you'll want to change here to move it closer. Someone else can correct me on that, and you can fiddle with that 10px to find what the right distance is. You will probably want to put a width on the UL too.

    What is NVU???

    Renegade's picture

    He has: 3,022 posts

    Joined: Oct 2002

    Megan wrote: What is NVU???

    http://www.nvu.com/

    A branch project from the mozilla suit Smiling

    They have: 10 posts

    Joined: Dec 2005

    Hi,

    I'm going to use the list on the left side for now.

    When I center one list and start to type text the bullets do not stay in the center.

    I am going to have list that are not all the same some short some long with text.

    The bullets when centered in the middle slide over to the left when I have long text.

    They just don't stay in the center their moving, they should stay in the center no matter what length of text.

    My site is not up yet, so I have no link to post and show you sorry.

    Gary

    DaveyBoy's picture

    They have: 453 posts

    Joined: Feb 2003

    if you're using tables, you could centre a 1-column table set to about 20% width or so and create the list in there, this would of leave the bullets left aligned in the centre of your screen.

    Busy's picture

    He has: 6,151 posts

    Joined: May 2001

    Are you doing something like this:

    • item 1
    • item 2
    • item 3

    If so then the list is doing as it should, it is being centered, but you want the bullets in the center of the page not the contents. So you have two choices, use a table with 2 cells (td's) and give one a fixed width of 50% and place list in second cell. This will put the lists bullets half way on the page. NOTE the content wont wrap around the page, the bullets are the edge.
    The other way is to use CSS and fix the margin of the list elements (li's), as Megan mentioned above. You can try 50% but am not sure if it will work the same on all browsers. The text will wrap again but you wont be able to have anything beside it unless you float it there.

    Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.