CSS klein probleempje
Sonny van de Berg
01/09/2011 18:23:07Dag 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
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
PHP hulp
21/11/2024 19:40:57- SanThe -
01/09/2011 18:53:02Jacco Brandt
01/09/2011 18:59:28Ruben Vanhoeyveld
01/09/2011 19:13:01Waarschijnlijk 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:36Dan moet je de input fields weer terug zetten naar de default styles:
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/
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
*
{
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;
}
{
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/