Re: [css-d] Can;t make the list work

[Amy M Ostrom]

Dear Xhu1:

I would not repeat the class four times as suggested. Instead I would 
specify using your class:

<ul class="smalltext">
<li>•&nbsp;The first line.</li>
<li>•&nbsp;The second line.</li>
<li>•&nbsp;The third line.</li>
<li>•&nbsp;The fourth line.</li>
</ul>

.smalltext li {list-style-type: none; margin: -3px 0 0 35px;}

I also question why you would use the &bull; instead of the predefined 
circle list type and adjusting the padding/margin accordingly.

In peace,

Amy M Ostrom
Web Interface Designer
[EMAIL PROTECTED]


xhu1 wrote:
> Hi, I tried to make a list that indented on left and
> have a small dot. When I directly put style in li tag
> it works fine. but when i move the style to the css
> class. there is no effect at all.
>
> this works:
> <ul class="smalltext">
> <li style="list-style-type: none; margin:-3px 0 0
> 35px;">•&nbsp;The first line.</li>
> <li style="list-style-type: none; margin:-3px 0 0
> 35px;">•&nbsp;The second line.</li>
> <li style="list-style-type: none; margin:-3px 0 0
> 35px;">•&nbsp;The third line.</li>
> <li style="list-style-type: none; margin:-3px 0 0
> 35px;">•&nbsp;The fourth line.</li>
> </ul>
>
> this failed:
> <ul class="leftindentlist smalltext">
> <li>•&nbsp;The first line.</li>
> <li>•&nbsp;The second line.</li>
> <li>•&nbsp;The third line.</li>
> <li>•&nbsp;The fourth line.</li>
> </ul>
>
> defined in css file:
> .leftindentlist {list-style-type: none; margin:-3px 0
> 0 35px;}
>
> what's wrong? Thanks
>
> __________________________________________________
> Do You Yahoo!?
> Tired of spam?  Yahoo! Mail has the best spam protection around 
> http://mail.yahoo.com 
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
>   


-- 

In peace,

Amy M Ostrom
Web Interface Designer
[EMAIL PROTECTED]
http://www.tc.umn.edu/~aostrom/

"For dangers untold and hardships unnumbered, I have fought my way to the 
castle beyond the goblin city to take back the child that you have stolen. For 
my will is as strong as yours, and my kingdom is as great. You have no power 
over me." -Labyrinth

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/