Basic examples of web design

Last Modified: 26 February 2023

Form mail / Contact form

During designing of the semi-conductor. I got an importent remark: "A mailto function can cause problems for an awful lot of internet users. Like people in internet cafe's and those are using a not proper integrated messenger (e.g. Lotus Notes and Novell Groupwives, Gmail, Yahoo Mail) with there browsers." So they haven't got an email clients like Netscape messenger, Apple Mail, Evolution, IceDove, KMail, Microsoft Office Outlook, Mozilla messenger, Mozilla Thunderbird, Opera messenger, Pegasus Mail, SeaMonkey, Sylphead and Windows Mail.

So a form with a server side process would be better.
You can find an example of a form with only a client side (JavaScript) validation script.
You can use float to style forms.

Templates with 2 colums

I have made a 2 colums and 3 colums as a template sample pages.

Style sheet menu

I have a couple of style sheet menu's.

Tooltips

Er zijn verschillende manieren om een tooltip bij een knop of hyperlink te maken.
Dit kan met Javascript, Jquery en CSS. Hou rekening mee dat niet iedereen Java en/of Javascript aan heeft staan, als ze op internet zijn. Men doet dit om pop-up's, virussen en dergelijken niet te krijgen.
Daarom is het verstandig om een tooltip te maken met css, anders in de html anchor tag zelf.
Voorbeeld:

<a href="#" title="lorem ipsum">lorem ipsum</a>