TEXT-INDENT NOT WORKING

Question

Hi!
Please see the below CSS code, why isn't the text-indent not
working? everything else is?
a.quick_link_buttons:link {
color : #004489;
font-family : Myriad, Arial, Helvetica, Verdana, sans-serif;
font-size : 12px;
text-indent : 10px;
line-height : 20px;
text-decoration : none;
font-style : normal;
font-weight : normal;
a.quick_link_buttons:hover {
color : #004489;
font-family : Myriad, Arial, Helvetica, Verdana, sans-serif;
font-size : 12px;
text-indent : 10px;
line-height : 20px;
text-decoration : underline;
font-style : normal;
font-weight : normal;
Many Thanks!

Answer 1

You don't need to respecify styles that will inherit or
default styles. You
could achieve the same styles with the following -
a.quick_link_buttons {
color : #004489;
font-family : Myriad, Arial, Helvetica, Verdana, sans-serif;
font-size : 12px;
text-indent : 10px;
line-height : 20px;
text-decoration : none;
a.quick_link_buttons:hover {
text-decoration : underline;
As for why the indent isn't working, try 'padding-left:10px;'
instead, when
applied to the inline element. Or, you can have a rule that
will apply to
the container for these links, e.g.,
<div style="text-indent:10px;">
<a class="quick_link_buttons">whatever</a>
</div>
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"jinxed" <[email protected]> wrote in
message
news:eur929$gro$[email protected]..
> Hi!
>
> Please see the below CSS code, why isn't the text-indent
not working?
> everything else is?
>
> a.quick_link_buttons:link {
> color : #004489;
> font-family : Myriad, Arial, Helvetica, Verdana,
sans-serif;
> font-size : 12px;
> text-indent : 10px;
> line-height : 20px;
> text-decoration : none;
> font-style : normal;
> font-weight : normal;
> }
> a.quick_link_buttons:hover {
> color : #004489;
> font-family : Myriad, Arial, Helvetica, Verdana,
sans-serif;
> font-size : 12px;
> text-indent : 10px;
> line-height : 20px;
> text-decoration : underline;
> font-style : normal;
> font-weight : normal;
> }
>
> Many Thanks!
>