CSS klein probleempje

Door Sonny van de Berg op 01-09-2011 18:23

1.471 views

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

- SanThe -

01-09-2011 18:53

Die geef je dan toch zijn eigen css instellingen.

Jacco Brandt

01-09-2011 18:59

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

div #form
{
border: 1px solid black;
}

Ruben Vanhoeyveld

01-09-2011 19:13

Waarschijnlijk is je background-color hetzelfde als de background-color van de form fields.. Zoals Jacco zegt, border zelf toevoegen :)

Wouter J

01-09-2011 19:52

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

Inloggen om te reageren