«

I have the following code...
<style>
..bullet
{
margin-left: 60px;
text-indent: -30px;
}
</style>

<div class="bullet">•&nbsp;&nbsp;Some Text</div>

However the bullet is a small square. How could I make it display as a
(list style) circle?

(I prefer not to use <ul>, as it forces a paragraph before the list items,
and wastes space.)

TIA,
Al Camp

Al Camp wrote:
> However the bullet is a small square. How could I make it display as a
> (list style) circle?

list-style-type:circle; in css
also instead of spaces why not use padding?

"Jedi Fans" <"news[at]jedifans[--=dot==-]com"> wrote in message
news:...
> Al Camp wrote:
>> However the bullet is a small square. How could I make it display as a
>> (list style) circle?
>
> list-style-type:circle; in css
> also instead of spaces why not use padding?

Jedi,
Well, I had tried that with no success.
This is what I have right now, and no bullet is displayed at all.
<style>
..bullet
{
margin-left: 60px;
text-indent: -30px;
list-style-type:circle;
}
</style>
<div class="bullet">&nbsp;&nbsp;Some text</div>

I did solve the problem by using small bullet.gif as a src image in my <div>

Thanks for all your help, and I'll try to check out "padding". I'm a newbie
to HTML...

Al camp

Al Camp wrote:
> "Jedi Fans" <"news[at]jedifans[--=dot==-]com"> wrote in message
> news:...
>> Al Camp wrote:
>>> However the bullet is a small square. How could I make it display as a
>>> (list style) circle?
>> list-style-type:circle; in css
>> also instead of spaces why not use padding?
>
> Jedi,
> Well, I had tried that with no success.
> This is what I have right now, and no bullet is displayed at all.
> <style>
> .bullet
> {
> margin-left: 60px;
> text-indent: -30px;
> list-style-type:circle;
> }
> </style>
> <div class="bullet">&nbsp;&nbsp;Some text</div>
>
> I did solve the problem by using small bullet.gif as a src image in my <div>
>
> Thanks for all your help, and I'll try to check out "padding". I'm a newbie
> to HTML...
>
> Al camp
>

sorry forgot you werent using UL and LI, i do suggest that you do
though... but if your concerned about the paragraph space etc:
ul{display:inline;} in css

Al Camp wrote:

> (I prefer not to use <ul>, as it forces a paragraph before the list items,
> and wastes space.)

Those are not sensible reasons for avoiding a proper list.

--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact
Now Playing ~ ./sixpence_none_the_richer_-_kiss_me.ogg

"Jedi Fans" <"news[at]jedifans[--=dot==-]com"> wrote in message
news:42ebc7d9$...
> Al Camp wrote:
>> "Jedi Fans" <"news[at]jedifans[--=dot==-]com"> wrote in message
>> news:...
>>> Al Camp wrote:
>>>> However the bullet is a small square. How could I make it display as a
>>>> (list style) circle?
>>> list-style-type:circle; in css
>>> also instead of spaces why not use padding?
>>
>> Jedi,
>> Well, I had tried that with no success.
>> This is what I have right now, and no bullet is displayed at all.
>> <style>
>> .bullet
>> {
>> margin-left: 60px;
>> text-indent: -30px;
>> list-style-type:circle;
>> }
>> </style>
>> <div class="bullet">&nbsp;&nbsp;Some text</div>
>>
>> I did solve the problem by using small bullet.gif as a src image in my
>> <div>
>>
>> Thanks for all your help, and I'll try to check out "padding". I'm a
>> newbie to HTML...
>>
>> Al camp
>>
>
> sorry forgot you werent using UL and LI, i do suggest that you do
> though... but if your concerned about the paragraph space etc:
> ul{display:inline;} in css

Yep... that did the trick! Lots to learn in HTML!

Thank you for your help.
Al Camp

On Sat, 30 Jul 2005 17:56:25 -0400, Al Camp wrote:

> Yep... that did the trick! Lots to learn in HTML!

