[futureproof]

Hiya,

Can anyone tell me why the nav on this site is too low until you click on it?

http://www.theonboardspacompany.com/

Thanks.

Rich

[crisp]

Looks fine to me, could you explain exactly what you mean?

[mteam]

Not sure I understand

I've noticed that the flash on the home page needs changing so that it doesn't display on top of everything and cover up the share pop up

wmode="opaque" and z-index should fix this

[futureproof]

Yeah, cool I'll do that too.

What it is is you see the nav is along the top right, well when you first navigate to the page, the whole nav is about 30px lower than it should be, which creates a white space at the top and chops off the bottom of the nav...until you move your curser over it, which it then moves back up to where it should be...

[futureproof]

I don't see what you mean by it covering up the share pop-up...?

[futureproof]

Sorry, it's only when viewing it in Google Chrome...

[zed]

it's a long shot but try validating the code and correcting.

[mteam]

futureproof, on 03 September 2010 - 08:17 AM, said:

I don't see what you mean by it covering up the share pop-up...?

IE Problem Rich

[mteam]

Can you try this see if it fixes chrome problem

#sliders-gnu-list li {
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 1px;
    border: 0px 0px 0px 1px;
    border-color: #FFFFFF;
    height:285px;/*added height*/

}

[futureproof]

Alright Jack, still the same. What was it you said to do when my nav buttons were flashing when the user initially rolled the courser over the button? Did you add a Block to the css or something??

[mteam]

Can you try this Rich

#sliders-gnu-list li {
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 1px;
    border: 0px 0px 0px 1px;
    border-color: #FFFFFF;
	position:relative;
	height:285px;
}
#sliders-gnu-list li  a{position:absolute;top:0;}

[bocaj]

The actual <a> elements in the menu, they need to be set to block level (display:block;) and then floated to the left.

I've just done the edits in the Webkit Dev Tools, and it's fixed it.

[futureproof]

Cheers Jack but it's still the same man.

Bocaj - do you have the code you changed for it??

Rich

[mteam]

Strange I tested that in chrome

could you make the changes to your live site so i can have a look


what bocaj is saying is

#sliders-gnu-list li  a{display:block;float:left;}

sorry bocaj if thats not correct

[bocaj]

mteam, on 13 September 2010 - 12:10 PM, said:

what bocaj is saying is

#sliders-gnu-list li  a{display:block;float:left;}

I just double checked, and yes that should work. I've attatched a screenshot.

Attached File(s)

•  screeny2.jpg (191.2K)
  Number of downloads: 7

[futureproof]

Cheers but still the same for me, you viewing it in Google Chrome yeah?

[futureproof]

Ok, I've uploaded that bit of css to the live site, still the same for me in Chrome...

[bocaj]

futureproof, on 13 September 2010 - 01:48 PM, said:

Ok, I've uploaded that bit of css to the live site, still the same for me in Chrome...

It's not in your css file.. http://www.theonboar...ult/default.css

ctrl + f and search for #sliders-gnu-list li a

0 hits.

[mteam]

can you test this in chrome Rich menutest

I've added the code I posted above to the head infact I moved the position relative to the container to stop any IE7 Problems with overflow hidden

[futureproof]

Ok, it is definately there now though?...

[futureproof]

and yeah the manutest looks good...but it still doesn't display correct when I do it for some reason...

[futureproof]

Any more ideas?

[mteam]

The changes in the css aren't showing up on the live site

[futureproof]

Hm that's strange, ok cheers guys

[futureproof]

This is what it looks like in my Google Chrome. Does this not happen with you guys?

Attached File(s)

•  Untitled-1.jpg (243.97K)
  Number of downloads: 4