Error Message Dialog

[TicTac]

How do I make a transparent div that covers the whole of the page, whilst display a vertically and horizontally centered div for the error message to be display in?

Upon an "OK" image being clicked inside the dialog div, how do I hide the dialog div and the transparent div?

TicTac

[markbrown4]

Javascript.

Just search for a library like lightbox js that suits your purpose - it's been done before.

[TicTac]

I don't want to use JavaScript.
How would I create the transparent div and centered div?

TicTac

[markbrown4]

I don't want to use JavaScript.

Upon an "OK" image being clicked inside the dialog div, how do I hide the dialog div and the transparent div?

Yes you do. You just don't know it

The CSS used in Lightbox JS shows you both how to create the centered element and the transparent overlay.