container

1
container
idbanner
idmainnav
idadmnav
idfrontphotos
idtopcol2
idtopcol3
classupcom
idlayouttable
idcol1f classsmalltext
idcol2f classmedtext
idcol3f classmedtext
idcol1utilitylinks
idrecnt
idanncl
idcol1sectionnav
idfooter
idsbox
sitemap
Homepage
2
container
idbanner
idlayouttable
idmainnav
idcol3 classsmalltext
idcol1 classsmalltext
idcol2 classmedltext
idadmnav
idcol1sectionnav
classupcom
idsbtext
classtoponly goes with empty list element at the
end
idcol1utilitylinks
Interior Page
3
idbanner
idmainnav
div idcallout
div classf3
Interior Page
4
div idcallout
div classf1
Other Styles
5
Quick XHTML Code Tips

• Code elements in lower case ltbgt instead of ltBgt
• quote all attributes width"328" instead of
  width328
• Close any elements you start, ltpgtparagraphlt/pgt
• Nest tags properly ltbgtltpgttextlt/pgtlt/bgt instead of
  ltbgtltpgttextlt/bgtlt/pgt
• Avoid putting line breaks inside list elements to
  add space avoid ltligtitemltbr /gtlt/ligt
• Close singleton elements ltbr /gt instead of ltbrgt
  and ltimg src"" alt"" whatever else you put in
  /gt
• Avoid double dashes within a comment lt!-- comment
  --gt instead of lt!-----------gt
• Encode all special characters lt and amp
  instead of lt and if there is a link with an
  ampersand in it, you need to make it into the
  character entity so your page will still validate
  in xhtml
• Soon modern browsers will no longer support name
  tags, so use name and ID tags together lta
  idpart1" namepart1"gtlt/agt
• Avoid using the font tag, a style probably
  already exists for what you want to do anyway.

6
Other Code Tips

• Use structural markup where ever you can, go with
  standard headers, like lth3gt are preferable to
  bold tags
• If you do use a bold tag, go with ltstronggt so
  that screenreaders know to emphasize it.
• For italics, use ltemgt instead of ltigt
• Avoid pasting anything straight from word into a
  web page editor like FrontPage, because it will
  import all kinds of crazy code into the html
  source.

7
known issues

• The admissions navigation text when expanded to
  three sizes bigger than normal, does not have an
  expanding background in NS 7.1 and Firefox. The
  background will expand if you remove the height
  attribute from the CSS, but then at all smaller
  sizes, the background image is truncated. The
  min-height attribute works for the modern mozilla
  type browsers, but doesnt seem to be understood
  by Internet Explorer.
• Wed prefer to use the margin-auto CSS property,
  but when we do, pages do not center in IE 5.5 or
  NS 4.7, so each component (banner, mainnav,
  layouttable, and footer) is in a table that is
  set to 760 px and centered. The margin-auto
  property is commented out in the file for the
  time when more users move on to
  standards-compliant browsers in the future.
• We use an NS 4 hack for all text following data
  tables (give it a div with class of ns4) to
  restore small size, if you want to get rid of it
  just search on start ns4 hack on these pages
  admissions/applicationdates.html,
  yourcareer/intlopportunity.html,
  admissions/costsummary.html, mdmba.html, and
  box_statsemploybyindustry_content.html
• The front page doesnt validate in xhtml because
  of the nesting of the noscript tag. We tried
  several combinations of script and noscript, but
  the use of a server-side include for the
  admissions nav proved difficult to incorporate
  into the scripts. When only the noscript option
  is present and the noscript element and
  javascript call is removed, the page then
  validates.