One final problem...

Associate
Joined
24 Jun 2007
Posts
1,869
Location
Landan.
I've spent the past couple of weeks designing a website for my dad's business. I'm almost there, but there's one bug that's been driving me insane for the past week and I've had to live with.

I'm due to take the site live from tomorrow as soon as I've sorted out the meta tags and a couple more little (and fixable) problems.

So I was hoping someone out there might know how to fix this particular problem that exists with the menu. I use padding to give the effect of the 'tabs' on hover (and on active). However, that means if the menu item consists of multiple words, it word wraps. I know it's probably petty, but it really does ruin it for me, and I'll never regard the design as finished if I can't get it sorted.

I've tried all sorts at this stage. White-space:no-wrap promised to be what I needed, but sadly it didn't make a difference.

I've also tried creating a class with a fixed width (i.e. the width of the menu) and then using <span class="blah">multi-word menu item</span> to no avail.

Without further ado: http://www.drainbrains.co.uk/newsite

Any ideas or advice anyone can offer at this stage would be greatly appreciated :)

Also, would be good to hear some comments about the overall design, it's the first site I've designed from scratch in Notepad++ in a long time (hope it doesn't show!) :)

Cheers.
icon14.gif
 
Well, now I feel like a fool. I'd put no-wrap instead of nowrap.

It's a mixture of:

picardfacepalmc.jpg


&

fuuuuuup.jpg


&

yesssc.jpg


Can't believe it's taken me a week to retry the first thing I tried, and wonder why it didn't do as it should have done in the first place.

Thanks to dangerstat for all your help ;)
 
Last edited:
Back
Top Bottom