CSS interfering with Add Page
Permalink
Hi Guys
It seems my css is interfering with the "name" form field but i don;t have any css that targets form fields. The field appears very large.
Can anyone spot anything in my css that would likely interfere with this specific element?
* {margin: 0px; padding: 0px;}
html {width: 100%; height: 100%;}
body {
padding: 0;
margin: 0;
background: #ffffff url(images/new_bacground.jpg) no-repeat center top;
width: 100%;
}
#wrapper {
width: 900px;
min-height: 400px;
margin: auto;
margin: 50px auto 0px auto;
margin-left: auto;
overflow: hidden;
* {margin: 0px; padding: 0px;}
html {width: 100%; height: 100%;}
body {
padding: 0;
margin: 0;
background: #ffffff url(images/new_bacground.jpg) no-repeat center top;
width: 100%;
}
#wrapper {
width: 900px;
min-height: 400px;
margin: auto;
margin: 50px auto 0px auto;
margin-left: auto;
overflow: hidden;
}
.top_curve{
width: 900px;
height: 19px;
margin-top: 20px;
background: url(images/curve_top.png) no-repeat center top;
}
.btm_curve{
width: 900px;
height: 19px;
background: url(images/curve_btm.png) no-repeat center top;
}
.content_container {
width: 900px;
min-height: 600px;
background: #ffffff;
background: url(images/trans_background.png);
padding: 1px;
}
#header {
width: 900px;
height: 160px;
}
.logo {
margin:20px 0px 0px 110px;
float: left;
width: 290px;
}
.contact {
margin:20px 0px 0px 90px;
float: left;
width: 350px;
height: 102px;
}
#nav {
width: 100%;
height: 30px;
margin-top: 10px;
}
/* ############ WELCOME PAGE #############*/
#content_welcome {
width: 700px;
min-height: 600px;
padding: 1px;
margin: 30px auto 50px auto;
}
#left_welcome {
width:300px;
min-height:300px;
float: left;
}
#right_welcome {
width:300px;
min-height:300px;
float: right;
}
#welcome_welsh_img {
margin-bottom: 25px;
}
#welcome_english_img {
margin-bottom: 25px;
}
#image {
width: 500px;
height: 201px;
}
#content {
width: 600px;
min-height: 500px;
margin: 30px auto 50px auto;
border: 1px solid #000;
}
.text {
width: 400px;
min-height: 200px;
margin-left: 103px;
margin-top:20px; ;
}
#footer {
width: 100%;
}
#footer .footer_left {
width: 450px;
float: left;
margin-left: 35px;
}
#footer .footer_right {
width: 125px;
float: left;
margin-left: 40px;
}
.clear {
width: 100%;
height: 0px;
clear: both;
}
/* ############################# Text ########################### */
h1, h2, h3, h4, h5, p, a:link, a:visited {
font-family: gillsansMT, arial,verdana, arial;
}
h1 {font-size: 25px; color: #3eac3c; font-weight: normal;margin-bottom: 30px;}
h2 {font-size: 20px; color: #3eac3c;}
h3 {font-size: 18px; color: #3eac3c;}
.text p {
font-size: 15px;
line-height: 1.5em;
letter-spacing: 0.05em;
}
.contact p {
color:#3eac3c;
text-align: right;
font-size: 20px;
margin-top: 55px;
}
#nav a {
text-decoration: none;
margin-right: 60px;
color:#646464;
font-size: 19px;
}
#left_welcome h2 {
margin-bottom:20px ;
}
#right_welcome h2 {
margin-bottom:20px ;
}
#nav a:visited {}
#nav a:hover {color: #3eac3c;}
#nav .current {color: #3eac3c;}
#nav ul li{
display: inline;
}
#nav ul { margin-left: 115px;}
#footer a {
text-decoration: none;
margin-right: 35px;
color:#646464;
font-size: 12px;
}
#footer a:visited {}
#footer ul li{
display: inline;
}
#footer ul {margin-left: 50px;}
#footer .bottom_text {
width: 770px;
margin-top: 11px;
margin-left:85px ;
}
#footer p {
font-size: 12px;
color:#646464 ;
}
