Member Avatar for zobadof

Hi,

I am coding a website for my Parents workplace. I've got the navigation bar working, but there are white bars in it? I have moved the positioning around but nothing works. This also happens for IE but different places. I use Chrome as defautl browser.

If you could please help me with this issue, which I am sure is very qucik to fix I would appreciate it. I do know a fair bit about CSS now, after learning it but this has puzzled me.

View the Source Code via CommuniCare.org.uk

  • 2 Contributors
  • 2 Replies
  • 103 Views
  • 6 Hours Discussion Span
  • Latest Post Latest Post by zobadof

Recommended Answers

All 2 Replies

Member Avatar for cossay

Not a CSS guru but from what I see, the problem is on line 7 (** border-right: 1px solid #FFFFFF;**) of your code below. You have two ways around this:
1. Change the border-right color to match that of border-left.
2. Set the width of the border-right to zero.

#nav li{
    position: relative;
    float: left;
    height: 63px;
    border-bottom: 4px solid #bbbbbb;
    cursor: pointer;
    border-right: 1px solid #FFFFFF;
    border-left: 1px solid #e8e8e8;
    }
Edited by cossay
Member Avatar for zobadof

I put that code in, the white bars are still there, they're all white except one.

Edit: With a bit of chaging the code around a tiny bit, with the px its now working for both IE and Chrome. Many thanks!

Edited by zobadof because: Updated
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.