|
| |
|
|
cooper
Posts: 773
From: Woburn MA USA
Status: offline
 |
Just inherited a site... trouble with CSS - 1/19/2004 20:58:20
I just took over a client's site and I am having an issue with the external CSS they have. It reads like this:
border {
border: #989898;
border-style: solid; border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin
}
.tight {
border: #989898;
border-style: solid;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin
}
a:link {
font-family: Syntax, Arial, Verdana, Helvetica, sans-serif
text-decoration: underline;
color: #989898;
}
a:hover {
font-family: Syntax, Arial, Verdana, Helvetica, sans-serif
color: #989898;
text-decoration: none;
}
a:active {
font-family: Syntax, Arial, Verdana, Helvetica, sans-serif;
color: #989898;
text-decoration: underline;
}
a:visited {
font-family: Syntax, Arial, Verdana, Helvetica, sans-serif
color: #989898;
text-decoration: underline;
}
body {
font-family: Syntax, Arial, Verdana, Helvetica, sans-serif
font-size: 8pt;
color: #989898;
top: 0px;
clip: rect(0px auto auto auto);
}
p {
font-family: Syntax, Arial, Verdana, Helvetica, sans-serif
font-size: 8pt;
color: #989898;
top: 0px;
clip: rect(0px auto auto auto);
}
TD {
font-family: Syntax, Arial, Verdana, Helvetica, sans-serif
font-size: 8pt;
color: #989898;
top: 0px;
clip: rect(0px auto auto auto);
}
Yet when I add text to a page, it defaults to Arial and is 12pt. I don't have "Syntax" installed as a font on my system (does anyone?), but I am more concerned about the size of the text.
What am I missing?
_____________________________
Cooper
BAC Web Design - Tools & Templates - Buck A Ball - Stopspamstop.com
|
|
|
|
c1sissy
Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: Just inherited a site... trouble with CSS - 1/19/2004 21:20:47
Hi Cooper,
First of all your style sheet is all out of order.
Body should be the first thing styled.
Your links are out of order, they need to be in a specific order for them to work correctly, link - visited - hover - active (I believe that this is the correct order)
Parts of your rules are missing the ;
font-family: Syntax, Arial, Verdana, Helvetica, sans-serif
shouldl be
font-family: Syntax, Arial, Verdana, Helvetica, sans-serif;
If I am remembering correctly the style sheet should be such as
body
h1 etc....
p
img
lists
I'm not exactly sure if I have the images and lists correct but I believe that the order for the other things are correct. Also your classes would follow this.
Also, Syntax? is that a font name? If not, it does not belong in the font-family. Also if you are going to use a shorthand with font there is a way that you need to set that up as well. It also needs to be in order. Same with the border, margin padding,= top, right, bottom,left- this is the way that this should be. Always clockwise.
Ihope that I have not been too confusing in how i explained this and that it helps you out a bit. I have not really looked at all the styles themselves, just a glance to get you started.
_____________________________
Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/
| |
|
|
|
Giomanach
Posts: 6129
Joined: 11/19/2003
From: England
Status: offline
|
RE: Just inherited a site... trouble with CSS - 1/20/2004 4:25:51
Deb is right, the CSS is totally in the wrong order. BTW Mom, the img one isn't a valid CSS style, I tried to use it a while ago in Dreamweaver and it would not validate at all.
The links need to be:
a:link
a:visited
a:hover
a:active
Body needs to be first
Why bother with the p? that is covered by body
td can be integrated into body:
body, th, td {
....................
}
Syntax is a custom font, see if it is in any of the zip files here:
http://briefcase.yahoo.com/gio_manach
login: gio_manach
Password: please
Dan
< Message edited by Giomanach -- 1/20/2004 9:26:57 >
_____________________________
| |
|
|
|
c1sissy
Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: Just inherited a site... trouble with CSS - 1/20/2004 7:49:38
quote:
BTW Mom, the img one isn't a valid CSS
According to Cascading Style Sheets By Design, Yes it is.
ANY element that is an html element is styled with css. block leve or inline level.
quote:
Why bother with the p? that is covered by body
As stated above, any element is styleable, and you should always decalre your fonts in your p and in your body due to browser issues. Plus you can give your p different styles then what you give your body. Also, you should give your font sizes in your p instead of your body. Not sure of the reason, but that also is covered in the books.
Also, unless you are giving your table the same styles as your body, you don't need to cover them in body. If you are using css positioning with divs, which is basically what css is about, you won't need tables to do your page layout. Tables are for data, not for layout.
< Message edited by c1sissy -- 1/20/2004 7:54:05 >
_____________________________
Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/
| |
|
 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 
