Thanks,
Ermand
<http://cfaj.freeshell.org/testing/edpaint.jpg>
--
Chris F.A. Johnson, webmaster <http://Woodbine-Gerrard.com>
===================================================================
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
"As a proffesional house painting contractor [comma?]"
"Properly protect large areas not to be painted with drop clothes, "
"Remove masking, drop clothes, and "
You're going to drop your trousers? Given the frequency, I'd guess
there are others, but I only scanned a few pages.
I don't care for the purple background of the pages...
--
-bts
-Friends don't let friends drive Windows
I am glad you added that last sentence. It is important. You are making
clear that you are not in competition with those online painting
services - you know, the ones that paint houses by action at a distance.
<g>
As Chris was showing you in his jpg, in case you miss the point, your
design breaks and becomes hard to use for many people who use a text
size you are not expecting. See what happens when you go o the view menu
and enlarge text (not zooming all).
1. Don't do body {font-size: 13px;}, use 100% (best) or even 1em or no
style at all for body.
2. Don't generally use pixel sizes for fonts. Use em or %
3. Make the widths of the containers that text is in grow with user text
size by either not giving a width (boxes in the normal flow tend to grow
naturally to fit their content) or giving widths in em units.
4. Many people turn Flash off because there are too many ads with it and
this results in a big empty space that does not look great. At least
consider the pros and cons, don't assume everyone has it on.
5. Don't use line-height: 135%; on body unless you know what the
implications are. It is a tricky business. Just use 1.35 (no units) if
you don't want to study the issue. This is a bit too big a figure imo...
--
dorayme
What browser was this in???
What do you use to find out text size line height etc?
The browser is irrelevant. You haven't allowed for people who use
larger font sizes than yours. The problem exists in all browsers
(though the manifestation may be different:
<http://cfaj.freeshell.org/testing/edpaint2.jpg>).
There plenty of room in the browser window for it to fit on one
line, but you unnecessarily (and with bad consequences) restrict the
width of your page.
Unless you change it, the line-height is 1.0.
> > What do you use to find out text size line height etc?
>
> Unless you change it, the line-height is 1.0.
I forget details of the OPs site (already!) but line-height for most
browsers, via default CSS, more like 1.25 or so.
--
dorayme
..
>
> What do you use to find out text size line height etc?
Here is a simple practical test. Open up your page offline in one tab of
a browser and also in another tab of same browser. Remove the line
'line-height: 135%' property altogether on *body* in the CSS and refresh
*one* of the tabs and see how it differs from the other with the
line-height of 135px. Now change the line with the explicit line-height
on, with a lower figure, try for example, 1.21 on Firefox and you will
be close enough to what is set in the default sheet (modern browsers
have a default sheet that sets these things and they are mostly pretty
good but if anything, a wee bit on the small side. So, you are not wrong
to want bigger.) Different browsers differ on the default, but not by
all that much.
It is all a bit more complicated but basically, if you are not happy
with *all* the line-heights on your page, it is open to you to set a
higher one. If it is just the paragraphs that you want a bigger distance
between the lines for, just set the line-height on them:
p {line-height: 1.3}
--
dorayme
I change the height but I still get that strech when making the text
smaller it's a joomla 1.0 site any idea how to fix that