|
| |
|
|
DWS
Posts: 52
Joined: 3/13/2002
From: Ok USA
Status: offline
 |
CSS on Body: border: solid > Not responding - 6/25/2003 19:50:29
06252003 1830 GMT-6
Im frustrated!
I am used to coding by hand but I have this friend who wants to use FP to upkeep her site so, Im trying to get it all set up. Well, NONE of the CSS code is working.
I know what you are thinking. I have read the local facts, and a tone of the forms. Way too much reading.
Ok. Its really simple. The body has a border around it. This is the working code:
body { margin-top: 2%;
margin-bottom: 10%;
margin-left: 20%;
margin-right: 20%;
text-align: justify;
font-family: " americana" , " veranda" , sans-serif;
border-style: solid;
border-color: #B0E0E6;
border-size: 2px;
padding-left: 2em;
padding-right: 2em;
padding-bottom: 2em;
}
We are testing it inline. I just dont see the problem.
|
|
|
|
Shirley
Posts: 3126
Joined: 1/8/1999
From: Omaha, Ne USA
Status: offline
|
RE: CSS on Body: border: solid > Not responding - 6/25/2003 19:58:13
I tested it in topstyle on a simple page and it worked.
What are you seeing or not seeing?
_____________________________
Everything But Cake
| |
|
|
|
DWS
Posts: 52
Joined: 3/13/2002
From: Ok USA
Status: offline
|
RE: CSS on Body: border: solid > Not responding - 6/26/2003 7:42:45
06262003 0624 GMT-6
Oh, I get it. See, when I do it by hand and then preview,------ oh. I dont get it. Shoot!!
Ok. Using the code that is already present, when you look at it in a browswer there is a think border around the body of text. In FP I dont see that border.
| |
|
|
|
abbeyvet
Posts: 5095
From: Kilkenny Ireland
Status: offline
|
RE: CSS on Body: border: solid > Not responding - 6/26/2003 8:34:04
quote:
when you look at it in a browswer there is a think border around the body of text. In FP I dont see that border.
FP is not a browser. You do not always see styles accurately in it, if it is working in the browser then the CSS is ok. It is working in preview in FP.
quote:
font-family: " americana" , " veranda" , sans-serif;
You don' t need the quotes around the fontnames, unless they are two or more words, eg " times new roman" .
_____________________________
Katherine
:: InKK Design :: InKK Domains
| |
|
|
|
DWS
Posts: 52
Joined: 3/13/2002
From: Ok USA
Status: offline
|
RE: CSS on Body: border: solid > Not responding - 6/26/2003 9:00:09
06262003 0746 GMT-6
Yes, I do know FP is not a browser. But, when you select Preview in Browser you should see the border.
Never mind. Ill figure it out.
| |
|
|
|
abbeyvet
Posts: 5095
From: Kilkenny Ireland
Status: offline
|
RE: CSS on Body: border: solid > Not responding - 6/26/2003 10:29:25
quote:
Yes, I do know FP is not a browser.
Sorry, I did not mean to be patronising. My point was that the code is working in browsers - and in preview.
When I put in that code, exactly as you posted it, as an embedded stylesheet in a page in FP and then preview in browser I DO see the border - there is no problem, it works.
I also see it in preview within FP.
It is visible, but not properly formatted in normal view in FP. Which is how it sometimes goes with CSS.
Therefore I am not that clear what the problem is - the css works.
One thing occurs to me, in your original post you say:
quote:
We are testing it inline.
That is not written as an inline style, it should either be embedded or linked to - could you post the full HTML of a page it is in? Perhaps the error you are making will be visible there.
< Message edited by abbeyvet -- 6/26/2003 10:33:44 AM >
_____________________________
Katherine
:: InKK Design :: InKK Domains
| |
|
|
|
pageoneresults
Posts: 1001
From: Orange, CA USA
Status: offline
|
RE: CSS on Body: border: solid > Not responding - 6/26/2003 13:17:04
You should be able to see 99% of your styles in the FP preview mode. If you cannot, then there are other issues at hand.
The very first thing you should so when isolating a problem is validate your html/xhtml and css. Once you' ve done that and have cleared up any errors, then it is a process of elimination to see what might be happening.
Now, let us take the above code and trim it down utilizing CSS Shorthand...
quote:
body {
margin: 2% 20% 10% 20%;
text-align: justify;
font-family: americana, veranda, sans-serif;
border: 2px solid #boeoe6;
padding: 0 2em 2em 2em;
}
Quotes are not required on font-families that contain only one word. If you have font-families that have more than one word as Katherine pointed out above, you then need to quote just the family that has more than one word.
Also, use all lower case in your CSS and html.
P.S. If you do not declare a DOCTYPE at the top of your html, then trying to figure out where the problems are is an exercise in futility. Without a DOCTYPE, the browser is forced into quirks mode and you have no way of knowing what the quirks may be.
< Message edited by pageoneresults -- 6/26/2003 1:19:55 PM >
_____________________________
SEO Consultants Directory
Find Search Engine Marketing Companies
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
