[b]What is CSS? [/b] CSS stands for cascading style sheets. Cascading style sheets are used to change properties like font face, size, font in tables, scrollbar color, link color and hover color, a
You are viewing a post by black seraphim. View all 111 posts in [b]What is CSS? [/b] CSS stands for cascading style sheets. Cascading style sheets are used to change properties like font face, size, font in tables, scrollbar color, link color and hover color, a.
2007-08-03 22:17:16
- black seraphim
- » FTalker
113
0
1969-12-31
[b]What is CSS? [/b] CSS stands for cascading style sheets. Cascading style sheets are used to change properties like font face, size, font in tables, scrollbar color, link color and hover color, a
@switpotato
I viewed your source and I saw these
[quote]body {
background-color: mistyrose;
background-image: url(http://i147.photobucket.com/albums/r299/switpotato/pinkstripewp.jpg);
color: mistyrose;background-attachment: fixed;
font-family: verdana;
font-size: 11;
font-weight: bold;
letter-spacing: 0pt;
line-height: 10px;
text-align: justify; }
body {cursor: url(http://www.dressupmyspace.com/cursors/bunny/1.cur);}
BODY{BORDER-TOP: 20px outset pink ;
BORDER-BOTTOM:20px inset pink;
BORDER-LEFT: 20px outset pink;
BORDER-RIGHT:20px inset pink;}
body {
scrollbar-Face-Color:#FFC0CB;
scrollbar-Highlight-Color:seashell;
scrollbar-Shadow-Color:#FFC0CB;
scrollbar-3dLight-color:seashell;
scrollbar-Arrow-Color:seashell;
scrollbar-Track-#FFC0CB:seashell;
scrollbar-DarkShadow-Color:seashell} /*you forgot to terminate this line */
td, xmp
{ font-family: verdana;
color: chocolate;
font-size: 9;
font-weight: normal;
letter-spacing: 0pt;
line-height: 12px;
text-align: justify;
}
BODY {
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFF5F5;
scrollbar-3dlight-color: salmon;
scrollbar-darkshadow-color:#FFF5F5;
scrollbar-shadow-color: salmon;
scrollbar-arrow-color:#F9B7B7;
scrollbar-track-color:#FFFFFF;
BODY{BORDER-TOP: 20px outset pink ;
BORDER-BOTTOM:20px inset pink;
BORDER-LEFT: 20px outset pink;
BORDER-RIGHT:20px inset pink;}[/quote]
Its better that all the style codes shall be wrap in only [b]ONE[/b] [i]body { }[/i]. Another thing that I have observed is the [b]scrollbar style, and body border style[/b] that were wrapped on your body tag have been repeated on the bottom part of your code. That is not the proper way to make css codes and this must be something like this:
[quote]<style type="text/css">
body {
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFF5F5;
scrollbar-3dlight-color: salmon;
scrollbar-darkshadow-color:#FFF5F5;
scrollbar-shadow-color: salmon;
scrollbar-arrow-color:#F9B7B7;
scrollbar-track-color:#FFFFFF;
background-color: mistyrose;
background-image: url(http://i147.photobucket.com/albums/r299/switpotato/pinkstripewp.jpg);
background-attachment: fixed;
cursor: url(http://www.dressupmyspace.com/cursors/bunny/1.cur);
BODY{BORDER-TOP: 20px outset pink ;
BORDER-BOTTOM:20px inset pink;
BORDER-LEFT: 20px outset pink;
BORDER-RIGHT:20px inset pink;
font-family: verdana;
font-size: 11;
font-weight: bold;
letter-spacing: 0pt;
line-height: 10px;
text-align: justify;
}
</style>[/quote]
Since I just added styles only in a [b]body[/b] tag, I do not have to put comments like <!- -!> or /* */. Comment tags were only used if you define a class or id for an html tag like this one:
I'll make a css style on a <div> tag with a define class and id for example the html code goes something like this:
[quote]<html>
<head>
<title>Div</title>
</head>
<body>
<div [color=#FF0000]class="div1"[/color]></div><br><div [color=#FF0000]id="div2"[/color]></div>
</body>
</html>[/quote]
To avoid confusing on every divs you must add up comments like this on your css style.
[quote]<html>
<head>
<style type="text/css">
/*this div is for my more about me*/
[color=#FF0000].div1[/color] {
font-family: tahoma;
font-size: 10px;
color: #000000;
}
/*this div is for my testimonials*/
[color=#FF0000]#div2[/color] {
font-family: verdana;
font-size: 10px;
color: #FFFFFF;
}
</style>
<title>Div</title>
</head>
<body>
<div [color=#FF0000]class="div1"[/color]></div><br><div [color=#FF0000]id="div2"[/color]></div>
</body>
</html>[/quote]
In friendster they add up comments on tag so that friendster users that will make any edition on css codes will not be confused. I hope you get my point. 
 |