CSS interfering with Add Page
Permalink September 20, 2011 at 5:17 PM
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 ;
}
