
Twitter:
To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts.
Website:
To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts.

The CSS is what's important here. Take note of "display: inline-block;" for the menu items. It'll require some trade-offs (like the pre-designed rounded ends of the menu bar), but it's more flexible.Code:<html> <head> <style type="text/css"> body { font-family: Verdana; font-size: 10pt; } div.container { background: #0080ff; border: solid #000080 1px; display: block; padding: 2px; width: 100%; } span.item { color: #ffffff; cursor: pointer; display: inline-block; padding: 2px; width: 100px; } span.item:hover { background: #ffffff; color: #0080ff; } </style> </head> <body> <div class="container"> <span class="item">Menu Item 1</span> <span class="item">Menu Item 2</span> <span class="item">Menu Item 3</span> <span class="item">Menu Item 4</span> <span class="item">Menu Item 5</span> <span class="item">Menu Item 6</span> <span class="item">Menu Item 7</span> <span class="item">Menu Item 8</span> <span class="item">Menu Item 9</span> <span class="item">Menu Item 10</span> <span class="item">Menu Item 11</span> <span class="item">Menu Item 12</span> <span class="item">Menu Item 13</span> <span class="item">Menu Item 14</span> <span class="item">Menu Item 15</span> <span class="item">Menu Item 16</span> <span class="item">Menu Item 17</span> <span class="item">Menu Item 18</span> <span class="item">Menu Item 19</span> <span class="item">Menu Item 20</span> </div> </body> </html>
Twitter:
To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts.
Website:
To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts.
Bookmarks