CSS klein probleempje

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Sonny van de Berg

Sonny van de Berg

01/09/2011 18:23:07
Quote Anchor link
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
 
PHP hulp

PHP hulp

21/06/2024 20:03:28
 
- SanThe -

- SanThe -

01/09/2011 18:53:02
Quote Anchor link
Die geef je dan toch zijn eigen css instellingen.
 
Jacco Brandt

Jacco Brandt

01/09/2011 18:59:28
Quote Anchor link
*{
margin:0;
padding:0;
border:none;
}

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

Ruben Vanhoeyveld

01/09/2011 19:13:01
Quote Anchor link
Waarschijnlijk is je background-color hetzelfde als de background-color van de form fields.. Zoals Jacco zegt, border zelf toevoegen :)
 
Wouter J

Wouter J

01/09/2011 19:52:36
Quote Anchor link
Dan moet je de input fields weer terug zetten naar de default styles:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
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;
}


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/
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.