Styling a Dialog (^) ❘ 401
FIGURE 17-1
NOTE Lipsum text can be copied and pasted from http://www.lipsum.com.
Styling a Dialog
Before you can learn how to style a dialog, you need to see how it is constructed and assembled in
markup. The following markup is the basic structure used for a typical jQuery UI dialog after the
dialog() method has fi nished modifying the document:<!DOCTYPE HTML>
<html^ xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta http-equiv='content-type'
content='application/xhtml+xml; charset=utf-8'^ />
<meta http-equiv='content-language' content='en-us' />
<title>Dialog Plugin</title>
<script src='../jQuery.js'></script>
<script src='../jQueryUI.js'></script>
<link href='Example 17-2.css' rel='stylesheet' />
</head>
<body>
<div class="ui-dialog