|
|
Posted by Al Camp on 07/31/05 01:46
"Jedi Fans" <"news[at]jedifans[--=dot==-]com"> wrote in message
news:42ebc7d9$1_1@mk-nntp-2.news.uk.tiscali.com...
> Al Camp wrote:
>> "Jedi Fans" <"news[at]jedifans[--=dot==-]com"> wrote in message
>> news:42ebb269_3@mk-nntp-2.news.uk.tiscali.com...
>>> 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"> 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
[Back to original message]
|