Istnieją sytuacje, kiedy podczas tworzenia pól wyboru, zamiast opisu chcemy umieścić np. obrazki. Jedną z takich sytuacji jest np. wybór kraju (Listing 1).
Klasę CSS możemy dodać w pliku formularza (Listing 1), pliku widoku (Listing 2). Jeśli klasa została dodana w pliku formularza LanguageForm.php, to w pliku widoku create.phtml dodanie innej klasy spowoduje nadpisanie klasy z formularza. Istnieje również możliwość dodania klasy CSS w kontrolerze (Listing 3), jednak kontroler nie powinien do tego służyć.
Jeśli chcemy, aby szerokość wybranego elementu HTML była dopasowana do urządzenia, na którym się wyświetla, to należy zastosować właściwości width ustawiającą szerokość i max-width ustawiającą maksymalną szerokość. Czyli jeśli ustawimy maksymalną szerokość bez szerokości elementu, nasz kod CSS nie będzie działał prawidłowo. Przy ustawieniu max-width zawsze ustawiamy width (Listing 1).
Kod tabeli HTML z artykułu „Tworzenie tabeli w języku HTML5”, uaktualnimy o kod CSS odpowiedzialny za kolorowanie tabeli HTML. Pełny kod wszystkich modyfikacji przedstawiliśmy na listingu 8, wygląd końcowy tabeli HTML na rysunku 1. Wszystkie kolory zastosowane w przykładzie umieściliśmy w tabeli 1.
Zaczniemy od tworzenia prostej tabeli, skończymy na bardziej rozbudowanej. Połączymy wiersze i kolumny, ustawimy również obramowanie, dodamy stopkę (element tfoot). Kod HTML podstawowej tabeli zawierający część główną (element tbody), podpis (element caption), nagłówek (element thead) przedstawiliśmy na listingu 1. Widok tabeli zaprezentowaliśmy na rysunku 1.