- This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
-
AuthorPosts
-
May 8, 2012 at 12:24 am #37980
norrie
MemberHi all.
I can’t for the life of me figure out why my header tags will only pick up the browser defaults and when I spec the h tag sizes, I can’t get it to change. There’s no inline CSS. Can someone please enlighten me? Ta!
/*
simple reset
*/
html, body, p, ul, ol, li, form, fieldset, legend
{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6, { margin-top: 0; }
fieldset,img { border: 0; }
legend { color: #000; }
ol, ul { list-style: none; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
caption, th, td
{
text-align: left;
vertical-align: top;
font-weight: normal;
}
input, textarea, select
{
font-size: 110%;
line-height: 1.2;
}
abbr, acronym
{
border-bottom: .1em dotted;
cursor: help;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* END RESET */
/*
BASE CSS
*/
body {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
line-height: 1.2;
background: #eeeeed url(../_images/bground-1.gif);
color: #999;
list-style-type: none;
}
h1, h2, h3, h4, h5, h6 {
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 1.2;
font-weight: normal;
margin: 0;
padding: 0;
}
a {
text-decoration: none;
color: #999;
}
a:hover {
color:#FF269D;
text-decoration: none;
}
h1 {
font—size: 218%;
}
h2 {
font—size: 164%;
}
h3 {
font—size: 145%;
}
h4 {
font—size: 118%;
}
/* END BASE CSS */
#container {
background-color: #FFF;
width: 960px;
position: relative;
margin: 0px auto;
padding: 0px 22px;
}
#header {
background: #FFF;
height: 100px;
}
/* END FLOAT CLEARFIX */
#header-left {
width: 748px;
height: 84px;
border-top: 12px solid #666;
border-bottom: 1px solid #999;
padding-top: 30px;
float: left;
}
#header-left h3 {
font-size: 1em;
padding-left: 540px;
line-height: 1.5em;
}
#header-left h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-style: normal;
font-weight: normal;
text-transform: capitalize;
color: #999;
margin-top: 12px;
}
#header-left img {
position: relative;
left: 0px;
float: left;
}
#header-right {
float: right;
width: 192px;
height: 80px;
padding-top: 43px;
border-bottom: 1px solid #999;
}
#header-right p {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-weight: normal;
color: #FF7800;
line-height: 1.9em;
letter-spacing: 0.1em;
}
/* FLOAT CLEARFIX */
.clearfix:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both;
}
#sidebar {
float: right;
width: 192px;
background-color: #FFF;
height: 600px;
margin-top: 34px;
}
#nav-main {
margin-bottom: 40px;
border-top: 2px solid #999;
}
#footer p {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
text-transform: uppercase;
}
#nav-recent {
margin-bottom: 40px;
border-top: 2px solid #999;
}
#nav-follow {
margin-bottom: 40px;
border-top: 2px solid #999;
}
#nav-main li {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-style: normal;
border-bottom: 1px solid #999;
color: #666;
font-weight: bold;
padding: 0.6em 0px;
}
#nav-recent li {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-style: normal;
padding: 0.6em 0px;
border-bottom: 1px solid #999;
color: #666;
font-weight: bold;
}
#nav-follow li {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-style: normal;
padding: 0.6em 0px;
border-bottom: 1px solid #999;
color: #666;
font-weight: bold;
}
nav a {
font-family: Arial, Helvetica, sans-serif;
color: #666;
display: block;
}
nav {
display: block;
}
nav a:hover {
font-family: Arial, Helvetica, sans-serif;
color: #FF269D;
}
#main-content {
float: left;
background: #FFF;
width: 748px;
margin-top: 34px;
}
#intro {
background: #eeeeed;
display: block;
padding: 20px;
height: 100px;
margin-bottom: 20px;
}
#intro h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2.2em;
font-style: normal;
font-weight: normal;
color: #999;
line-height: 1.2em;
}
h1 .pink{
color: #FF269D;
}
#footer {
background-color: #FFF;
clear: both;
height: 50px;
}
#footer h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
line-height: 1.5px;
padding-top: 1.1em;
padding-bottom: 1.1em;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
}
May 8, 2012 at 12:54 am #102477joshuanhibbert
MemberValidate the above CSS and you get a number of parse errors. It seems that some of the characters have become corrupted. Simply re-typing them should fix your issues.
Also, the font-size declarations for the headings seem to be using an en dash instead of a hyphen.
May 8, 2012 at 1:04 am #102478MemberEn dashes!!!! Thanks so much Josh. I initially pulled those sizes from a PDF to see what they looked like and that’s where they came from.
May 8, 2012 at 1:16 am #102479MemberNo worries at all. Glad I could help!
-
AuthorPosts
Viewing 4 posts - 1 through 4 (of 4 total)
- The forum ‘CSS’ is closed to new topics and replies.