SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Guru Zygoma's Avatar
    Join Date
    May 2006
    Location
    York, Uk
    Posts
    916
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How do you edit underline thickness?



    Hi from very sunny and warm on the edge of a bank holiday wakefield UK :-)

    Ok on this page http://www.pauserefreshment.co.uk/la...s5-manual.html I want to manipulate the lenth and thickness of the text underline. Ive had most success with text decoration underline but when i use this i cant manipulate the thickness or colour.

    I then used border bottom where i can manipulate thyickness & colour but it runs right across the page like a block element and not inline (hope Ive got this right)

    So my question is: Is there a way to get border botom inline so it just underlines the text and does not run right across the page?

    Any insights welcome :-)
    I have had a perfectly wonderful
    evening, but this wasn't it-
    Julius "GROUCHO" Marx - 1890-1977
    http://www.davidclick.com

  2. #2
    SitePoint Zealot
    Join Date
    Feb 2008
    Posts
    147
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You can put your text in a span <span>text</span> and style the span with your border-bottom styling.

  3. #3
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,658
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Hi. Use border and float the element. Floating it will shrink wrap the border to the length of the text.

  4. #4
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,721
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    I'd actually be more inclined to use aebstracts solution (not to take away from yours Erics) but floating will need to be cared for, aka clearing the next element, and sometimes floating won't be possible.

    I'd actually do aebstracts solution to be perfectly frank with you . Though you can do either or
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  5. #5
    SitePoint Guru Zygoma's Avatar
    Join Date
    May 2006
    Location
    York, Uk
    Posts
    916
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by aebstract View Post
    You can put your text in a span <span>text</span> and style the span with your border-bottom styling.
    Thanks aeb your solution fixed it :-)
    I have had a perfectly wonderful
    evening, but this wasn't it-
    Julius "GROUCHO" Marx - 1890-1977
    http://www.davidclick.com


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
  •