Mobile Friendly Website

CSSPLAY

Doing it with style

Menu-3 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

John:-
hey Stu, I have to say that you do have an awesome site here! But I was having a little trouble trying to get this menu to align in the center of my page. I tried using css to center just the dl property, and then dl#artist dd and neither would work. I also tried putting the <center> tags, and a <p align="center"> around it and I still couldnt get it to work :( if you could help me out with this I would appricate it a lot!
Thanks,
John
(19.05.2005, 14:10)

Stu:-
John, style the dl to give it a width equal to the overall width of the individual links, then style the margin:0 auto 0 auto;
(19.05.2005, 20:29)

John:-
ahh yes!!! you're awesome! thank you for the help, that did the trick. I would have never thought of that.
(20.05.2005, 01:19)

Daniel:-
I like the way you did that menu. I recently created a menu with bullet points with borders, and quite frankly i couldn't be bothered saving images of the default and hover images for them. Instead I borrowed your idea, but just floated the span left and played with some margins so the link text and the bullet would be inline with each other and it worked like a charm. So far i haven't seen any bugs with it in IE6 or Firefix so it looks like it stays. Maybe you could add something similar as an alternative example.

Thanks for the inspiration.
(20.05.2005, 06:24)

Anonym:-
Hello, I tried doing something similar to your no lists menu. However without the spaces. Here it is http://qleyo.co.uk/c2c/testing.htm
It works fine with firefox, netscape, IE mac and safari, but not with IE. please help? Thanks
(27.06.2005, 19:25)

Stu:-
If you are referring to the fact that IE is 'higher' than the image along side which then pushes the rest of the page out of alignment then this is down to your calculations. You have 8 links each with a height of 22px and a top/bottom padding of 3px giving a total height per link of 28px. So the overall height of your nav div is 224px. The height of your image div is 176px + 2px +2px = 180px.
(27.06.2005, 21:08)

Stu:-
Change the #nav a height to 16px and get rid of the html>body #nav a {height: 16px; /* ie5win fudge ends */} because this does not target IE5. Use * html #nav a {height:22px; he(backslash)ight:16px;} instead (insert a backslash where indicated).
(27.06.2005, 21:16)

Jaa (c):-
Hi, I like your menus and all this page! That is very original and nice. I'm going to tell about this page to all my friedns, who are making web sites. Thanks (Excuse my English, I'm from Czech Republic :)
(07.04.2006, 17:09)

Mark (MKJ):-
Very nice and unique menu. I have used it on my site here mkjsworld.com, with a link back. Funny enough I can see you are using Alex's script for these comments and I have altered his Weblog to be my first page of my site.
(29.07.2006, 13:23)

Stu:-
Mark, you may find that you will eventually get robot comments spam (as I have done recently). They appear to target Alex's scripts as they do not have any protection.
This has led me to modifiy the script to put a basic security feature.
(29.07.2006, 14:02)

Projectjay:-
This bit missing from the CSS file shown on the example menu-3. Without it the menu appears in a vertical strip. not as shown above

dl#artist{
width:30em;
margin:10px auto 50px auto;
}
(14.12.2006, 16:52)

Irene:-
Hi there, for some reason this menu is appearing vertical in IE, but horizontal in other browsers... any idea why this might be and how to fix it?

Cheers!
(12.11.2008, 11:35)



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