Why wont the html code work ?

S

sakuraopi

New member
Me and my friend are making a drama/anime website on "webstarts.com" and i found an html i really liked and wanted to use so i clicked the edit html button , pasted the html, and then when i press "ok" instead of the page turning into the layout i wanted , the WHOLE code got copied and posted onto the page? is that normal? i dont want the code pasted , i want the actual cute layout ...not the writing... thanks so much to anyone who can help !!!! and if it helps to see the actual html code here it is! :


body {
margin: 0px;
padding: 0px;
background-color: #5E2D5C;
font: 12px, 'arial';
color: #FFFFFF;
background-image: url('bg.jpg');
background-repeat: repeat-y;
background-position: top left;

scrollbar-base-color: #5E2D5C;
scrollbar-track-color: #5E2D5C;
scrollbar-face-color: #B68DB5;
scrollbar-highlight-color: #E2BFE1;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #3A0746;
scrollbar-arrow-color: #000000;

}

#picture {
float: left;
width: 760px;
background-image: url('bellanotte.jpg');
background-repeat: no-repeat;
background-position: top left;
align: right;
}


#leftcontent {
width: 200px;
float: left;
margin-top:400px;
margin-left: 5px;
padding:0px;
padding-bottom: 100px;
background-image: url('footer1.jpg');
background-repeat: no-repeat;
background-position: bottom left;
}

#rightcontent {
float: left;
width: 507px;
margin-top: 400px;
margin-left: 6px;
margin-right: 10px;
padding-left: 5px;
padding-right: 0px;
padding-bottom: 150px;
text-align: left;
background-image: url('footer.jpg');
background-repeat: no-repeat;
background-position: bottom right;
}

#rightcontent p {
padding-left: 5px;
padding-right: 15px; }


div#menu1 a {
display: block;
font: bold;
padding: 1px;
text-decoration: none;
color: #663366;
}

div#menu1 a:hover {
color: #FFCCFF;
text-decoration: underline;
}

div#menu1 a:visited {
text-decoration: none;
font: bold;
}

a:link {
color: #FF99FF;
font-weight: bold;
text-decoration: none;
}

a:visited {
color: #663366;
font-weight: normal;
text-decoration: none;
}

a:hover {
color: #CC99CC;
text-decoration: underline;
}


h2 {
font-size: 16px;
margin: 5px;
margin-right: 10px;
color: #FFCCFF;
border-bottom: 1px dotted #FFFFFF;

}

#menu1 {
border: 1px solid #FFFFFF;
padding: 5px;
background-color: #B68DB5;
color: #330033;
background-image: url('menu1.jpg');
background-repeat: no-repeat;
background-position: bottom;
}

h3 {
font-size: 14px;
margin: 0px;
margin-bottom: 5px;
padding-top: 0px;
font-weight: strong;
color: #663366;
text-align: center;
background-image: url('head.jpg');
background-repeat: no-repeat;
background-position: top right;
border: 1px solid #FFFFFF;
}
 
Back
Top