Any CSS Guru's out there?

W1NN1NG

W1NN1NG

New member
Jun 1, 2011
114
7
0
I'm working on a website and the navigation is messed up. Natures Nutrients |. Can someone help a brotha out with what is messed up? I know its the padding or margin or something.
 


Looks okay in FF and IE, in Chrome the last menu item is on second line. What you need to do is (there are more ways, but this is what I do):

1. put brown background color to the "#nav" div
2. put a clearfix after the UL inside the #nav div, OR, set a fixed height to the #nav div (not really a good thing to do0

That should do the trick.
 
The div containing your navigation buttons is probably too small to fit the "Contact Us" button at the end. Look for the "width" property in your style sheet and try increasing that value.
 
Houdas said:
Looks okay in FF and IE, in Chrome the last menu item is on second line. What you need to do is (there are more ways, but this is what I do):

1. put brown background color to the "#nav" div
2. put a clearfix after the UL inside the #nav div, OR, set a fixed height to the #nav div (not really a good thing to do0

That should do the trick.
Click to expand...

The last menu item is also on the 2nd line in Safari.
 
W1NN1NG said:
I want the brown color to go all the way to the end
Click to expand...

Hello friend,

Once I had girlfriend who wanted same. I tell her that brown color not go to end as end is pink. After I explain to her how for to make end brown (sexo of anus) she no longer girlfriend of me. I figured out hard way for to must to be careful when asking for end to be brown.

Best wish,
Swami
 
The navbar wraps for me in chrome, all you need to do is reduce the left-right padding or margin for the nav <li> in the css and it'll correct itself.
 
Houdas said:
Looks okay in FF and IE, in Chrome the last menu item is on second line. What you need to do is (there are more ways, but this is what I do):

1. put brown background color to the "#nav" div
2. put a clearfix after the UL inside the #nav div, OR, set a fixed height to the #nav div (not really a good thing to do0

That should do the trick.
Click to expand...

This fixed it +rep Houdas
 
Suggesting increasing width of the #nav element is pointless - the width of a "div" element is in default 100% of the parent element.
 
Houdas said:
Suggesting increasing width of the #nav element is pointless - the width of a "div" element is in default 100% of the parent element.
Click to expand...

Yeah, you're right. I tried to delete my comment after I inspected the code. It was a thought at just glancing at it. Glad to see it's been fixed.
 
You should shoot whoever coded this. Looks like they read a tutorial on HTML & CSS, and then another one on responsive dev, and tried to build this.

Shit is NASTY son.
 
You must log in or register to reply here.
Top Bottom