|
| |
|
|
jrrnow
Posts: 380
From: at the beach in NJ
Status: offline
 |
I' m back. Katherine, beware! - 6/19/2003 7:19:33
I' m just not getting this, please bear with me or just ignore any more posts about css from me.
Below is my css.
quote:
body { font-family: Arial; font-size: 8pt; color:#555555; list-style-type:disc; background-color: white;}
A:link {color: #660000; text-decoration: none}
A:visited {color:#660000; text-decoration:none}
A:hover {color: #666666; text-decoration:underline}
When I view in normal mode in FP, it works (although the font size is not correct)
When I view in the preview tab (I know I' m not supposed to use that), the css does not work.
When I preview in browser it does not work.
And it also doesn' t work when I publish.
What am I doing wrong?
I would like the pages to all look like this one. http://www.wetclaywebdesign.com/services.htm
Please advise. Thanks, especially Katherine. 
_____________________________
Jim
We are always more anxious to be distinguished for a talent which we do not possess, than to be praised for the fifteen which we do possess.
www.JimRobinsonPhotography.com
|
|
|
|
Reflect
Posts: 4767
From: USA
Status: offline
|
RE: I' m back. Katherine, beware! - 6/19/2003 7:36:08
Hi,
Just an aside the way I keep order straight is:
Love Ha.
Link, visited, hover, active.
Seems to be working from here. IE 6.0.28.X.
<edit>
Question: Who did your graphics on the grpahics portfollio page? I really like their style.
</edit>
Brian
< Message edited by Reflect -- 6/19/2003 7:39:54 AM >
_____________________________
| |
|
|
|
abbeyvet
Posts: 5095
From: Kilkenny Ireland
Status: offline
|
RE: I' m back. Katherine, beware! - 6/19/2003 7:49:40
It would be more useful to have a link to a page where it is NOT working.
There is nothing wrong with the CSS so it must be something else and its hard to say without seeing the problem page.
_____________________________
Katherine
:: InKK Design :: InKK Domains
| |
|
|
|
jrrnow
Posts: 380
From: at the beach in NJ
Status: offline
|
RE: I' m back. Katherine, beware! - 6/19/2003 13:15:22
Sorry,
www.wetclaywebdesign.com/index2.htm
The main content text is black on that page and it should be grey.
Brian,
I did them. Thanks for the complments.
_____________________________
Jim
We are always more anxious to be distinguished for a talent which we do not possess, than to be praised for the fifteen which we do possess.
www.JimRobinsonPhotography.com
| |
|
|
|
abbeyvet
Posts: 5095
From: Kilkenny Ireland
Status: offline
|
RE: I' m back. Katherine, beware! - 6/19/2003 13:41:07
Try putting this in your stylesheet:
table {font-size:inherit;font-weight:inherit;font-style:inherit;}
Sometimes text within tables does not inherit the body style, that should sort that.
_____________________________
Katherine
:: InKK Design :: InKK Domains
| |
|
|
|
Shirley
Posts: 3126
Joined: 1/8/1999
From: Omaha, Ne USA
Status: offline
|
RE: I' m back. Katherine, beware! - 6/19/2003 15:12:14
or add a , td after the body
_____________________________
Everything But Cake
| |
|
|
|
jrrnow
Posts: 380
From: at the beach in NJ
Status: offline
|
RE: I' m back. Katherine, beware! - 6/19/2003 22:01:53
It still doesn' t work. I don' t know what I' m doing wrong.
Here is the modified css.
quote:
body { font-family: Arial; font-size: 8pt; color:#999999; list-style-type:disc; background-color: white;}
A:link {color: #660000; text-decoration: none}
A:visited {color:#660000; text-decoration:none}
A:hover {color: #999999; text-decoration:underline}
table {font-size:inherit;font-weight:inherit;font-style:inherit;}
I' m ready to quit, this is about as frustrating as it gets. I don' t know if anyone has any other suggestions but let me know.
This is the page that still does not work. www.wetclaywebdesign.com/index2.htm
thanks
_____________________________
Jim
We are always more anxious to be distinguished for a talent which we do not possess, than to be praised for the fifteen which we do possess.
www.JimRobinsonPhotography.com
| |
|
|
|
Gil
Posts: 7533
From: North Carolina, USA
Status: offline
|
RE: I' m back. Katherine, beware! - 6/19/2003 22:11:49
quote:
This is the page that still does not work. www.wetclaywebdesign.com/index2.htm
What is it that' s not working?
The rolovers work, the text is the right size and color?
_____________________________
Gil Harvey, 1947-2004
| |
|
|
|
Gil
Posts: 7533
From: North Carolina, USA
Status: offline
|
RE: I' m back. Katherine, beware! - 6/19/2003 23:12:10
quote:
It should be a medium grey color similar to any of the other pages on the entire site.
The ' medium gray" has this tag <font face=" Verdana" color=" #666666" style=" font-size: 8pt" >, making it a lighter gray than the text that doesn' t have that tag - it' s #999999 like the style sheet says.
I' m confused as to what isn' t working?
_____________________________
Gil Harvey, 1947-2004
| |
|
|
|
jrrnow
Posts: 380
From: at the beach in NJ
Status: offline
|
RE: I' m back. Katherine, beware! - 6/20/2003 13:17:37
I will try to explain AGAIN.
These are the settings that I would like to have for my site. At this point I don' t use headings tags.
I want all the content text to be - verdana 8pt (not 1 (8 pt))
body text - color 666666
link color - 660000
hover - 666666
visited - 660000
http://www.wetclaywebdesign.com/the_process.htm
This is the way I want all my pages to look, but it is not using the css, but I hand formated each text.
http://www.wetclaywebdesign.com/index2.htm
This page is wrong, at least on my computer and on the internet when I publish and view on my computer. I have not checked another computer at this point. It has black text for the body and it should be 666666 vedana 8pt.
The nav links are correct as far as I can tell on the index2.htm page but are the wrong size on all the other pages - the colors and fonts are correct on all pages for the nav menu.
http://www.wetclaywebdesign.com/services.htm
on this page I removed the formatting on the first paragraph of the body just to see if it would be different from the rest of the page and to see if the css would apply to that paragraph. The text is the correct color but not the correct size on my computer when viewing the published page. The rest of this page is still formatted by hand and therefore is correct but is not using the css to achieve that result.
So, why is the css applying in some places but not in others? It applies in FP on all the pages in normal view (except that the font size is wrong) but when I publish it doesn' t take.
Can someone, anyone, explain this to an idiot!
< Message edited by jrrnow -- 6/20/2003 1:18:00 PM >
_____________________________
Jim
We are always more anxious to be distinguished for a talent which we do not possess, than to be praised for the fifteen which we do possess.
www.JimRobinsonPhotography.com
| |
|
|
|
Gil
Posts: 7533
From: North Carolina, USA
Status: offline
|
RE: I' m back. Katherine, beware! - 6/20/2003 13:33:20
quote:
http://www.wetclaywebdesign.com/the_process.htm Has this tag: <font color=" #666666" style=" font-size: 8pt" face=" Verdana" >
quote:
http://www.wetclaywebdesign.com/index2.htm
This page is wrong, at least on my computer and on the internet when I publish and view on my computer. I have not checked another computer at this point. It has black text for the body and it should be 666666 vedana 8pt.
Because that page isn' t seeing the CSS. Your link is <link rel=" stylesheet" type=" text/css" href=" includes/masterstyle.css" > to use the style sheet in the inclides directory it needs to be <link rel=" stylesheet" type=" text/css" href=" /includes/masterstyle.css" >
< Message edited by Gil -- 6/20/2003 7:24:36 PM >
_____________________________
Gil Harvey, 1947-2004
| |
|
|
|
jrrnow
Posts: 380
From: at the beach in NJ
Status: offline
|
RE: I' m back. Katherine, beware! - 6/20/2003 18:54:32
quote:
quote:
http://www.wetclaywebdesign.com/the_process.htm Has this tag: <font color=" #666666" style=" font-size: 8pt" face=" Verdana" >
Has this tag: <font color=" #666666" style=" font-size: 8pt" face=" Verdana" >
what is your point? That is the page I want all others to look like! This page is an example. But it is not done with css. I only gave that page to reference to what I want to accomplish.
quote:
Because that page isn' t seeing the CSS. Your link is <link rel=" stylesheet" type=" text/css" href=" includes/masterstyle.css" > to use the style sheet in the inclides directory it needs to be <link rel=" stylesheet" type=" text/css" href=" ./includes/masterstyle.css" >
I tried that and it didn' t work. The question is, why isn' t that page " seeing" the css when it does to a partial extent on all the other pages. the hover links are a confirmation of that. Excluding the footer which is done differently.
Like the http://www.wetclaywebdesign.com/services.htm the css works on the first paragraph but the font size is 12pt instead of 8pt. That would tell me that the css language is wrong. and it is not reading the font size. Is that assumption way off base??
I have a page template that I start each page with then I rename it, so all the pages are the same. I would suppose that if they work at all on any pages, it should work on all pages similarly. But there I go, assuming again!
< Message edited by jrrnow -- 6/20/2003 7:07:23 PM >
_____________________________
Jim
We are always more anxious to be distinguished for a talent which we do not possess, than to be praised for the fifteen which we do possess.
www.JimRobinsonPhotography.com
| |
|
|
|
Gil
Posts: 7533
From: North Carolina, USA
Status: offline
|
RE: I' m back. Katherine, beware! - 6/20/2003 19:31:58
Sorry the . was a typo I meant /includes/mainstyle.css
_____________________________
Gil Harvey, 1947-2004
| |
|
|
|
Shirley
Posts: 3126
Joined: 1/8/1999
From: Omaha, Ne USA
Status: offline
|
RE: I' m back. Katherine, beware! - 6/20/2003 19:40:58
those are paragraphs do you have anything for p in your stylesheet?
_____________________________
Everything But Cake
| |
|
|
|
jrrnow
Posts: 380
From: at the beach in NJ
Status: offline
|
RE: I' m back. Katherine, beware! - 6/20/2003 20:15:16
this is my css.
quote:
body { font-family: Arial; font-size: 8pt; color:#999999; list-style-type:disc; background-color: white;}
A:link {color: #660000; text-decoration: none}
A:visited {color:#660000; text-decoration:none}
A:hover {color: #999999; text-decoration:underline}
table {font-size:inherit;font-weight:inherit;font-style:inherit;}
That didn' t work either, gil.
_____________________________
Jim
We are always more anxious to be distinguished for a talent which we do not possess, than to be praised for the fifteen which we do possess.
www.JimRobinsonPhotography.com
| |
|
|
|
Shirley
Posts: 3126
Joined: 1/8/1999
From: Omaha, Ne USA
Status: offline
|
RE: I' m back. Katherine, beware! - 6/20/2003 21:42:57
quote:
those are paragraphs do you have anything for p in your stylesheet?
Let me rephrase that...
add a p
I don' t know if you can add it here or not
table, p {font-size:inherit;font-weight:inherit;font-style:inherit;}
since I don' t usually use inherit
if not do this
p {font-family: Arial; font-size: 8pt; color:#999999; background-color: white;}
_____________________________
Everything But Cake
| |
|
|
|
Gil
Posts: 7533
From: North Carolina, USA
Status: offline
|
RE: I' m back. Katherine, beware! - 6/20/2003 23:23:05
It' s not needed Shirley.
A color defined for the BODY will also be applied to text in a paragraph, unless there is a P element defined
< Message edited by Gil -- 6/20/2003 11:31:18 PM >
_____________________________
Gil Harvey, 1947-2004
| |
|
|
|
Shirley
Posts: 3126
Joined: 1/8/1999
From: Omaha, Ne USA
Status: offline
|
RE: I' m back. Katherine, beware! - 6/20/2003 23:47:45
It may not be needed but it works
body, p { font-family: Arial; font-size: 8pt; color:#999999; list-style-type:disc; background-color: white;}
A:link {color: #660000; text-decoration: none}
A:visited {color:#660000; text-decoration:none}
A:hover {color: #999999; text-decoration:underline}
table {font-size:inherit;font-weight:inherit;font-style:inherit;}
< Message edited by shirley -- 6/20/2003 11:57:17 PM >
_____________________________
Everything But Cake
| |
|
|
|
jrrnow
Posts: 380
From: at the beach in NJ
Status: offline
|
RE: I' m back. Katherine, beware! - 6/21/2003 7:34:25
yippie. That worked, at least partially. But it also created other problems.
Problem #1.
Now the bg for the footer is white and it needs to be black. That is strange because the footer on the index2 page is different than the footers on all the other pages, still wrong but different. The index2 footer looks like the cell has a 3 or 4 pixel border around it, the other pages looks like a 1 pixel border.
Problem #2
The navigation is the wrong size on every page except the index2 page.
*** Can you guys please explain why it only applies a portion of the css to some pages but not to all of them?
I don' t under stand how it can apply the hover/link/color attributes for the navigation but not the font size. Especially since it does apply all the attributes on the index2 page but not the other pages. grrrrr
So, in my puny little mind, something has too be different on either the nav include, the index2 page or all the other pages to make the css act differently. As far as I can tell, there isn' t anything different other than the link call which I' m in the process of changing right now. We' ll see if that does anything.
Thanks for all your help and your patience.
< Message edited by jrrnow -- 6/21/2003 7:37:14 AM >
_____________________________
Jim
We are always more anxious to be distinguished for a talent which we do not possess, than to be praised for the fifteen which we do possess.
www.JimRobinsonPhotography.com
| |
|
|
|
pageoneresults
Posts: 1001
From: Orange, CA USA
Status: offline
|
RE: I' m back. Katherine, beware! - 6/22/2003 9:20:46
Sorry I' m late to the party!
Okay, let' s take the original style sheet and start trimming down. Here is the new one...
body, table {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13px;
color: #666666;
background: #ffffff;
}
a:link, a:visited {
color: #660000;
background: transparent;
text-decoration: none
}
a:hover {
color: #666666;
background: transparent;
text-decoration: underline
}
I removed the list-style from the body tag as that is not where it belongs. Normally that would be assigned to the ul (unordered list) element.
ul {
list-style-type: disc;
}
You don' t need that list-style declaration as it is the normal default style for unordered lists.
I would highly recommend that you not use 8pt for sizing fonts. Pt or point is for print. If you are working with fixed font sizes, use px (pixel).
Also, you should use all lower case for your styles and html. Use only upper case where it is applicable which is very rare.
Now, if we want to trim out more fat from the above, we can use CSS Shorthand for the paired color values (i.e. #666666, #ffffff, #660000)...
body, table {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13px;
color: #666;
background: #fff;
}
a:link, a:visited {
color: #600;
background: transparent;
text-decoration: none
}
a:hover {
color: #666;
background: transparent;
text-decoration: underline
}
Now, take the above new styles, insert them into your external style sheet replacing what you have and show us a page that references these styles. Then point out the problems you are having. Just one page only. It might be best to show us your template page since that is what the other pages in the site are built from. Then we can do the process of elimination and see where the problems are.
P.S. Named color values (white, blue, etc.) are not recommended. You should always use hex color values (#ffffff, #000000, etc.).
P.S.S. Make sure the page that you show us does not use any <font> tags. Those will override what is in the style sheet and the last thing we want are <font> tags in the html!
< Message edited by pageoneresults -- 6/22/2003 9:23:01 PM >
_____________________________
SEO Consultants Directory
Find Search Engine Marketing Companies
| |
|
|
|
pageoneresults
Posts: 1001
From: Orange, CA USA
Status: offline
|
RE: I' m back. Katherine, beware! - 6/24/2003 23:07:47
Okay, every now and then I get into these giving moods. Since you have only 12 errors in your html based on W3C validation, I' m going to provide assistance in cleaning those up so you can be 100% valid. You have a lot of coding issues that do not show up as errors but will cause problems in certain browsers, particularly the use of inline styles, the border-collapse property and a few other problem areas. Here is the list of current errors along with a short explanation on how to correct them.
quote:
Below are the results of attempting to parse this document with an SGML parser.- Line 18, column 29: required attribute " TYPE" not specified (explain...).
<SCRIPT LANGUAGE=" JavaScript" >
- Line 30, column 29: required attribute " TYPE" not specified (explain...).
<SCRIPT LANGUAGE=" JavaScript" >
- Line 48, column 16: there is no attribute " TOPMARGIN" (explain...).
<body topmargin=" 0" leftmargin=" 0" >
- Line 48, column 31: there is no attribute " LEFTMARGIN" (explain...).
<body topmargin=" 0" leftmargin=" 0" >
- Line 58, column 96: there is no attribute " BORDERCOLOR" (explain...).
...rder-collapse: collapse" bordercolor=" #111111" width=" 750" id=" AutoNumber1" >
- Line 58, column 122: ID " AUTONUMBER1" already defined (explain...).
...ordercolor=" #111111" width=" 750" id=" AutoNumber1" >
- Line 52, column 103: ID " AUTONUMBER1" first defined here (explain...).
...ollapse; padding: 0" width=" 750" id=" AutoNumber1" border=" 0" >
- Line 62, column 87: required attribute " ALT" not specified (explain...).
..._7color.jpg" width=" 750" height=" 100" ></td>
- Line 73, column 102: ID " AUTONUMBER1" already defined (explain...).
...ollapse: collapse; " width=" 120" id=" AutoNumber1" align=" left" >
- Line 52, column 103: ID " AUTONUMBER1" first defined here (explain...).
...ollapse; padding: 0" width=" 750" id=" AutoNumber1" border=" 0" >
- Line 158, column 122: ID " AUTONUMBER1" already defined (explain...).
...ordercolor=" #111111" width=" 750" id=" AutoNumber1" >
- Line 52, column 103: ID " AUTONUMBER1" first defined here (explain...).
...ollapse; padding: 0" width=" 750" id=" AutoNumber1" border=" 0" >
1. The script language attribute is now deprecated. It should be replaced with this...
<script type=" text/javascript" >
2. Same as #1.
3. Remove the topmargin attribute from your <body> tag and place this in your external style sheet...
body {
top: 0;
margin: 0;
padding: 0;
}
(Note: I left out the left:0; since this site is centered horizontally. If your site was fixed in the upper left hand corner with no top margin than the body rule would look like this...
body {
top: 0;
left: 0;
margin: 0;
padding: 0;
}
4. Remove the leftmargin attribute from your <body> tag and rely on the external style referenced in #3.
5. Strip out all instances of this garbage that FP generates...
style=" border-collapse: collapse; bordercolor=" #111111"
6. Remove the id=" AutoNumber1" . I' m not sure how you generated that, but since it is an id, there can only be one instance of the id on any given page.
7. Same as #6.
8. Missing alt=" Alternative Text Here" for the image. All images must have an alt tag assigned. If the image has no meaning, i.e. spacer gif, etc., then an empty alt tag is suggested (alt=" " ), that' s two quotation marks side by side, no space inbetween.
9, 10, 11 and 12. These will clear once you remove all instances of the id=" AutoNumber1" are removed as advised in #6.
< Message edited by pageoneresults -- 6/24/2003 11:20:59 PM >
_____________________________
SEO Consultants Directory
Find Search Engine Marketing Companies
| |
|
|
|
pageoneresults
Posts: 1001
From: Orange, CA USA
Status: offline
|
RE: I' m back. Katherine, beware! - 6/24/2003 23:17:51
quote:
I saw that you have the list of fonts instead of just one. Do they apply in the order that they are listed or is there some magical algorithum that is applied?
You guessed it. They apply in the order that they are listed, good call. Three is usually sufficient but I usually like to throw in at least one Mac resident font like helvetica (sans-serif) or georgia (serif). Anytime a font-family has two words in its name like trebuchet ms, it needs to be quoted like this...
font-family: " trebuchet ms" , tahoma, sans-serif;
quote:
Is there a way to have the css apply while you are creating pages? In FP the size of the font doesn' t apply until you publish or preview. I like to see what it will look like as I' m creating. Or am I out of luck, kinda like the default font situation?
Hmmm, I work strictly at the browser level using IE' s edit function. I wouldn' t think that there should be any problems seeing applied styles locally, maybe someone else can chime in and provide some answers there.
< Message edited by pageoneresults -- 6/24/2003 11:18:18 PM >
_____________________________
SEO Consultants Directory
Find Search Engine Marketing Companies
| |
|
|
|
jrrnow
Posts: 380
From: at the beach in NJ
Status: offline
|
RE: I' m back. Katherine, beware! - 6/27/2003 21:15:27
hey thanks for your generousness! I appreciate it. I made all the changes now it' s time to do that to the rest of the site. Thanks again.
I have made the index2 the index now so you can view it at www.wetclaywebdesign.com
_____________________________
Jim
We are always more anxious to be distinguished for a talent which we do not possess, than to be praised for the fifteen which we do possess.
www.JimRobinsonPhotography.com
| |
|
|
|
jrrnow
Posts: 380
From: at the beach in NJ
Status: offline
|
RE: I' m back. Katherine, beware! - 7/6/2003 6:57:23
I' m back, I just realized that the disclaimer and the privacy statement in my footer comes up with a error and does not work.
Any suggestions? Thanks in advance.
_____________________________
Jim
We are always more anxious to be distinguished for a talent which we do not possess, than to be praised for the fifteen which we do possess.
www.JimRobinsonPhotography.com
| |
|
 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 
. 
