Goedendag leden,

Ik heb een foutje in mijn css file. Nu heb ik al meerdere dingen geprobeerd, maar niks blijkt te helpen.
Ik heb een een zoekfunctie op mijn site staan, maar heb een aparte CSS file voor de contact formuleer.

Op de hoofdpagina (index.php) staat de zoekfuntie op de juiste plek. Maar op contact.php niet (zie bijlage) (fout1.png is home.php, fout2.png is contact.php)

De fout heb ik wel gevonden, dat zit in de css file van de contact script.

input, textarea, select {margin: 0;padding: 2px;font-size: 1em;color: #666666;background: #F5F5F5;border: 1px solid #ccc;margin: 5px 0;}

de fout zit hem in de margin: 5px0 ;
echter als ik deze line weg haalt, wordt de contact formuleer niet correct weer gegeven (zie fout3.png enn fout4.png)
Ik heb geprobeerd om een id of class toe te wijzen. Echter heeft dit ook geen resultaat.

Ik hoop dat ik duidelijk bent, en iemand me hier bij kan helpen.
Ik heb niet echt veel verstand van CSS, waarschijnlijk zou het daaraan liggen

m.v.g, onlineproducten

Hoe gaat dit in zijn werking?
Kunt iemand mij hier wat uitleg over geven?

Normaal worden me CSS files gemaakt door iemand.
Alleen deze persoon is op dit moment op vakantie.

En na 3 maanden, wil ik me site eindelijk wel eens online gooien.
Nog enkele scripts, en het systeem is klaar.

Maar ik wil natuurlijk wel dat de layout correct weer gegeven wordt.

Ik zelf heb totaal geen verstand van CSS.
Heb het design gebied overgeslagen, aangezien dit niet weg gelegd voor mij

Overigs heb ik gegoogled en kom ik telkens uit op site's
Waar ik me CSS rules toe meot passen.
Aangezien ik hier geen verstand van heb, lijkt me de CSS reset geen goede optie voor een in CSS onevaren persoon zoals ik

Ik weet waar de fout in zit.

Ik heb een contact script, gebruikt met css opmaak.
Maar nu gaan er 2 css files door elkaar

de layout van de searchbar is deze code:

#searchbar {
	width:250px;
	float:left;
	padding-left:35px;
	background-image: url(images/searchicon.jpg);
	background-repeat: no-repeat;
	background-position: 3px 9px;
	padding-top: 5px;
}
#searchbar #keyword {
	width:150px;
	display: block;
	float: left;
	height: 20px;
	border: 1px solid #969696;
	padding: 2px;
	margin-right: 5px;
	font-size: 14px;
}
#searchbar form {padding:3px;}
#searchcontact form {padding:-8px;}

en de code van het contact formuleer is:

input, textarea, select {
  margin: 0;
  padding: 2px;
  font-size: 1em;
  color: #666666;
  background: #F5F5F5;
  border: 1px solid #ccc;
  margin: 5px 0;
}   


input:focus, textarea:focus, select:focus {
  border: 1px solid #999;
  background-color: #FFFFFF;
}


input.button {
  cursor: pointer;
  border: none;
  font-weight: bold;
  background: url(images/submit.jpg) no-repeat left top;
  width: 90px;
  height: 28px;
  margin-left: 150px;
}

als ik de

margin 5px 0;

van de contact.css file weg haalt, wordt de searchbar wel goed weer gegeven. Alleen het contact formuleer niet.

De code van contact en searchbar zitten in aparte files.
De code is wel langer, alleen dat is van de navigatiebar enzo

OPGELOST!
Ik had de class verkeerd geplaatst.
Ik had i.p.v. input.box
#box.input gedaan.

Ook hier kan er een slotje op!