CSS bij dynamische select met php/mysql
Ik ben bezig met het stylen van mijn website met de hulp van CSS.
Ik heb in mijn website veel vakken waar je dingen kan selecteren. Deze zijn dynamisch en werken met Mysql en php.
Ik wil deze vakken er dus mooier uit laten zien met CSS, maar ik weet niet hoe.
Ik heb op W3Schools gekeken, maar daar stylen ze steeds een niet dynamische selectbox, die ze hebben gemaakt met HTML.
Mijn vraag is dus: Weet iemand wat CSS code waarmee ik mijn selectbox kan verbeteren?
Mijn selectbox ziet er als volgt uit:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
<html>
<form method="post">
Gebruiker:<select name="gebruiker">
<?php
$resultaat = mysqli_query($mysql,"SELECT * FROM gebruikers ORDER BY gebruikersnaam") or die("De query op de database is mislukt!");
while ($rij = mysqli_fetch_assoc($resultaat)){
echo "<option value=\"{$rij['id']}\">{$rij['id']} {$rij['gebruikersnaam']} {$rij['voorletters']} {$rij['achternaam']} {$rij['rol']} {$rij['actief']} {$rij['vak']}</option>";
}
?>
</select><br>
</form>
</html>
<form method="post">
Gebruiker:<select name="gebruiker">
<?php
$resultaat = mysqli_query($mysql,"SELECT * FROM gebruikers ORDER BY gebruikersnaam") or die("De query op de database is mislukt!");
while ($rij = mysqli_fetch_assoc($resultaat)){
echo "<option value=\"{$rij['id']}\">{$rij['id']} {$rij['gebruikersnaam']} {$rij['voorletters']} {$rij['achternaam']} {$rij['rol']} {$rij['actief']} {$rij['vak']}</option>";
}
?>
</select><br>
</form>
</html>
Alvast bedankt,
Max
Edit:
Ik heb code-tags geplaatst. Gelieve dit in het vervolg zelf toe te voegen aan je bericht.
Zie ook: Veel gestelde vragen: Welke UBB-codes kan ik gebruiken.
Zie ook: Veel gestelde vragen: Welke UBB-codes kan ik gebruiken.
Gewijzigd op 07/12/2018 16:32:12 door - Ariën -
CSS en HTML heeft niks met PHP te maken. PHP wordt door de server uitgevoerd, en HTML en CSS door de browser. Het enige wat PHP doet is het script uitvoeren en output of HTML genereren voor de browser.
De vraag is: Wat wil je verbeteren?
Kijk bijvoorbeeld eens naar deze voorbeelden:
https://codepen.io/ericrasch/pen/zjDBx
Gewijzigd op 07/12/2018 16:36:38 door - Ariën -
In de site heb je steeds:
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<div class="styled-select black rounded">
<select>
<option>Here is the first option</option>
<option>The second option</option>
<option>The third option</option>
</select>
</div>
<select>
<option>Here is the first option</option>
<option>The second option</option>
<option>The third option</option>
</select>
</div>
Is dat styled-select black rounded en alle andere styled-selects steeds nodig bij elke selectbox?
Ik dacht dat dat soort dingen altijd in CSS moesten.
Kan je natuurlijk ook in CSS triggeren op een select zelf. maar het is niet altijd wenselijk om *alle* selectboxes van die stijl te voorzien, waardoor er vaak een eigen class wordt gebruikt.
Gewijzigd op 07/12/2018 19:24:43 door - Ariën -