Dag mensen,

Ik heb een klein probleempje met CSS. Het een template gedownload waarin de code

*{
margin:0;
padding:0;
border:none;
}

staat. Maar nu zie je geen velden bij het contactformulier. Ben er al achter gekomen dat als ik border: none weghaald de velden wel weer zichtbaar zijn.

Maargoed, is er een manier dat ik kan opgeven dat de div iv form uitgezonderd moet zijn van het * ?

Groetjes! Alvast bedankt

Bert
Die geef je dan toch zijn eigen css instellingen.
*{
margin:0;
padding:0;
border:none;
}

div #form
{
border: 1px solid black;
}
Waarschijnlijk is je background-color hetzelfde als de background-color van de form fields.. Zoals Jacco zegt, border zelf toevoegen :)
Dan moet je de input fields weer terug zetten naar de default styles:
*
{
  margin: 0;
  padding: 0;
  border: none;
}

input:not([type]), input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] 
{
  padding: 1px 0px;
}
input, input[type="password"], input[type="search"], isindex {
padding: 1px;
background-color: white;
border: 2px inset;
cursor: auto;
}


Om dit te voorkomen is het verstandig om een goede CSS reset te gebruiken. Veel hiervan staan er hier: http://perishablepress.com/press/2007/10/23/a-killer-collection-of-global-css-reset-styles/
Een veel gebruikte is: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
Ook een handige die veel default styles terug zet: http://necolas.github.com/normalize.css/

Reageren