Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS large font size padding issue

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #33587
    stimsonm
    Member

    I am using a font size of 100px and am using the text to hover over to display a box. Right now the text has a lot of padding around it and makes the box appear before I get to the text. http://marshill.org/number.htm

    Can anyone help me out?

    Thanks

    #83744
    TheDoc
    Member

    Doesn’t look like there is any padding on it? That’s just how the font is rendered. If you want it to be as close to the edge as possible, you’ll need to use an image.

    #83746
    stimsonm
    Member

    That’s what I was afraid of cause now I’ll have to use two images, one for hover and one for default.

    Thanks

    #83753
    chrisburton
    Participant

    you could do left: -45px; but I’m not sure I would use absolute positioning unless I had to.

    #83792
    avkash4n4u
    Participant

    Hi stimsonm,
    One another thing you can do is…..

    letter-spacing: -17px;
    line-height: 311px;
    overflow: hidden;

    By adding this three property you can remove at least TOP, RIGHT and BOTTOM space.

    I Apply this parameter as per your sample example link. If you increase or decrease font size you may need to set these properties accordingly….

    #83793
    Grifff
    Member

    If you’re absolutely positioning you could also use the clip property, e.g:

    clip: rect(85px 450px 395px 45px);
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.