Footer Menu Support Thread

[autoace]

Clyde, great contribution. I have been customizing it a bit and am trying to figure out the stylesheet. I want to add some custom styling to it and have been trying to figure out what controls what on the styleshee that you included.

Could you explain the dt dl dd and how to control the styling of the links please? Thank you

[clydejones]

Clyde, great contribution. I have been customizing it a bit and am trying to figure out the stylesheet. I want to add some custom styling to it and have been trying to figure out what controls what on the styleshee that you included.

Could you explain the dt dl dd and how to control the styling of the links please? Thank you

There are three types of lists that can be used in your (html)

unordered lists <ul> <li></li> </ul>

ordered lists <ol> <li></li> </ol>

definition lists <dl> <dd></dd> </dl>

Footer menu uses a combination of a definition list and unordered list for the menu display.

the <dl> </dl> tags make up the area (height and width) where the actual menu elements are displayed.

The <dd> </dd> tags control the width of each column within the menu display.

The actual links are contained within <ul> <li> </li> </ul> tags

So to style the links check the stylesheet for:

li a:link
li a:visited
li a:hover
li a:active

to style the menu titles check the stylesheet for:
.menuTitle

[autoace]

Clyde, great contribution. I have been customizing it a bit and am trying to figure out the stylesheet. I want to add some custom styling to it and have been trying to figure out what controls what on the styleshee that you included.

Could you explain the dt dl dd and how to control the styling of the links please? Thank you

Clyde, I am trying to center the lists and the column headings, how might I do that? Thank you.

[autoace]

There are three types of lists that can be used in your (html)

unordered lists <ul> <li></li> </ul>

ordered lists <ol> <li></li> </ol>

definition lists <dl> <dd></dd> </dl>

Footer menu uses a combination of a definition list and unordered list for the menu display.

the <dl> </dl> tags make up the area (height and width) where the actual menu elements are displayed.

The <dd> </dd> tags control the width of each column within the menu display.

The actual links are contained within <ul> <li> </li> </ul> tags

So to style the links check the stylesheet for:

li a:link
li a:visited
li a:hover
li a:active

to style the menu titles check the stylesheet for:
.menuTitle

Clyde, thank you. I hadn't refreshed my screen and didn't see your previous reply. Again thank you - helps alot.

[shaqadamus]

Thanks for the mod. In my footer menu all the information are displayed in one column not in 4. All Columns have their headings.
What can I change? Thanks.

[clydejones]

Thanks for the mod. In my footer menu all the information are displayed in one column not in 4. All Columns have their headings.
What can I change? Thanks.

A link tro your web site would be useful.

[shaqadamus]

Ok. Here it is http://www.semaphoreit.com.au/shop/

Thanks

[clydejones]

Ok. Here it is http://www.semaphoreit.com.au/shop/

Thanks

The stylesheets for your site appear to be corrupted.

You might want to upload them again.

[shaqadamus]

yes you are right. I reinstalled all the stylesheet but still not fixed then I tried this on a different site and it worked.
Thank you for your help.

[kaddie]

The footer menu positions correctly in FF3 but not IE8. Can someone tell me how to fix my issue?

progroom dot com/shop

Kaddie