Has a drop down (mega Menu as they are called some places) and I can’t quite get the 5 menu items to display evenly spaced apart.
Could anyone please see if they can spot what is wrong please?
I think it is likely the html and something real simple but as I only tinker at this stuff it could well be the CSS but more likely something daft I have done whilst copy and pasting various menus into place.
I am using Chrome whilst looking but I just checked FF and it does it in that to. The three right side links are closer together than the two to the left side in both browsers here
Funny you should say that ralph.m one of the cartoonists said something about the shadow on the text. Though admittedly that was when the text was pale grey on the surface with a black shadow.
How do I “tone it down” a bit shadow wise without losing the 900b09 colour BG which matches the logos and my traffic light link system?
Traffic lights as in red (stop) links, green (go) hovers and yell on page eye draws yell being yellows/golds/oranges etc (Enter the Ted’s quite a lot LOL)
It’s very subtle but you are right it does look better with only two 1px and not 3 thanks
I think I may even have a tinker with the title to as I am not sure about that either though it does look a lot better since I put the black and redish colours in and none of the cartoonists have commented (though they are pretty busy so may not even have looked properly in the last day or two).
Yes, I just took the bottom links as an example. If you are going to use the blur value, it’s better to have a different (and I suppose subtle) color for that, like a very light gray. I don’t think it works to use the same color as for the text with blur.
That looks better. I would still go for a lighter shad of gray again. Shadow only needs to be very subtle to have a nice effect. Anything more can be overbearing.
I am trying to get the gallery2 (a new addition) to display with 5 100px images sitting nicely in place but no matter how much I change the width’s of columns I don’t seem to be getting it there. Any idea what I am doing wrong please?
the gallery2 css code is in the foot of the cartoon style sheet and the columns is in the kdm one
The container is 510px wide, so that’s how much room you’ve got to play with.
You have 5 images each of width 100px. So you’ve used up 500px. 10 to go.
The each LI has margin-right of 1px. Now you are up to 505px.
Each LI also has a 1px border, so 1px left and right, which means 2px each, which means 10px in all. Which means you’ve blown out to 515px … and hence one LI drops, as it can’t fit in the available width. Since the images have a little border anyway, I’d suggest removing the 1px border on the LIs.
I have been messing about with different settings and borders etc for the last hour and didn’t get that right. Sometimes I wish I had not refused Computer lessons when I was 11 due to ergonomics LOL. I might be a little more clued up about little intricacies like that if the prospect of arthritis and glasses had seemed more appealing back then in 1979.
Nah, it doesn’t take long to figure out this CSS stuff. I’ve only been at it a few years. For most of my life, I reacted to computers like a priest confronted by demonic apparitions—squinting and holding up the cross in a desperate bid to ward off evil. But then I got interested … and now I’ve sold my soul to them.