|
| |
|
|
Lazykatz
Posts: 159
Joined: 1/12/2005
Status: offline
 |
A little help with CSS style... Please - 1/31/2005 6:08:17
Hi all,
I've been really getting into the learning of CSS, but I'm getting
tired and did not search for the answer.
My problem... when I add the code below to my stylesheet,
my navigation links all change to a larger font and bold, and
text of main page also got larger.
a {
font-weight:bold;}
a:link {
text-decoration:none;
color:#0B4D77;}
a:visited {
text-decoration:none;
color:#4D0B4D;}
a:hover {
text-decoration:underline;
color:#743737;}
I also want to add a 2nd inline navigation menu, but when I did
it changed the entire page as well like above. I know it can be
done, but I'm still trial and erroring.
Is there a way to add speciffic style per Div?
Here is a copy of the current unfinished code body {
margin:9px 9px 0 9px;
padding:0;
font-size: 95%;
font-family: Arial, Lucida, Geneva, Helvetica, Verdana, sans-serif;
background:#009;}
#level0 {
background:#fff;
width:100%;}
#level1 {
margin-left:122px;
padding-left:9px;
background:#93f;}
#level2 {
background:#FFF3AC;
position:relative;
width:inherit;}
#header{
height:50px;
width:100%;
background-image:url('bl21.gif');}
#mnav{
height:20px;
width:100%;
background-image:url('bl14.gif');}
#footer{
height:50px;
width:100%;
background-color:#D9DCFF;}
#main {
margin-right:9em;
border-right:1px solid #FC0;
padding-right:9px;
background:#FFF;}
#topBar {
background:#FC0;
width:100%}
#advBar {
background:#CCF;
clear:right;
text-align:center;}
#ra {
float:right;
width:11em;
background:#EEF;
position:relative;}
#rat {
width:7em;
position:absolute;
text-align:center;
top:-1.8em;
right:0;
font:.8em/1.8em Arial,Geneva,sans-serif;}
#lftBar {
position:absolute;
width:120px;
background:#009;
top:89px;
left:9px;}
#navcontainer {
width: 120px;
border-right: 1px solid #93F;
border-left: 2px solid #C0F;
border-top: 2px solid #C0F;
border-bottom: 2px solid #C0F;
padding: 0 0 0em 0;
margin-bottom: 1em;
background-color: #009;
color: #333;}
#navcontainer ul {
list-style: none;
margin: 0;
padding: 0;
border: none;}
#navcontainer li {
border-bottom: 0px;
margin: 0;}
#navcontainer li a {
display: block;
padding: 0px 0px 0px 0.5em;
border-left: 5px solid #009;
border-right: 5px solid #009;
background-color: #30c;
color: #ccf;
text-decoration: none;
width: 85%;}
html>body #navcontainer li a { width: auto; }
#navcontainer li a:hover {
border-left: 5px solid #C0F;
border-right: 5px solid #93F;
background-color: #06f;
color: #FFF;}
#rgtBar {
position:absolute;
width:9em;
top:0;
right:0;}
#main h1 {
margin:0;
padding-left:.3em;
padding-right:5em;
font:1.25em Verdana,Helvetica,Arial;
color:#609;
background:#FC0;}
#main dt {
font-weight:bold;
font-size:120%;
margin-top:.8em}
#rgtBar h3 {
margin:0;
padding:3px;
background:#FC0;
font-weight:bold;
font-size:1em;
text-align:center;}
#topBar form {
float:right;
width:13.5em;
text-align:right;
margin:0;
line-height:.7em;}
#topBar input {font-size:.8em;}
#topBar b {
display:block;
text-align:left;
font:bold .8em/1.7em Arial,Geneva,sans-serif;
padding-left:.5em;}
#newsletter form {}
#weather form {}
#email form {}
#advBar p{text-align:right;margin:0 0.5em;font-weight:bold;}
#advBar img{margin-bottom:1em}
a img {border:none;}
.note {color:blue}
I do not have this online as of yet. As soon as I get the issues above
worked out, along with a few others, I'll post the template for review
before I get started on the other 500 pages 
Thanks in Advance,
Grizz 
_____________________________
http://lazykatz.com
|
|
|
|
Lazykatz
Posts: 159
Joined: 1/12/2005
Status: offline
|
RE: A little help with CSS style... Please - 2/2/2005 18:48:32
Hi caz,
Thanks for the info on the page that is not in question. I know this because flag and navigation is not in new code. You must have looked at only the messed up 1st page I started with and had no idea what I was doing, and did not read the top little paragragh that said "'onto the problem" that linked to the actual page in question.
Here is the actual page..
http://fpwm.lazykatz.com/blue/new_page_3.htm
Here for Errors
URI : http://fpwm.lazykatz.com/blue/sty/sty3.css
* Line: 18
Parse error - Unrecognized : {font-size: 28px}
* Line: 20
Parse error - Unrecognized : {font-size: 28px}
* Line: 22
Parse error - Unrecognized : {font-size: 24px}
* Line: 24
Parse error - Unrecognized : {font-size: 21px}
* Line: 26
Parse error - Unrecognized : {font-size: 18px}
* Line: 28
Parse error - Unrecognized : {font-size: 16px}
Warnings
URI : http://fpwm.lazykatz.com/blue/sty/sty3.css
* Line : 163 font-family: You are encouraged to offer a generic family as a last alternative
Below are the results of attempting to parse this document with an SGML parser.
1.
Line 62, column 26: required attribute "ACTION" not specified
<form method=GET>
The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.
Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.
?
2.
Line 63, column 68: document type does not allow element "INPUT" here; missing one of "P", "H1", "H2", "H3", "H4", "H5", "H6", "PRE", "DIV", "ADDRESS" start-tag
...name="query" size="18" value="Google"><input type="submit" value="Search"></f
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.
One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").
?
3.
Line 63, column 104: document type does not allow element "INPUT" here; missing one of "P", "H1", "H2", "H3", "H4", "H5", "H6", "PRE", "DIV", "ADDRESS" start-tag
..."><input type="submit" value="Search"></form>
?
4.
Line 63, column 111: end tag for "FORM" which is not finished
...t type="submit" value="Search"></form>
Most likely, You nested tags and closed them in the wrong order. For example <p><em>...</p> is not acceptable, as <em> must be closed before <p>. Acceptable nesting is: <p><em>...</em></p>
Another possibility is that you used an element (e.g. 'ul') which requires a child element (e.g. 'li') that you did not include. Hence the parent element is "not finished", not complete.
?
5.
Line 74, column 26: required attribute "ACTION" not specified
<form method=GET><p>
?
6.
Line 77, column 26: required attribute "ACTION" not specified
<form method=GET><p>
?
7.
Line 81, column 26: required attribute "ACTION" not specified
<form method=GET><p>
?
8.
Line 153, column 21: ID "RA" already defined
<div id="ra">
An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hock for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).
?
9.
Line 103, column 21: ID "RA" first defined here
<div id="ra">
10.
Line 155, column 25: ID "RAT" already defined
<div id="rat">Title</div>
?
11.
Line 105, column 25: ID "RAT" first defined here
<div id="rat">Title</div>
12.
Line 187, column 21: ID "RA" already defined
<div id="ra">
?
13.
Line 103, column 21: ID "RA" first defined here
<div id="ra">
14.
Line 189, column 25: ID "RAT" already defined
<div id="rat">Title</div>
?
15.
Line 105, column 25: ID "RAT" first defined here
<div id="rat">Title</div>
16.
Line 226, column 7: end tag for element "DIV" which is not open
</div>
The Validator found an end tag for the above element, but that element is not currently open. This is often caused by a leftover end tag from an element that was removed during editing, or by an implicitly closed element (if you have an error related to an element being used where it is not allowed, this is almost certainly the case). In the latter case this error will disappear as soon as you fix the original problem. are the errors when I validated.. I knew about all of them before going to check them again. The Parse errors, haven't set the defaults yet, line 163 will change when fonts properties are changed, line 62, 63, 74, 77, 82, are for a form to be edited into page, ..etc
None of these errors are the problem of my previous post above.
quote:
Otherwise you are getting there. Often a small typo can have big consequences.
Look at the actual page in question, and I may just believe you.. lol
I double doubled checked the links above to make sure they were correct...lol
Thanks for the input,
Grizz
_____________________________
http://lazykatz.com
| |
|
|
|
caz
Posts: 3586
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline
|
RE: A little help with CSS style... Please - 2/3/2005 5:57:37
Is that so? A link to the actual page in question would have better.
_____________________________
Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk
I remember when it took less than 4hrs to fly across the Atlantic.
| |
|
|
|
Lazykatz
Posts: 159
Joined: 1/12/2005
Status: offline
|
RE: A little help with CSS style... Please - 2/4/2005 19:06:03
Jaybee,
I'm not criticizing anyone, please don't take it that way. I know everyone has their own thing going on, and try to help others, as do I if I can. If you look back threw this thread, I started with several issues that needed to be worked out, and after more reading of tutorials, running searches for previous posts, found here in this forum, I managed to find the solutions to fix them.
quote:
We don't have the time to slog through invalid code to try and find one problem amongst all the others. All you needed to do was make sure your code was valid so we had a clean starting point to skim through.
I posted a page along with a link to a page with a copy of stylesheet with the code in question highlighted in yellow. I thought this would help the "masters" look at the problem instead of slogging threw the entire code.
I am not one who likes to ask for help at anything, but I usually jump to help others if I can. Maybe I just need slow down on this massive reconstrution, and dig deeper into the tutorials before I post help issues.
The agenda for me tonight, get the stylesheet in order, add new code for Divs, fonts.. etc.. as I create them, correct current errors in page, and post only validated pages from now on if/when I think help is needed.
Grizz
_____________________________
http://lazykatz.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 
Often a small typo can have big consequences. 
