problemen met mijn stylesheet en php
en gebruik class en een stylesheet.
in mij php:
echo '<link rel="stylesheet" type="text/css" href="stylesheet.css">';
<select name="gesl" class="selc1">
in mijn stylesheet:
.selc1 {
background-color:#808080;
color:#FF0000;
border-color: #cccccc;
border-style: solid;
border-width: 1px;
}
Maar het is enkel de background-color dat werkt.Hoe komt dit?
Kijk eens naar http://jsfiddle.net/cH2BE/
Heb wel de short-tag gebruikt van border, want dat is korter.
Gewoon puur om te tonen dat het zeker wel kan.
Jouw probleem: zet eens een spatie tussen de : en #.
Dus:
Code (php)
1
2
3
4
5
6
2
3
4
5
6
.selc1
{
background: #808080;
color: #f00;
border: 1px solid #ccc;
}
{
background: #808080;
color: #f00;
border: 1px solid #ccc;
}
heb dit geprobeert
Gooi het eens online (in jsFiddle) of compleet. Liefst compleet natuurlijk!
echo '<link rel="stylesheet" type="text/css" href="stylesheet.css">';
?>
<html>
<head>
</head>
<body>
<table>
<form name="keuzes" method="post" action="keuzebord2.php">
<tr><td> </td><td>doelgroep:<select name="gesl" class="selc1">
<option>maak keuze</option>
<option>heren</option>
<option>dames</option>
<option>jongens</option>
<option>meisjes</option></select></td></tr>
<tr><td></td><td>model:<select name="soort">
<option>maak keuze</option>
<option>standaart</option>
<option>stansaart lux</option>
<option>lux</option></select></td></tr>
<tr><td></td><td>matriaal:<select name="matr">
<option>maak keuze</option>
<option>metaal</option>
<option>aluminium</option>
<option>hout</option></select></td></tr>
<tr><td></td><td>merk:<select name="merk">
<option>maak keuze</option>
<option>merkA</option>
<option>merkB</option>
<option>merkC</option></select></td></tr>
<tr><td></td><td>min prijs <input type="text" name="prmi" size="5" maxlength="5"/> en/of max prijs <input type="text" name="prma" size="5" maxlength="5"/></td></tr>
<tr><td></td><td><input type="submit" name="submit" value="verfijn"/></td></tr>
</form>
</table>
</body>
</html>
Toevoeging op 26/09/2012 17:36:24:
en mijn stylesheet
body {
background-color: #808080;
}
.selc1 {
background-color: #808080;
color: #f00;
border: #cccccc solid 1px;
}
{
padding: 15px;
border: 3px dotted #ccc;
color:red;
font-weight:bold;
1font-size:36px;
}
.selc1 option
{
color:brown;
}?
Dit werkt iig in Chrome!
bij Chrome werkt het ook