Os recursos do Adobe Dreamweaver Spry permitem adicionar elementos da Web orientados pelo Ajax com apenas alguns cliques do mouse. O método padrão para centralizar objetos em HTML não formata elementos UL, como os menus do Spry. A alteração das configurações padrão do menu permite que o tamanho, a forma e a aparência da barra sejam modificados e os menus de navegação podem ser centralizados com pequenas alterações na CSS (Cascading Style Sheet) associada.
Passo 1
Navegue até “SpryAssets” no diretório do site e abra “SpryMenuBarHorizontal.css” ou “SpryMenuBarVertical.css”.
Etapa 2
Role até “ul.MenuBarHorizontal” ou “ul.MenuBarVertical” e altere a configuração da margem atual para “automático”.
Etapa 3
Altere a largura atual de “automático” para um número específico de pixels adicionando “#px” e substituindo o símbolo “#” pelo número de pixels.
Etapa 4
Salve o arquivo CSS e abra seu site. Agora a barra de menus está centralizada.