The problem may appear in other browsers too, I haven't checked yet.
Sorry but this will take some amount of work on your part. Please bear with me.
Open Firefox. You need the Firebug extension or something that will let you run a single JS command.
Go here. Sorry for all the anime.
Open the Firebug console and run the following comma...
I have a element and it is possible that it is longer than one line, so i have to set a line-height>1 otherwise it looks crappy. But if i do that, the lines are higher than the text, and the text is centered. So it does not match the top. How can i change the position of the text to the top of the line, or is there another way to get so...
Greetings,
I'm used to implementing piped links (in an un-ordered list) and implementing the pipes using a 1px solid border to one side of each list item.
However, I've encountered a problem with the above implementation while attempting to accommodate a request to make the border's height shorter than that of the text. In effort to do...
I'm adding SVG export support to an old application built with MFC and using plain old GDI. As SVG 1.1 doesn't support text wrapping, I am forced to do this manually.
The application provides me with a CFont instance (which contains an HFONT). I can calculate the width of a piece of text using CFont::GetTextExtentPoint(), but I haven't ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
</head>
<body>
<br /><br /><br />
<div style="line-height:150%">
<span...
Anyone knows about it?
...
Noticing a strange rendering anomaly in Firefox 3.5/3.6 (haven't tried other versions) in Mac OS X. Looking around, I've seen similar issues reported and addressed, but most were surrounding CSS line-height being set to normal as opposed to a unit measurement.
Take the following code:
<style>
h1{
background-color:#f00;
...
Hi, i want to center align an image of 18px height with text next to it. Here is the code i use:
<div style="line-height:18px; font-size:12px;">
<img src="somepic.jpg" style="height:18px; vertical-align:middle;">Some text here
</div>
With that code, the div container is rendered with a height of 19px instead of 18px and text isn't cen...
I remember reading a style guide explaining what the proper line-height should be for each element. I can't find it on google.
I would appreciate it if anyone could link me to such a guide, or perhaps explain it in an answer.
Thanks!
Edit: SORRY, please let me clarify. I'm not asking about how to use CSS to set line-heights, but what ...
I have tried setting a line-height for sIFR3 in both the sifr-config.js and my web stylesheet but neither seem to apply a line-height?
...
How can I change the line-height of a PDF font or paragraph using iTextSharp?
...
When Webkit (Safari, Chrome) encounters an inline-block where...
the line-height height is specified
the content is rendered using multiple line-boxes
...the inline-block element ignores the specified vertical-align.
To help illustrate the problem, I have a small test case:
http://arther.net/lab/webkit-vertical-align-test.html#test
...
Hi
Why does XHTML 1.0 Strict display a line height as appearing larger than a line height of the same value in XHTML 1.0 Transitional?
This therefore pushing down content within table cells (i.e Hotmail in Firefox, Gmail in IE and Firefox). Has anyone else experienced this issue and know a way around it?
Cheers
Heres an example code ...
Hi all,
Having some trouble with the CSS alignment of text generated with @font-face. For some reason, there is a ton of extra space visible at the bottom of each letter, stretching the text's containing box too far downward.
If you inspect the text on this sample page, you can see what I mean.
Have googled and inspected a bunch of o...
Here is my problem :
when i call
document.defaultView.getComputedStyle(Node, "").getPropertyValue("line-height")
safari returns the string "normal" when no line-height is specified, whereas firefox always returns the value in pixels.
This poses me a big problem, especilly because I didn't found a reliable formula to get the numeric va...
I have the following markup:
<div class="blockSection">
<h5>Title of the section</h5>
...
</div>
now, the h5 for the .blockSection has a fixed height and a background image, 40px. For aligning the text vertically i always set the line-height same as the height, since the text wont break in 2 or more lines. But the problem is i'm using...
Is there a line-height discrepancy in Firefox that would be affecting the line-height on this input element? http://cure.org/curekids/
You'll see in the signup form right in the middle of the page that my email a dress input field has the text vertically aligned very awkward, whereas in Chrome, Safari and IE (gasp) all is well.
What's ...
I'm calling $("#foobar").css("line-height") and getting back "normal". How do I translate this to a pixel amount? Is "normal" defined in the CSS spec or is it browser specific?
...
I have realized the problem before but I guess it didn't matter as much then as it did now.
What I discovered is that Firefox has a default line-height value of 1.2 for input fields which can not be changed. At least in OSX, don't have Windows so I can't confirm it there.
I did some experimenting and testing and there's just no way to ...
Hi,
I have an unordered list of links.
<ul>
<li><a href="#">Link is really really really really LONNNNNNNG</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
I have set the line-height or the list items to 30px.
ul {width:100px;}
ul li {line-height:...