---

---

How do I fix common problems with menus?

---

Here are some solutions to frequently encountered problems with menus.

My nicely spaced vertical menu is "short" - all the spaces between items is lost.

Don't space vertical menus with empty return carriages. SiteGrinder deletes them automatically, and then your menu is much shorter. To space the text apart, use a larger than normal leading setting in Photoshop. Or, use a large "space after " value for Photoshop's paragraph text setting. These are the best way to set vertical spacing of menu items. (If you use "space before" instead, be sure to make this value zero for the first paragraph because HTML adds space to first paragraphs but Photoshop does not.)

My menu text is shifted vertically on the web pages SiteGrinder produces

SiteGrinder centers horizontal menus vertically in their paragraph boxes, Photoshop places text at the top. You can eliminate or minimize this shift by making the paragraph box the same height as your text. SiteGrinder also can shift vertical menu items a few pixels vertically to make room for things that don't appear in Photoshop like borders.

My horizontal menu is supposed to be on one line, but it is dropping to two.

1. Are you using paragraph text in Photoshop for the menu, or point text? SiteGrinder will warn you if horizontal menus are in point text - look for that. If needed, convert the text to Paragraph text, and consider widening the text box a little (with the Text tool, not the scale/move tool). Click here to find out about the difference between paragraph and point text.

2. Carefully examine the HTML and make sure your font choice came through. It could be that the font you chose is not working on the web page and that the substituted font is too big. Change fonts.