Mobile Friendly Website

CSSPLAY

Doing it with style

centering menus COMMENTS

Welcome to my Comments Pages

Please note. I get a few hundred emails a week from visitors asking for help, or posing questions on how to modify my demos to suit their application and I read them all. Unfortunately I only have a limited amount of time to spend answering these questions.

So if I do not reply, please do not be offended, and if I do reply then you are one of the lucky ones.

If you are asking for permission to use any of my demonstration then please email me with your request stu{at}cssplay.co.uk.

Post a comment


Current posts

DisinfectedBarfbag:-
Hi, love your menus BUT I can't get this to wrap in Firefox 1.5 or Opera 8.51, wraps ok in IE6 though. Any ideas please? I have an example here http://www.dandgadvocacy.org.uk/horiz-menu-tester.php
(01.01.2006, 17:35)

Al:-
I just ran across your centered left-align horizontal navigation .. I spent 2 days trying to come up with exactly this (and failed!). Thank you so much, your site is stunning. Respect!
(09.01.2006, 10:54)

Chris Klaus:-
I was working on combining this css menu with your MK.3 version of cross browser drop down cascading validating menus. I'm happy to say that combining these works in firefox 1.5.0.2, opera 8.54, and netscape 8.1. I was having trouble with it in IE 7 beta 2.

I final came back to confirm your page on centers for variable width css menus in IE 7 beta 2. I discovered instead that the menu items stack on top of each other. You mentioned you have a way of doing this without the del... Do you know if that solution works on IE 7 beta 2?

Thanks again for the great ideas!
(21.04.2006, 15:44)

Josh:-
I mentioned this in another section, but I believe the problem spans from the unknown widths. Apparently IE7 tries fill the available space when you use width:auto; it does not take into acount the elements that are next to each other, whether floated or not.
(15.05.2006, 21:16)

Josh:-
Well, I was able to fix the problem in IE7b2 with a similar setup by adding a float:left; to the link elements inside of the li elements.

So maybe adding a float to #menu2 a {} would work.
(15.05.2006, 21:48)

Ryan:-
Great technique and great site. Anyone know how to make the <li>'s in a fixed width <ul> (800px for example) expand or contract to always fill the the <ul> so <li>'s can be added or subtracted without having to change any CSS. I'm working on this for a CMS site.
(06.06.2006, 23:56)

Mike:-
I am struggling with an IE7 implementation of the menu. Surely there is a simple workaround, or could someone give me a link to where they have got this working in ie7
(27.07.2006, 09:28)

Boris:-
What does de
display:table;
do?
(14.09.2006, 19:54)

Stu:-
Boris, it does what it says, display as a table. Check with the w3.org to see a full explanation.
(14.09.2006, 20:13)

Malcolm Maclean:-
hi stu

great menu, really useful, quick question for you or anyone else who reads this... is this possible with floated left divs?

i.e. i have got an 800px wide container with any no of divs 150px wide inside is there anyway to get them to centre while being floated?

Cheers!

Malcolm
(16.01.2007, 11:50)

10 of 28 comments (part 2). [ « ] [ » ] [ * ]



Post

Your comment:

Your Name:

Stu's First Name - 3 letters (required)

Thanks to Alex for this script.

Please enter your comments for this site page.
Please note that all posts are moderated.

Posting rules

HTML is turned off
Maximum word length is 80 characters.
Messages limited to 1200 characters.
Web links should not include 'http://'

Support CSSPLAY

Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


CUSTOM SEARCH

Facebook Twitter rss feed Facebook Fan Page