It has been said already, but I will just reiterate.

If something is a list, it really should use <UL> or <OL> plus <LI> --
list markup. All of the presentation can be changed, including your
initial description of "(I prefer not to use <ul>, as it forces a
paragraph before the list items, and wastes space.)", using CSS.

That extra space can be removed using CSS.

Alrighty. Just beating a point to death. Use proper markup. etc.

--
JDS |
| http://www.newtnotes.com
DJMBS | http://newtnotes.com/doctor-jeff-master-brainsurgeon/

"Jedi Fans" <"news[at]jedifans[--=dot==-]com"> wrote in message
news:42ebc7d9$...
> Al Camp wrote:
>> "Jedi Fans" <"news[at]jedifans[--=dot==-]com"> wrote in message
>> news:...
>>> Al Camp wrote:
>>>> However the bullet is a small square. How could I make it display as a
>>>> (list style) circle?
>>> list-style-type:circle; in css
>>> also instead of spaces why not use padding?
>>
>> Jedi,
>> Well, I had tried that with no success.
>> This is what I have right now, and no bullet is displayed at all.
>> <style>
>> .bullet
>> {
>> margin-left: 60px;
>> text-indent: -30px;
>> list-style-type:circle;
>> }
>> </style>
>> <div class="bullet">&nbsp;&nbsp;Some text</div>
>>
>> I did solve the problem by using small bullet.gif as a src image in my
>> <div>
>>
>> Thanks for all your help, and I'll try to check out "padding". I'm a
>> newbie to HTML...
>>
>> Al camp
>>
>
> sorry forgot you werent using UL and LI, i do suggest that you do
> though... but if your concerned about the paragraph space etc:
> ul{display:inline;} in css

Jedi,
I guess I spoke too soon. I tried your css suggestion, but the <ul>
still paragraphs before the list. If I might impose on you further...
I entered this in my css style file... (copying the convention I see in
there)
..ul {
display:inline;
list-style-type: circle;
}
Then I have this code in my page...
<ul>
<li>Some text</li>
</ul>
but, the paragraph still appears.

Am I doing something wrong?

Thanks,
Al Camp

Al Camp wrote:
> Jedi,
> I guess I spoke too soon. I tried your css suggestion, but the <ul>
> still paragraphs before the list. If I might impose on you further...
> I entered this in my css style file... (copying the convention I see in
> there)
> .ul {
> display:inline;
> list-style-type: circle;
> }
> Then I have this code in my page...
> <ul>
> <li>Some text</li>
> </ul>
> but, the paragraph still appears.
>
> Am I doing something wrong?
>
> Thanks,
> Al Camp
>
>
try adding margin:0;padding:0; to the ul too

"Jedi Fans" <"news[at]jedifans[--=dot==-]com"> wrote in message
news:42ec098b$...
> Al Camp wrote:
>> Jedi,
>> I guess I spoke too soon. I tried your css suggestion, but the <ul>
>> still paragraphs before the list. If I might impose on you further...
>> I entered this in my css style file... (copying the convention I see in
>> there)
>> .ul {
>> display:inline;
>> list-style-type: circle;
>> }
>> Then I have this code in my page...
>> <ul>
>> <li>Some text</li>
>> </ul>
>> but, the paragraph still appears.
>>
>> Am I doing something wrong?
>>
>> Thanks,
>> Al Camp
> try adding margin:0;padding:0; to the ul too

Jedi,
Sorry, but no go. I've checked, and there is no <br> or <p> that precedes
the list... the last line of text just ends. The text that precedes this
list is not paragraphed... just straight text.
I uploaded the latest files to http://home.comcast.net/~alcamp/index.html,
(sill under construction) but... I don't expect you to bug shoot my page.
I can only guess that I've made some other mistake somewhere on the page
that's causing this problem.
css...
..ul {
display: inline;
list-style-type: circle;
margin:0;
padding:0;
}
page code...
<ul>
<li>Some text</li>
</ul>

Thanks again,
Al Camp