CSS help

Posted on November 16, 2012 by admin412 views

Ok so i want to create some sort of CSS file so my page doesnt have a great deal code, so i tak the many CSS stuff. out of this code what do i put in that file What tags should i need to set up itlike do i would like < html> < /html> or maybe < style> < /style> in addition to stuff like that

here is the code

Code: 
<! DOCTYPE html page PUBLIC " -//W3C//DTD XHTML ONE PARTICULAR. 0 Transitional//EN" " http: //www. w3. org/TR/xhtml1/DTD/xhtml1-transitional. dtd" >
< html page xmlns=" http: //www. w3. org/1999/xhtml" >
< head>

< design type=" text/css" >
any: link color: #333333; text-decoration: it's unlikely that any;
a: visited colour: #333333; text-decoration: it's unlikely that any;
a: active colour: #333333; text-decoration: it's unlikely that any;
a: hover colour: #c0c0c0; text-decoration: it's unlikely that any;
FONT FONT-FAMILY: Verdana, Helvetica; FONT-SIZE: 10px
TD FONT-FAMILY: Verdana, Helvetica; FONT-SIZE: 10px
BODY BACKGROUND: #FFFFFF; FONT-FAMILY: Verdana, Helvetica; FONT-SIZE: 10px; COLOUR: #333333

#container
boundary: 1px solid #000000;
size: 700px;
\width: 700px;
w\idth: 700px;
border: 10px;
margin-left: auto;
margin-right: auto;
foam: 10px;
height: 700px;

#banner
boundary: 1px solid #000000;
foam: 0px;
margin-bottom: A COUPLE OF. 5px;
background-color: white;
height: 100px;

#content
boundary: 1px solid #000000;
foam: 0px;
margin-left: 50px;
margin-right: 50px;
background-color: white;
height: 700px;

#sidebar-a
boundary: 1px solid #000000;
drift: left;
width: 100px;
\width: 100px;
w\idth: 100px;
border: 0;
margin-right: 0px;
foam: 0px;
background-color: white;
height: 300px;

#sidebar-b
boundary: 1px solid #000000;
drift: right;
width: 100px;
\width: 100px;
w\idth: 100px;
border: 0;
margin-left: 0px;
foam: 0px;
background-color: white;
height: 300px;

#sidebar-c
place: absolute;
top: 301px;
boundary: 1px solid #000000;
drift: left;
width: 100px;
\width: 100px;
w\idth: 100px;
border: 0;
margin-right: 100px;
foam: 0px;
background-color: white;
height: 300px;


#sidebar-d
top rated: 301px;
position: complete;
border: 1px solid #000000;
float: correct;
width: 100px;
\width: 100px;
w\idth: 100px;
border: 0;
margin-left: auto;
padding: 0px;
background-color: white;
height: 300px;



< /style>
< /head>
< body>

< div id=" container" >

< div id=" banner" > & nbsp; < /div>

< div id=" sidebar-a" >
< center>
< br>
< any href=" http: //www.. com" > Home< /a> < br>
< any href=" http: //www.. com" > News< /a> < br>
< any href=" http: //www.. com" > Link< /a> < br>
< any href=" http: //www.. com" > Link< /a> < br>
< any href=" http: //www.. com" > Link< /a> < br>
< any href=" http: //www.. com" > Link< /a> < br>
< any href=" http: //www.. com" > Link< /a> < br>
< /center>
< /div>

< div id=" sidebar-b" >
< /div>
< div id=" sidebar-c" > < /div>
< div id=" sidebar-d" > < /div>


< div id=" content" >
& nbsp;
< /div>


< div id=" footer" >
< Center>
PatriotProductions. usCopyright 2004-2005
< /center>
< /div>

< /body>
< /html>

no html in the external css file

this may be your css file

Code: 
any: link color: #333333; text-decoration: it's unlikely that any;
a: visited colour: #333333; text-decoration: it's unlikely that any;
a: active colour: #333333; text-decoration: it's unlikely that any;
a: hover colour: #c0c0c0; text-decoration: it's unlikely that any;
FONT FONT-FAMILY: Verdana, Helvetica; FONT-SIZE: 10px
TD FONT-FAMILY: Verdana, Helvetica; FONT-SIZE: 10px
BODY BACKGROUND: #FFFFFF; FONT-FAMILY: Verdana, Helvetica; FONT-SIZE: 10px; COLOUR: #333333

#container
boundary: 1px solid #000000;
size: 700px;
\width: 700px;
w\idth: 700px;
border: 10px;
margin-left: auto;
margin-right: auto;
foam: 10px;
height: 700px;

#banner
boundary: 1px solid #000000;
foam: 0px;
margin-bottom: A COUPLE OF. 5px;
background-color: white;
height: 100px;

#content
boundary: 1px solid #000000;
foam: 0px;
margin-left: 50px;
margin-right: 50px;
background-color: white;
height: 700px;

#sidebar-a
boundary: 1px solid #000000;
drift: left;
width: 100px;
\width: 100px;
w\idth: 100px;
border: 0;
margin-right: 0px;
foam: 0px;
background-color: white;
height: 300px;

#sidebar-b
boundary: 1px solid #000000;
drift: right;
width: 100px;
\width: 100px;
w\idth: 100px;
border: 0;
margin-left: 0px;
foam: 0px;
background-color: white;
height: 300px;

#sidebar-c
place: absolute;
top: 301px;
boundary: 1px solid #000000;
drift: left;
width: 100px;
\width: 100px;
w\idth: 100px;
border: 0;
margin-right: 100px;
foam: 0px;
background-color: white;
height: 300px;


#sidebar-d
top rated: 301px;
position: complete;
border: 1px solid #000000;
float: correct;
width: 100px;
\width: 100px;
w\idth: 100px;
border: 0;
margin-left: auto;
padding: 0px;
background-color: white;
height: 300px;

comments in the css file usually are /*… */

Code: 
/* this can be
a comment */

also… undecided what you’re wanting to do here

Code: 
width: 100px;
\width: 100px;
w\idth: 100px;

Whats the research i make in the HTML file

Code: 
....
< head>
....
< website rel=" stylesheet" type=" text/css" href=" cssfile. css" >
< /head>
....

yes i believe i saw ream weaver make it happen efore i started out to code manually..

size: 100px;
\width: 100px;
w\idth: 100px;

would someone reveal this sillyness if you ask me.

Read the rest of this entry: CSS help
Read more article: Development
This entry was posted in Web Design and tagged , , , , , , , , , , , . Bookmark the permalink.

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *