CSS header

[LadyLannie]

Hello I have a question about css headings.So im building a new social media site called HashT@g and when I created the header all of my headers except the index page is correct how might I fix this.

Thank You In Advance 🙂

link: http://themecontrol.is-great.org
note it does not support IE yet.

Here is the code.

.logo {
text-decoration: none;
color: #f3f3f3;
margin-left: 18px;
font-family: serif;
position: relative;

}

img {
height: 39px;

}

div.header {
background: -webkit-radial-gradient(#14a2d9,#64a2dc);
padding: 2px;
margin: -8px;
border-bottom: 1px outset #44a2d9;
box-shadow: 0px 0px 2px 0px steelblue;


}

form {
margin-left: 270px;
position: relative;
top: 80px;
background: #f0f0f0;
padding: 26px;
border-radius: 8px;
border: 0px solid #999999;
width: 480px;
border-top: 1px outset #999999;
overflow: hidden;
border-right: 1px outset #efefef;
border-left: 1px outset #999999;
border-bottom: 1px outset #efefef;
background-image: url(/images/geo.png);
margin: 0 auto;
padding-bottom: 40px;
-o-background-image: url(/images/geo.png);

}

input[type='text'],
input[type='password'] {
padding: 20px;
border-radius: 4px;
border: 1px solid #efefef;
box-shadow: 0px 0px 2px 0px #737373;
margin-left: 24px;
width: 430px;
font-family: Arial Narrow;
color: #737373;
position: relative;
-webkit-border: 1px solid #efefef;

}

input[type='submit'] {
padding: 12px;
width: 329px;
position: relative;
margin-left: 73px;
border-radius: 4px;
background: rgb(53, 212, 164);
border-bottom: 1px outset rgb(53, 212, 164);
color: #f2f2f2;
font-family: Eras Light ITC;
border-top: 1px inset rgb(53, 212, 164);
border-left: 1px inset rgb(53, 212, 164);
border-right: 1px outset rgb(53, 212, 164);
text-transform: uppercase;
font-size: 17px;

}

p {
font-size: 15px;
font-family: Helvetica Neue;
line-space: 10px;
width: 500px;

}

.bottom {
text-decoration: none;
color: steelblue;
font-family: serif;

}

.reg {
text-decoration: none;
color: steelblue;

}

small {
float: right;
position: relative;
top: -39px;
margin-right: 12px;

}

a {
text-decoration: none;

}

a.mem {
color: #f2f2f2;
font-family: Arial Narrow;
margin-right: 6px;

}

.logout {
background: steelblue;
padding: 6px;
border-radius: 4px;
color: snow;
border: 1px inset #44a2d9;
border-right: 1px outset #44a2d9;
border-bottom: 1px outset #44a2d9;

}

smalltext {
position: absolute;
margin-top: 60px;
width: 200px;
margin-left: -137px;

}

body {
background: url(/images/shat.png);

}

b.or {
position: relative;
top: -4px;
text-align: center;
margin-left: 227px;
padding-bottom: 10px;
text-transform: uppercase;
color: #737373;

}

a.register {
padding: 12px;
width: 335px;
position: relative;
margin-left: 72.3px;
border-radius: 4px;
border-bottom: 1px outset #14a2dc;
color: #f2f2f2;
border-top: 1px outset #007099;
border-left: 1px outset #007099;
border-right: 1px inset #007099;
border-bottom: 1px outset #14a2dc;
font-transform: normal;
top: 3px;
padding-right: 137px;
text-align: center;
padding-left: 130px;
font-weight: normal;
background: -webkit-linear-gradient(top,#44a2d9,#24a2d9);
font-family: Eras Light ITC;

}

input[type='submit']:hover {
transition: ease .8s;
background: -webkit-radial-gradient(#34d5a4,#5fd3b1); 

}

a.register:hover {
transition: ease 2.8s;
background: -webkit-linear-gradient(#04a2d9,#48a4d9);

}

 

[Saruman]

Are you talking about positioning your logo?

Adding menus?

 

[LadyLannie]

no i was talking about the header the logo is on if you push the login button itll take you to the error page and the heading gets bigger than the index page..

 

[LadyLannie]

I know css its just i make noobie errors sometimes so yeah it wasnt the h2 tag....
I fixed it though....

Thanks for your help....

 

[Gray]

I fixed it though....

So this is solved? I'll go ahead and move this then. 🙂