Skip navigation

Dreamweaver

Currently Being Moderated

Spry menu – centred?

Jun 12, 2012 2:58 AM

Tags: #cs5.5 #dreamweaver #menu #menu-problems #spry-menu

http://davidcoshdesign.com/test/transform/index.html

Hi, I've made the margin auto and given the menu a fixed width.... but it still seems to be ranged left... any clues anyone?

Also, having centred the menu items (the text), can these be spread evenly across the width of the menu?

Lastly, and by no means least, in Safari and Firefox, the page layouts seem to 'jump' each time a page link is clicked.

If anyone can shed any light on the above, I would be very greatful.

All the best, RP

392 Views 2 Replies Latest reply: RepulseMonkey, Jun 12, 2012 5:34 AM

Replies

Currently Being Moderated

1. osgood_,

Jun 12, 2012 3:25 AM in reply to RepulseMonkey

Report

To space more evenly across the width use padding on the 'a' css rule rather than setting the 'li' width (see below)

Amend padding to: 5px 21px;

ul.MenuBarHorizontal a
{
display: block;cursor: pointer;
color: #666;
text-decoration: none;
padding: 5px 21px;
background-color: #FFF;
}

Comment out the width:

ul.MenuBarHorizontal li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 10px;
    position: relative;
    text-align: left;
    cursor: pointer;
    /* width: 90px;*/
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #666;
    float: left;
}

|
Mark as:
Currently Being Moderated

2. RepulseMonkey,

Jun 12, 2012 5:34 AM in reply to osgood_

Report

Brilliant! Thankyou soooo much... I knew there must be a way to do this!

One day, I'll start to understand the web!... maybe

Thanks again.

RP

|
Mark as:

Forum guidelines

Answers + Points = Status

10 points awarded for Correct Answers
5 points awarded for Helpful Answers
10,000+ points
1,001-10,000 points
501-1,000 points
5-500 points