SitePoint Sponsor

User Tag List

Results 1 to 7 of 7

Hybrid View

  1. #1
    SitePoint Evangelist netkid's Avatar
    Join Date
    Jun 2003
    Location
    USA
    Posts
    563
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How to indent this?

    How do I indent this code:

    HTML Code:
    	  <a href="leadership.php" title="River Hill FBLA :: Leadership" id="chapterinfo">Leadership</a><br />
    	  <a href="fbla.php" title="River Hill FBLA :: What is FBLA?" id="chapterinfo">What is FBLA?</a><br />
    	  <a href="events.php" title="River Hill FBLA :: Current Events" id="chapterinfo">FBLA Events</a><br />
    I have this:
    Code:
    #chapterinfo{a:text-indent:10;}

    Santosh Sankar
    Bullish Bankers

  2. #2
    [Biped] LJK's Avatar
    Join Date
    Jun 2004
    Location
    In My Jammies
    Posts
    761
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Indent

    Hi -
    Try using:

    #chapterinfo a:link{
    text-indent:10px;}

    Hope that helps,
    El

  3. #3
    SitePoint Evangelist netkid's Avatar
    Join Date
    Jun 2003
    Location
    USA
    Posts
    563
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hmm nope

    Santosh Sankar
    Bullish Bankers

  4. #4
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    1. Get rid of your <br /> tags.
    2. Change your ID to class in each link (IDs are supposed to occur only once per page, classes can be used many times).
    3. Add this CSS code:
    Code:
    a.chapterinfo {
      /*removes the need for line breaks*/
      display: block;
      /*gives you the indented effect you want*/
      padding-left: 10px;
    }

  5. #5
    Are You There? KDesigns's Avatar
    Join Date
    Oct 2003
    Location
    Your Monitor
    Posts
    1,146
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If everything there is going to be a link, why don't you just make a <div id='chapterinfo'> rather than trying to class every tag? That way you can define every style according to the div id and not have to worry about setting classes.
    ChooseDaily.com - Follow on Twitter
    Top Resources for Web Designers and Developers Every Day!

  6. #6
    SitePoint Evangelist netkid's Avatar
    Join Date
    Jun 2003
    Location
    USA
    Posts
    563
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Kdesigns it pertains only to a small group of links, that i want indented: like showing its under another section. If you can understand...like:

    Big link
    small link
    small link

    Thanks vinnie! ill try that

    Santosh Sankar
    Bullish Bankers

  7. #7
    If it aint Dutch it aint much Kilroy's Avatar
    Join Date
    Oct 2003
    Location
    The Netherlands
    Posts
    406
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Just a quick note, to indent paragraphs:

    Code:
    p {
       margin: 0px;
    }
    p+p {
       text-indent: 30px;
    }
    will not work in Internet Explorer, but it's nice to play with nonetheless


Bookmarks

Posting Permissions

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