PDA

View Full Version : im new to css...

Skipperkirk
01-01-2005, 09:13 AM
can someone please clean up my coding alittle bit :)

i am wanting it to look like this

_________________
|``heading picture``|
|_________________|
|``````link bar`````|
|_________________|
|``iframe w/content`|
|_________________|


<html><head><title>Title here</title>


<style type="text/css">

A:link
{ text-decoration: none;
color:#000000; }
A:visited
{ text-decoration: none;
color:#000000; }
A:active
{ text-decoration: none;
color:#000000; }
A:hover
{ text-decoration: underline;
color:#505050;}

background-image: url(http://www.freewebs.com/kirkycadle/pattern_greyish.gif);
background-color: #505050;



h1
{ font-family: verdana;
color: #000000;


body
{ background-color: #505050;
background-image: url(http://www.freewebs.com/kirkycadle/pattern_greyish.gif);


font-family: Verdana;
color: #000000 ;
font-weight: normal;


scrollbar-face-color : #D7D3E6;
scrollbar-highlight-color : #000000;
scrollbar-3dlight-color : #D7D3E6;
scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color : #D7D3E6;
scrollbar-track-color : #D7D3E6;
scrollbar-arrow-color : #000000; }


margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}

td.off
{ background: #D7D3E6; }
td.on
{ background: #505050; }



input, textarea
{ background: #D7D3E6 ;
font-family: Verdana;
color: #000000;
border-style: solid;
border-color: #000000;
border-width: 1px; }

#header
{ margin: 0px;
height: 200px;
width: 700px;
#link bar
{ margin: 0px;
width: 700px;

#content
{ margin: 0px;
height: 1000px;
width: 700px;


</style></head>

<body>

<div id="header">

Header Picture here

</div>

<div id="link bar">

Links here

</div>


<div id="center">

Iframe with content here

</div>


</body>
</html>





thanks so much!
kittycat
01-01-2005, 04:39 PM
Basically just forgot a few closing } in your CSS:
<style type="text/css">

A:link
{ text-decoration: none;
color:#000000; }
A:visited
{ text-decoration: none;
color:#000000; }
A:active
{ text-decoration: none;
color:#000000; }
A:hover
{ text-decoration: underline;
color:#505050;
}

h1
{ font-family: verdana;
color: #000000;
}

body
{ background-color: #505050;
background-image: url(http://www.freewebs.com/kirkycadle/pattern_greyish.gif);


font-family: Verdana;
color: #000000 ;
font-weight: normal;


scrollbar-face-color : #D7D3E6;
scrollbar-highlight-color : #000000;
scrollbar-3dlight-color : #D7D3E6;
scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color : #D7D3E6;
scrollbar-track-color : #D7D3E6;
scrollbar-arrow-color : #000000;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}

td.off
{ background: #D7D3E6; }
td.on
{ background: #505050; }



input, textarea
{ background: #D7D3E6 ;
font-family: Verdana;
color: #000000;
border-style: solid;
border-color: #000000;
border-width: 1px; }

#header
{ margin: 0px;
height: 200px;
width: 700px;
}
#link bar
{ margin: 0px;
width: 700px;
}

#content
{ margin: 0px;
height: 1000px;
width: 700px;
}


</style>