- This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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
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.
That’s what I was afraid of cause now I’ll have to use two images, one for hover and one for default.
Thanks
you could do left: -45px; but I’m not sure I would use absolute positioning unless I had to.
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….
If you’re absolutely positioning you could also use the clip property, e.g:
clip: rect(85px 450px 395px 45px);