6 replies [Last post]
dirteedave
Offline
Regular
Last seen: 9 years 22 weeks ago
Timezone: GMT+1
Joined: 2007-03-28
Posts: 12
Points: 15

Hi

I have a website i'm working on and i need the sub nav on the left to be a rounded white box with a drop shadow. I also need the shadow to appear over a slight gradient. I have managed to do this as 2 pngs files ( top and bottom) but the bottom png is showing the top png below it still.

http://prototype.red2design.co.uk/sydneyheath/default.aspx

you can see the two images overlapping at bottom of the box on the left.

I can resove the problem by giving the bottom png a white background but the client whats a larger gradient behind so it needs to stay transparent.

Any help would be much appreciated

Dave

dirteedave
Offline
Regular
Last seen: 9 years 22 weeks ago
Timezone: GMT+1
Joined: 2007-03-28
Posts: 12
Points: 15

forgot to mention i have

forgot to mention i have

(which has the top png>

    (has the bottom png)
Verschwindende
Verschwindende's picture
Offline
Guru
Last seen: 14 weeks 6 hours ago
Timezone: GMT-4
Joined: 2009-10-09
Posts: 2043
Points: 2268

I'm having trouble calling up

I'm having trouble calling up the site.

Edit - got it to show. Looks like you have to re-think the way you have your background images split and where they are placed. Needs some experimentation.

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 6 years 29 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

if you were to reverse the

if you were to reverse the graphics and add a bottom padding to .submenu I think it would work.

I have to disagree with the way you've marked this up. Why isn't the 'foam products' a header and a single list following?

dirteedave
Offline
Regular
Last seen: 9 years 22 weeks ago
Timezone: GMT+1
Joined: 2007-03-28
Posts: 12
Points: 15

i tried padding at bottom of

i tried padding at bottom of .submenu but the ul is within that div so will still appear the same.

somehow i need the .submenu background to not show the last 20px at bottom.

I know what you mean regards the structure. i always used to do menu headings as a heading tag but having spent many hours researching this is the best way to do menus because we need the main heading to be a h1 and you can not have a h2 tag appear before a h1 to semantically correct html and you should only ever have one h1 tag. Also found out that you can not have an p tags before a h1 either.

oh yeh i think the design of this site is awful but the client choose the worst design so we have to go with it. Tongue Tongue Tongue Tongue

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 6 years 29 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

did you reverse the

did you reverse the graphics (and their position)?

I still disagree with the markup. It's a heading plain and simple and it's not the main heading, so it's not an h1. Who's stating you can't have a p or lower heading before an h1? You might be sacrificing semantics for SEO which, in my book, is wrong.

dirteedave
Offline
Regular
Last seen: 9 years 22 weeks ago
Timezone: GMT+1
Joined: 2007-03-28
Posts: 12
Points: 15

Getting your code

Getting your code semantically correct is for good for SEO. Google searches for 1 H1 tag then any subsequent h2-h6 tags nested below it. It wont make your ranking shoot up on its own but when put togther with relative content and valid html it will all impove your score.