Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8
  1. #1
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts

    text-indent for FF not working

    Does FF not accept or does it do something wierd with the style text-indent? I have this code

    Code:
    .forum h3 a {
    font-family:"Times New Roman", Times, serif;
    font-size:13px;
    font-weight:700;
    text-align:left;
    color:#000;
    text-indent:10px;
    }
    why would the text-indent work in IE but not FF?

    thanks guys!!

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    It shouldn't work in IE but we all know IE does things it shouldn't. The reason its not working is because text-indent only works on block level elements. Make the link display:block; and it will work in Firefox as well.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • Users who have thanked _Aerospace_Eng_ for this post:

    jcdevelopment (02-19-2008)

  • #3
    Banned
    Join Date
    Feb 2008
    Location
    Winnipeg, Canada
    Posts
    396
    Thanks
    0
    Thanked 29 Times in 29 Posts
    Add this to make it work:

    Code:
    display:block
    However you're probably better off using "padding" instead of "text-indent" - however both will require display:block

  • Users who have thanked Andrew Johnson for this post:

    jcdevelopment (02-19-2008)

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Quote Originally Posted by Andrew Johnson View Post
    However you're probably better off using "padding" instead of "text-indent" - however both will require display:block
    It will require display:block; only if you intend on adding top and/or bottom padding. Left or right padding is allowed on inline elements.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #5
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    thank you guys, that worked, as far the padding usage, i thought IE and FF had different views on how padding works?

    i thought IE usses badding outside of the box
    and
    i thought FF uses it inside, i might be wrong though!

  • #6
    Banned
    Join Date
    Feb 2008
    Location
    Winnipeg, Canada
    Posts
    396
    Thanks
    0
    Thanked 29 Times in 29 Posts
    Padding is inside, margin is outside

  • #7
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    so there are no differences between IE and FF?

  • #8
    Regular Coder
    Join Date
    Jan 2008
    Location
    Willow Grove, PA
    Posts
    169
    Thanks
    1
    Thanked 27 Times in 27 Posts
    Padding is inside and margin is outside with borders between them.

    This article explains it better than I can.

    http://www.quirksmode.org/css/quirksmode.html


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •