Forums

[resolved] Text indent (5 posts)

  1. musicanthology
    Member
    Posted 2 years ago #

    My text-indent in a sidebar menu does not work. What is wrong with my script below?

    #bio { background: #cccccc url(images/bio_m.jpg) repeat; width: 200px; float: right; margin: 0; padding: 0; border: #b7a176 1px solid; }
    #bio p { color: #000000; margin: 0 5px 0 10px; padding: 0 10px 0 5px; }
    #bio a { color: #412b02; padding-left: 25px; text-indent: -25px; }
    #bio a:hover { background: none; color: #402008; text-decoration: underline; }

    The site is http://www.mindanaowomen.org/mcw/?page_id=5 Look at menu on the right sidebar under PROJECTS.

    Would be happy for some help.

  2. Frumph
    Member
    Posted 2 years ago #

    #bio ul li { margin-left: 10px; }
  3. musicanthology
    Member
    Posted 2 years ago #

    Thanks Frumph. I meant a hanging indent. Sorry. I wanted the second line of the menu item to indent like a hanging indent, like this:

    Survey: Participation of
    Women

    instead of as it is now

    Survey: Participation of
    Women

  4. musicanthology
    Member
    Posted 2 years ago #

    oops, that post didn't indent like i wanted it to, as well. :))

    Like this:

    >>> Survey: Participation of
    >>>>>>> Women

    Instead of:

    >>> Survey: Participation of
    >>> Women

  5. musicanthology
    Member
    Posted 2 years ago #

    Uggh. I found a solution to my own problem:

    #bio ul { padding-left: 10px; text-indent: -10px; }

    thanks anyway. :)

Topic Closed

This topic has been closed to new replies.

About this Topic