Formulieren opmaken met CSS

Om het formulier een beetje op te maken door middel ven CSS klik je de knop “Nieuwe CSS-regel”.
Mocht je nu nog niet weten waar je deze kan vinden begin je maar opnieuw bij les 1.

Dit opent het dialoogvenster “Nieuwe CSS-regel”.
Als type kies ik “Klasse”, ik geef de regel een naam, en Dreamweaver mag deze definiëren in de reeds bestaande stijl “MijnStijl.css”.
Klik de knop OK.

In het dialoogvenster “Definitie van CSS-regel…” kan je wijzigen wat je wil.
In dit voorbeeld wijzig ik in de categorie “Type” het lettertype en letterhoogte, in de categorie “Achtergrond” de achtergrondkleur. En in de categorie “Rand” wijzig ik de stijl, de breedte en de kleur.
Maar laat je maar ’s gaan, doe wat je wil.
Klik de knop OK wanneer je klaar bent.

Omdat we hebben gekozen voor het type Kiezer “Klasse”, moeten we deze nu nog gaan toepassen op elk veld in ons formulier.
Selecteer eerst het veld in het formulier.
Klik het naar benedenwijzend pijltje naast het vak “Klasse” in het eigenschappenvenster, en kies “tekstveld” in het drop-downmenu. Dit was namelijk de regel die we juist hebben aangemaakt.
Herhaal dit voor elk veld.

Het resultaat in de Browser:

Opgelet, niet alle Browser zullen de opmaak van het formulier op dezelfde wijze weergeven.
Maar omdat er toch nog steeds voor 95% gesurft wordt met Bill zijn Browser denk ik dat wanneer je rekening houd met Internet Explorer, je toch al een heel eind in de goede richting bent.

Voor professionele designers is dit natuurlijk niet genoeg, die moeten ervoor zorgen dat hun ontwerp er in elke browser er prima uitziet.

Cursussen

• Downloading iPad Apps
• Lesson 1: Introduction to Publisher
• Lesson 65: File Formats