pixelateur — 2011-11-13T12:56:05-05:00 — #1
I am having some difficulties with <code> tags embedded into paragraphs: Link to website
It seems that some space gets added to it at the bottom, so that lines with bits of code in it become higher than others. That looks ugly!
What am I missing here? Can anybody help?
technobear — 2011-11-13T15:21:27-05:00 — #2
In which browser are you seeing the problem? It looks fine to me in Firefox7 and Chromium on Linux.
pixelateur — 2011-11-13T15:46:50-05:00 — #3
In webkit browsers, i.e. Chrome and Safari.
liko — 2011-11-13T17:21:31-05:00 — #4
It looks also fine in Mozilla , IE6 7 8 9 ,Chrome Opera ans Safari . (Windows 7)
maybe you could set an inline display to code ?
victorinox — 2011-11-13T18:42:11-05:00 — #5
I can see a slight difference in Safari. Try changing the line-height in the font declaration of #text article code from 25px to 100%.
ralphm — 2011-11-13T19:08:13-05:00 — #6
I see a slight gap in Firefox and Safari (didn't test in others). I'd say remove the line height for the code altogether. That fixes it for me.
pixelateur — 2011-11-14T03:58:53-05:00 — #7
Wow, thank you! You guys are great. In fact the 100% line-height did the trick. Works like a charm now. You guys really saved me a couple of hours work.