da_illest101
Well-known member
I'm trying to make an external style sheet but it's just not working
so far I have this in the style sheet
@charset "utf-8";
/* CSS Document */
<style type="text/css">
.container {
background-image: url(background3.jpg);
margin: auto;
height: 480px;
width: 720px;
}
.topleft {
float: left;
height: 171px;
width: 520px;
margin-top: 62px;
margin-left: 80px;
}
.insideleft {
float: left;
height: 171px;
width: 150px;
}
.insideright {
height: 171px;
width: 350px;
margin-left: 170px;
}
.table {
height: 25px;
width: 460px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 250px;
padding-right: 0px;
padding-left: 0px;
padding-top: 295px;
}
.container .table table tr td {
font-family: Georgia, Times New Roman, Times, serif;
}
body,td,th {
color: #FFF;
}
</style>
but when I attach it to an html page nothing happens ::
I have no idea what i'm doing wrong
so far I have this in the style sheet
@charset "utf-8";
/* CSS Document */
<style type="text/css">
.container {
background-image: url(background3.jpg);
margin: auto;
height: 480px;
width: 720px;
}
.topleft {
float: left;
height: 171px;
width: 520px;
margin-top: 62px;
margin-left: 80px;
}
.insideleft {
float: left;
height: 171px;
width: 150px;
}
.insideright {
height: 171px;
width: 350px;
margin-left: 170px;
}
.table {
height: 25px;
width: 460px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 250px;
padding-right: 0px;
padding-left: 0px;
padding-top: 295px;
}
.container .table table tr td {
font-family: Georgia, Times New Roman, Times, serif;
}
body,td,th {
color: #FFF;
}
</style>
but when I attach it to an html page nothing happens ::
I have no idea what i'm doing wrong