Help With CSS
-
This is my css file…
/*Body*/
body {
background: #fff; Nice clean sheet of white cyber-paper
color: #000; Default text colour is BLACK, please
margin: 0; Good idea to start at zero and build from there
padding: 0; What he said above for margin
}
/*Rap of Page*/
#rap {
border: solid #f00 2px; Used to illustrate DIV
}
/*Webblog title*/
#header {
background: #90a090;
border-bottom: double 3px #aba;
border-left: solid 1px #9a9;
border-right: solid 1px #565;
border-top: solid 1px #9a9;
font: italic normal 230% ‘Arial”
letter-spacing: 0.2em;
margin: 0;
padding: 15px 10px 15px 60px;
}
#header a {
color: #fff;
text-decoration: none;
}
#header a:hover {
text-decoration: underline;
}
/*Box of Title*/
#header {
background: #90a090;
border-bottom: double 3px #aba;
border-left: solid 1px #9a9;
border-right: solid 1px #565;
border-top: solid 1px #9a9;
font: italic normal 230% ‘Arial”
letter-spacing: 0.2em;
margin: 0;
padding: 15px 10px 15px 60px;
}
/*Entry Title*/
h3 {
border-bottom: dotted 1px #eee;
font-family: “Arial”
margin-top: 0;
}
.storytitle {
margin: 0;
}
.storytitle a {
text-decoration: none;
}
/*Entry Content*/
, li, .feedback {
font: 90%/175% ‘Verdana’
letter-spacing: -1px;
}
/*Menu Control*/
#menu {
background: #fff;
border-left: 1px dotted #ccc;
border-top: solid 3px #e0e6e0;
padding: 20px 0 10px 30px;
position: absolute;
right: 2px;
top: 0;
width: 11em;
}
/*Link Title*/
#menu ul li {
font: italic normal 110% ‘Times New Roman’, Times, serif;
letter-spacing: 0.1em;
margin-top: 10px;
padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
padding-left; 2px;
background-color: #fff;
border-top: solid 1px #000;
border-left: solid 1px #000;
border-right: solid 1px #000;
border-bottom: solid 1px #000;
}
/*The Links*/
#menu ul ul li {
border: 0;
font: normal normal 70%/115% ‘Verdana’
letter-spacing: 0;
margin-top: 0;
padding: 0;
padding-left: 12px;
}
#menu ul ul li a {
color: #000;
text-decoration: none;
}
#menu ul ul li a:hover {
border-bottom: 1px solid #809080;
}
/*Footer Bar*/
.credit {
background: #90a090;
border-top: double 3px #aba;
color: #fff;
font-size: 11px;
margin: 10px 0 0 0;
padding: 3px;
text-align: center;
}
/*word Press Link*/
cite {
font-size: 90%;
font-style: normal;
}
.credit a:link, .credit a:hover {
color: #fff;
}
This is what it looks like, https://bchevette.ttemple.org/ .
Can you tell me what I am doing wrong?
- The topic ‘Help With CSS’ is closed to new replies.