SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    Mar 2008
    Posts
    31
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Angry Stop font from being cropped in sIFR

    Hey hey hey... I am back thanks to my little 'sIFR' friend who I love and hate on equal measures...

    I have been trying the latest JQUERY version at: http://jquery.thewikies.com/sifr/#examples

    But now I am having a problem.

    On the examples it says that the you can set up your height and width for the sIFR element. however this seems to be a pointless function because the font will just be cropped if you limit its width to a fixed one. So you would have:

    $(function () {
    $('h3').sifr({font:'Gunmetal', width:'400px',});
    });

    And it chops the text at the end of the 400px line. I have also tried:

    $(function () {
    $('h3').sifr({font:'Gunmetal', width:'400px', preventWrap: false, forceWidth: false});

    });

    But nothing works...

    Has anyone been able to have any 'joy' with this, pray tell?

    Thanks!

  2. #2
    SitePoint Wizard bronze trophy bluedreamer's Avatar
    Join Date
    Jul 2005
    Location
    Middle England
    Posts
    3,403
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    I recall having to add a white space at the end of the heading text to make the image not cut off. As in the second example

    <h1>My heading</h1>
    <h1>My heading </h1>

  3. #3
    SitePoint Enthusiast
    Join Date
    Mar 2008
    Posts
    31
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I tried that but it still doesn't work...any more ideas or hacks?

    It's really bizarre that they give you the option to add a width yet it doesn't really serve any purpose as it cuts the text off.


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
  •