Margin on form saved data?

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

I have a form, "Managers Instruction Entry" that saves its entries to another
page on the web site "Managers Instructions". From a technical standpoint it
works fine as is. For readabilities sake how can I get the text off of the
left edge of the screen.
It seems as though it is writing the text to the "body" area as defined in
my external CSS document since I am able to shove it around by manipulating
values within .body. The trouble being that it changes all of my pages. How
can I effect just the one page, "Managers Instructions"
 
In the scheme of things, there are rules for calculating the specificity of
the styles.
Here are some of the rules -

1. The style that is closest to the element being styled wins in the absence
of other mitigating factors. This is why you cannot trump font tags with
CSS, since the font styles are always closer.
2. A redefined tag has a specificity value of 1.
3. A custom class has a specificity of 10.
4. An id selector has a specificity of 100.

Thus, in this case, the green color would have a specificity of 1 and the
custom class of 10. The class wins.

h1 { color:green; }
..headline { color:red; }

<h1 class="headline">This is red</h1>

============================
So if you are using an external style sheet all you need to do is place some
style in the head of that page.

Like
<style type="text/css">
body { padding: 0 0 0 10px; }
</style>

This will give you 10px padding to the left
(adjust as necessary)

HTH 8)

--
John Malone
==============
|I have a form, "Managers Instruction Entry" that saves its entries to
another
| page on the web site "Managers Instructions". From a technical standpoint
it
| works fine as is. For readabilities sake how can I get the text off of the
| left edge of the screen.
| It seems as though it is writing the text to the "body" area as defined in
| my external CSS document since I am able to shove it around by
manipulating
| values within .body. The trouble being that it changes all of my pages.
How
| can I effect just the one page, "Managers Instructions"
 
Your Welcome 8)

Because it is closer (on the page)
It will trump the style sheet but the others from that sheet will still
work.
--
John Malone
==============
| Thanks, you confirmed what I ended up doing
|
| "John Malone" wrote:
|
| > In the scheme of things, there are rules for calculating the specificity
of
| > the styles.
| > Here are some of the rules -
| >
| > 1. The style that is closest to the element being styled wins in the
absence
| > of other mitigating factors. This is why you cannot trump font tags with
| > CSS, since the font styles are always closer.
| > 2. A redefined tag has a specificity value of 1.
| > 3. A custom class has a specificity of 10.
| > 4. An id selector has a specificity of 100.
| >
| > Thus, in this case, the green color would have a specificity of 1 and
the
| > custom class of 10. The class wins.
| >
| > h1 { color:green; }
| > ..headline { color:red; }
| >
| > <h1 class="headline">This is red</h1>
| >
| > ============================
| > So if you are using an external style sheet all you need to do is place
some
| > style in the head of that page.
| >
| > Like
| > <style type="text/css">
| > body { padding: 0 0 0 10px; }
| > </style>
| >
| > This will give you 10px padding to the left
| > (adjust as necessary)
| >
| > HTH 8)
| >
| > --
| > John Malone
| > ==============
| > | > |I have a form, "Managers Instruction Entry" that saves its entries to
| > another
| > | page on the web site "Managers Instructions". From a technical
standpoint
| > it
| > | works fine as is. For readabilities sake how can I get the text off of
the
| > | left edge of the screen.
| > | It seems as though it is writing the text to the "body" area as
defined in
| > | my external CSS document since I am able to shove it around by
| > manipulating
| > | values within .body. The trouble being that it changes all of my
pages.
| > How
| > | can I effect just the one page, "Managers Instructions"
| >
| >
| >
 
Back
Top