Dear Xhu1:
I would not repeat the class four times as suggested. Instead I would
specify using your class:
<ul class="smalltext">
<li>• The first line.</li>
<li>• The second line.</li>
<li>• The third line.</li>
<li>• The fourth line.</li>
</ul>
.smalltext li {list-style-type: none; margin: -3px 0 0 35px;}
I also question why you would use the • 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;">• The first line.</li>
> <li style="list-style-type: none; margin:-3px 0 0
> 35px;">• The second line.</li>
> <li style="list-style-type: none; margin:-3px 0 0
> 35px;">• The third line.</li>
> <li style="list-style-type: none; margin:-3px 0 0
> 35px;">• The fourth line.</li>
> </ul>
>
> this failed:
> <ul class="leftindentlist smalltext">
> <li>• The first line.</li>
> <li>• The second line.</li>
> <li>• The third line.</li>
> <li>• 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/
