CSS help

  • Thread starter Thread starter Paul M
  • Start date Start date
P

Paul M

Hi
I am trying to close the gap of the paragraghs by changing the CSS
On the p tag. I change the paragraph spacing to before 0 and after 0 and
the gap closes to nothing, but if I put in a number say 2 the style does not
take effect and it is as though it has reverted back to the default.
is there something I am doing wrong?
here is the URL
www.paulcmilner.co.uk

Thanks
Paul M
 
Paul said:
Hi
I am trying to close the gap of the paragraghs by changing the CSS
On the p tag. I change the paragraph spacing to before 0 and after 0
and the gap closes to nothing, but if I put in a number say 2 the
style does not take effect and it is as though it has reverted back
to the default. is there something I am doing wrong?
here is the URL
www.paulcmilner.co.uk
Click to expand...

Hi Paul,

Wow! It's no wonder that you are doing so well as an artist. Your work is
remarkably gorgeous! If I thought I could afford any of your work, I'd
definitely purchase it.

Doing what you're doing should work fine. Can you share the HTML and a
screen shot of what you're seeing?

--
Jim Cheshire
JIMCO Software
http://www.jimcosoftware.com
http://www.jimcoaddins.com

The premiere add-in and software source
for Microsoft FrontPage.
 
Thanks for the kind words Jim, I think what you do is remarkable, you have
helped me so much over the last year or so with the Addins and emailed tips
and direct help like this

When I change the CSS sheet it works in preview mode but when I publish the
CSS it only works if I put the paragraph spacings to 0 which removes the
space altogether but not if I enter a number to make the gap wider.
Is there anything I could try?
If not it's not a big issue just finishing touches
Paul M
 
Paul said:
When I change the CSS sheet it works in preview mode but when I
publish the CSS it only works if I put the paragraph spacings to 0
which removes the space altogether but not if I enter a number to
make the gap wider. Is there anything I could try?
If not it's not a big issue just finishing touches
Click to expand...

Paul,

What browser are you using? This looks exactly the same to me whether in FP
or in my browser.

You should post some information on how someone might go about acquiring
some of your work! I sent my wife the URL and she said it was "beyond
gorgeous" and is now sending all of her friends a link to you. :)

--
Jim Cheshire
JIMCO Software
http://www.jimcosoftware.com
http://www.jimcoaddins.com

The premiere add-in and software source
for Microsoft FrontPage.
 
Hi Jim
I am using internet explorer windows xp home with SP2
Thanks again for the kind words about my work and the excellent PR.
definitely food for thought. Up until now I have been using the web as a
brochure for greetings card companies to view my new work but perhaps I
should think a bit further about the potential of web marketing.
Paul M
 
Hi Jim
I have reset the CSS so you can see the problem. I didnt relize that I had
changed it back to defalt margins instead of a number
Paul M
 
When you use a number, make sure you add the units, e.g., this -

margin:6px;

not this -

margin:6;
 
Also, make sure that you always list your pseudo-classes in the order -

link, visited, hover (it doesn't really matter where active comes). That
way, hover will always trump visited (unless you don't want it to). So you
would need to change this -

A:visited {
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
COLOR: #2691a2;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
TEXT-DECORATION: none
}
A:hover {
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
COLOR: #e9b002;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
TEXT-DECORATION: underline
}
A:active {
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
COLOR: #2691a2;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
TEXT-DECORATION: none
}
A:link {
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
COLOR: #2691a2;
FONT-FAMILY: Verdana;
TEXT-DECORATION: none
}

to this -

A:link {
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
COLOR: #2691a2;
FONT-FAMILY: Verdana;
TEXT-DECORATION: none
}
A:visited {
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
COLOR: #2691a2;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
TEXT-DECORATION: none
}
A:hover {
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
COLOR: #e9b002;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
TEXT-DECORATION: underline
}
A:active {
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
COLOR: #2691a2;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
TEXT-DECORATION: none
}

which you could compress to this -

a {
font-weight:bold;
font-size:12px;
color:#2691a2;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}
a:hover {
color: #e9b002;
text-decoration:underline;
}
 
Generally speaking, no. But you do need to be concerned about the cascade
of styles and their priority in resolving style conflicts. In the case of a
simple <p> tag redefinition, I don't think it will matter....
 
Perhaps simple, but more troublesome. It doesn't carry the same semantic
meaning, and it will FORCE a line break at that exact point no matter how
the text might have re-flowed.

Use paragraphs, and CSS to change the top and bottom margin.
 
CSS requires you to specify the unit of measurement if it is anything other
than 0. You need to put in em, px, pt or percent. Otherwise the browser
doesn't know what you want "2" of.

--
Cheryl D. Wise
MS FrontPage MVP
http://mvp.wiserways.com
http://starttoweb.com
Online instructor led web design training in FrontPage,
Dreamweaver and more!
 
And further, you can use en, ex, or font size names (e.g., small, medium,
large). But don't use points - they are a print metric.
 
Well if you want the exhaustive list you can use in, cm, mm as well but as
you say they are print not web units of measurements.
;-)
 
Yep....

--
Murray
============

Cheryl D Wise said:
Well if you want the exhaustive list you can use in, cm, mm as well but as
you say they are print not web units of measurements.
;-)
Click to expand...
 
Back
Top