bullet lists without the bullet

[Mike]

How do you make a bullet list without the bullet. All I'm trying to go after is the indents.

[its_me_shaners]

make the bullet the same colour as the background (invisible) or insert a cell. Your site looks good !!!

[boysbach]

Mike I haven't checked out to see if they have the info but a great place to get hints on HTML, CSS etc is http://www.ilovejackdaniels.com it is a free site and don't be concerned about the name of the site.
I have found it to be an excellent resource

[Will]

Lists without bullets (even invisible ones) is very easily done.

Visit here and view the source.

[larrylef]

Hi, Mike,

Styling a list with CSS allows you to do some very nice things, and does so with very little HTML. You can change the bullet style, or remove it altogether, likewise with the indent and space between lines. This technique is also great for creating very nice looking menus (see them menu on the left side of my website - it's an unordered list with the bullets removed -- http://www.webpagedesign.tv. The menu is nothing more than a list with a link on each line, styled with CSS. The rule that removes the bullets from the menu is bolded in the style shown below;

#p7PMnav li {
list-style-type: none;
margin: 0;
padding: 0;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}

The rest of the style adds solid white border to the bottom of each cell, and explicitly removes any margins or padding from each item. (Note: Will's example showed the "list-style-type: none" rule being applied to the ul tag - as shown above, it can also be applied to the li tag.

You can read about this technique for creating menus using CSS and lists in Eric Meyer's "More on CSS" book - here's a link to the supporting website - http://more.ericmeyeroncss.com/projects/05/. This website also has a free download for this chapter so you can examine the HTML and CSS code. Also, the excellent menu product I used on my site comes from Project Seven.

[boysbach]

Mike brain dead here. You said you wanted indent. You are now using xsitepro.
Simple.
Make you list
type in one sentence at a time
Then highlight all the list and on the toolbar you have the bullets either number or circle and next to it is an indent button click on that and it is done.

Anyone selling a new brain please

[Mike]

what I'm really trying to get at is how to indent it to look like adsense link unit. I figured that out. Now all I have to figure out is how to get the links the same size and font as the adsense links.

[jkeifer]

Mike,
If you want to simulate an "adsense" look you could do something like this:

***********

<p><font size="2" face="Arial, Helvetica, sans-serif"><a href="http://www.awesomeguitarlessons.com"><strong>How to Play Guitar</strong></a></font>
<font face="Arial, Helvetica, sans-serif" size="2"><br />
You wouldn't turn down FREE
<br />
guitar lessons, would you?

<br />
Sign up now and start learning today! </font>
<br />
<font face="Arial, Helvetica, sans-serif" size="1">www.AwesomeGuitarLessons.com</font></p>

**************

-Jack