473,662 Members | 2,524 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Margin, padding, border, shorthand values order?

I'm a beginning student of CSS and the shorthand order for margins, etc.
raised an eyebrow.

The clockwise order is what bothers me:

p.margin {margin: [TOP]cm [right]cm [BOTTOM]cm [left]cm}
I think the order should be:

p.margin {margin: [TOP]cm [left]cm [right]cm [BOTTOMcm}
As an experienced code-based typesetter, when defining a paragraph style
we always took a top down approach and defined the space above, then we
concerned ourselves with the left and right indents and finally the space
below.

Could someone explain why the top/clockwise order was adopted? It doesn't
make sense to me.

Could this be changed or discussed further?

Andy Burns
Typographer

--
"Ladies and gentlemen, The Beatles!"
- Ed Sullivan (1964)
Jul 21 '05 #1
9 12896
Andy <aj*@comcast.ne t> wrote:
Could someone explain why the top/clockwise order was adopted? It doesn't
make sense to me.
Get used to it, use the verbose notation if the shorthand confuses you.
Could this be changed


Just to satisfy your arbitrary typographic convention, thereby breaking
all existing coding?

--
Spartanicus
Jul 21 '05 #2
On Sat, 19 Feb 2005 09:52:36 -0600, Andy <aj*@comcast.ne t> wrote:

[...]
The clockwise order is what bothers me:

p.margin {margin: [TOP]cm [right]cm [BOTTOM]cm [left]cm}
I think the order should be:
p.margin {margin: [TOP]cm [left]cm [right]cm [BOTTOMcm}
You are too late; you should have been in the discussions that took
place early to mid 1990'ies for your input to have had a possible
effect.

CSS1 was "written in stone" (i.e. became a W3 recommendation) in 1996,
implementations slowly started to grow and the clockwise definition is
in effect since then.
As an experienced code-based typesetter, when defining a paragraph style
we always took a top down approach...
Well, it's just another way to set up a box definition, no big deal.
Could someone explain why the top/clockwise order was adopted?
I'm pretty sure that there is a line of reasoning stored somewhere in
the old CSS discussion archives, but I have never seen it.
Still since I know that they were not all "dummies" that came up with
the CSS1 spec I take it that they had a solid reason to do what they
did.
Could this be changed...
No; not without convincing all of the following to change...
Microsoft,
the Mozilla org,
Opera Software,
every other CSS browser producer,
every web author that already have pages on the www that works according
to current CSS recommendations .
or discussed further?


Ad nauseum if you like, it still will not change.

--
Rex
Jul 21 '05 #3
Spartanicus <me@privacy.net > wrote in
news:n0******** *************** *********@news. spartanicus.utv internet.ie:
Andy <aj*@comcast.ne t> wrote:
Could someone explain why the top/clockwise order was adopted? It
doesn't make sense to me.


Get used to it, use the verbose notation if the shorthand confuses
you.


That didn't answer the question.

Could this be changed


Just to satisfy your arbitrary typographic convention, thereby
breaking all existing coding?


That didn't answer the question either.

They could add an extra descriptors: "margina" (etc.) that would parse
the values T-L-R-B. So css composers could use whichever version they
liked. No code breaks and I'd be happy! ;)

I wish I'd been able to contribute to the shorthand proposal back when it
was being implemented. A little late to the party as usual.

Regards,

Andy Burns
Typographer

--
"Ladies and gentlemen, The Beatles!"
- Ed Sullivan (1964)
Jul 21 '05 #4
Jan Roland Eriksson <jr****@newsguy .com> wrote in
news:0m******** *************** *********@4ax.c om:
On Sat, 19 Feb 2005 09:52:36 -0600, Andy <aj*@comcast.ne t> wrote:

[...]
The clockwise order is what bothers me:

p.margin {margin: [TOP]cm [right]cm [BOTTOM]cm [left]cm}
I think the order should be:
p.margin {margin: [TOP]cm [left]cm [right]cm [BOTTOMcm}
You are too late; you should have been in the discussions that took
place early to mid 1990'ies for your input to have had a possible
effect.

CSS1 was "written in stone" (i.e. became a W3 recommendation) in 1996,
implementations slowly started to grow and the clockwise definition is
in effect since then.
As an experienced code-based typesetter, when defining a paragraph stylewe always took a top down approach...


Well, it's just another way to set up a box definition, no big deal.
Could someone explain why the top/clockwise order was adopted?


I'm pretty sure that there is a line of reasoning stored somewhere in
the old CSS discussion archives, but I have never seen it.
Still since I know that they were not all "dummies" that came up with
the CSS1 spec I take it that they had a solid reason to do what they
did.
Could this be changed...


No; not without convincing all of the following to change...
Microsoft,
the Mozilla org,
Opera Software,
every other CSS browser producer,
every web author that already have pages on the www that works

according to current CSS recommendations .
or discussed further?


Ad nauseum if you like, it still will not change.


Jan,

Thanks for the excellent reply.

I'm very interested in css. I should've taken notice sooner as you
pointed out.

Regards,

Andy Burns

--
"Ladies and gentlemen, The Beatles!"
- Ed Sullivan (1964)
Jul 21 '05 #5
Andy <aj*@comcast.ne t> wrote in
news:Xn******** *************** ******@216.196. 97.136:
Jan Roland Eriksson <jr****@newsguy .com> wrote in
news:0m******** *************** *********@4ax.c om:
On Sat, 19 Feb 2005 09:52:36 -0600, Andy <aj*@comcast.ne t> wrote:

[...]
The clockwise order is what bothers me:

p.margin {margin: [TOP]cm [right]cm [BOTTOM]cm [left]cm}
I think the order should be:
p.margin {margin: [TOP]cm [left]cm [right]cm [BOTTOMcm}


No idea if this has anything to do with how the spec was
arrived at, but the order of Top/Right/Bottom/Left makes
a lot of sense if you think of using a pencil to draw
a "box"(i.e. a rectangle). Start with the pencil on the paper.
Draw the "top of the box". Many(most?) people will draw
a line from left to right. Now keep drawing the other sides.
Many(most?) people will draw the top, right, bottom, and
then left sides.

--
Dave Patton
Canadian Coordinator, Degree Confluence Project
http://www.confluence.org/
My website: http://members.shaw.ca/davepatton/
Jul 21 '05 #6
Dave Patton <sp**@trap.inva lid> wrote in
news:Xn******** *************** **********@24.7 1.223.159:
No idea if this has anything to do with how the spec was
arrived at, but the order of Top/Right/Bottom/Left makes
a lot of sense if you think of using a pencil to draw
a "box"(i.e. a rectangle). Start with the pencil on the paper.
Draw the "top of the box". Many(most?) people will draw
a line from left to right. Now keep drawing the other sides.
Many(most?) people will draw the top, right, bottom, and
then left sides.


Dave,

That's plausible.

Which seems more logical?

A: [T [R B] L]
B: [T [L R] B]

Regards,

Andy

--
"Ladies and gentlemen, The Beatles!"
- Ed Sullivan (1964)
Jul 21 '05 #7
On Sat, 19 Feb 2005 18:22:04 -0600, Andy <no***@nowhere. com> wrote:

[...]
Which seems more logical?
A: [T [R B] L]
B: [T [L R] B]


Doesn't matter to me. I worked in a lead print shop in the very early
1970'ies and I can't recall that we had any kind of preferences in how
to setup and divide a print frame into logical parts.

You're too computer fixated (QuarkXPress by any chance? :-)

--
Rex
Jul 21 '05 #8
Jan Roland Eriksson <jr****@newsguy .com> wrote in
news:hv******** *************** *********@4ax.c om:
On Sat, 19 Feb 2005 18:22:04 -0600, Andy <no***@nowhere. com> wrote:

[...]
Which seems more logical?
A: [T [R B] L]
B: [T [L R] B]
Doesn't matter to me. I worked in a lead print shop in the very early
1970'ies and I can't recall that we had any kind of preferences in how
to setup and divide a print frame into logical parts.

Jan,

It doesn't matter because you can't recall?

In a chase you either placed furniture in a [T [L R] B] or [L [T B] R]
fashion then locked it up.

You're too computer fixated (QuarkXPress by any chance? :-)


Since you asked, Adobe PostScript, 1985.

Andy Burns
Jul 21 '05 #9
Andy wrote:

Which seems more logical?

A: [T [R B] L]
B: [T [L R] B]


I think that each makes sense but that B only makes sense in a context
that's inapplicable here: a written page where writing starts at the
top, and runs from left to right on each line. A makes sense and is easy
to remember as well. So what difference does it make? They had to choose
an order and they chose one.
Jul 21 '05 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

33
27734
by: Thomas Mlynarczyk | last post by:
Hi, I'm looking for a way to put a 1px solid border around the image in this link: <a href="some.html"><img src="some.gif"></a> Well, that, by itself, is simple. However, I would like to have a different border color for a mouse hover effect over the image. With Mozilla, I can simply specify img:hover {...}, but IE allows hover only for <a>. So now I'm looking for a way to set the border for my <a> element rather than the <img>, but...
0
3110
by: Andreas Emmert | last post by:
Hi NG, I have a submit button on my form with the class "button", i.e. <input type=button class=button value=XXXX> The class is currently defined as ..button {
4
8394
by: Harlan Messinger | last post by:
What is *supposed* to be the way to specify the horizontal offset of (a) the list item's marker and (b) the list item's content? In particular, see http://mywebpages.comcast.net/hmessinger/default.html which validates under Strict. Under IE6, Opera, and Firebird, the markers are indented as one would expect the default to be. What if I want them moved over to the left edge of the list? On the above page, there is no margin-left for...
1
7516
by: Trent L | last post by:
Hello, I'm having a problem where a style for a <a> tag isn't working in IE: border : 1px solid red; If you use my code below, you'll see what I mean. In IE6 on WinXP, I'm not seeing a red top and bottom border. My HTML validates. It looks
2
2152
by: Daniel Molina Wegener | last post by:
Hello, How can I pad integral values on double variables with printf. I know that %.nf or %.ng sets the precision. But I want to pad the integral value with zeroes, like 001.023 or 032.012. Any way to do this with printf?.
10
12901
by: Alan Silver | last post by:
Hello, In my (seemingly) endless quest to understand CSS, I have yet another problem. Please look at http://www.kidsinaction.org.uk/ph/x.html in Opera, where you will see it how I expected. If you look at it in IE (6 or 7), you find it also looks fine, except for the top margin missing from the links across the top of the page. That's not the main issue here, but any pointers as to why it doesn't show them would be appreciated.
16
3276
by: FuzzyLogik | last post by:
By width, I don't mean weight. I have a row of <li>'s, with a bottom-border. I want the bottom-border to only go 90% of the <li> (centered) Is there any way to do this? I have it in this format: CSS: li {
7
3431
by: GTalbot | last post by:
Hello fellow authoring.stylesheets colleagues, Can someone please explain why the bottom margin of the last inflow block-level child in an overflowed parent should not have its margin reachable. I read and re-read carefully the CSS 2.1 spec and I just can not see why. Related webpages: http://www.gtalbot.org/BrowserBugsSection/MSIE8Bugs/MarginBottomChildNotRendered.html
0
8344
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
8857
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
8764
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
0
7367
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
0
5654
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4180
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
4347
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
2762
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
1993
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.