CSS Border Radius and background fill issue?

Add identical border-radius properties to navigation a .

Up vote 1 down vote favorite share g+ share fb share tw.

I have a top menu like the following image As you can see the outer grey border is with border radius. But the selected Home menu filled it as square. What I want is Home Selected menu should be filled accordingly.

Here's my css codes #navigation-wrap{width:100%; border-bottom: 1px solid #CCC;moz-box-shadow: 0px 5px 8px -2px #F5F5F5;-webkit-box-shadow: 0px 5px 8px -2px #F5F5F5;box-shadow: 0px 5px 8px -2px #F5F5F5;} #navigation{margin:0 auto; border: 3px solid #CCC; border-bottom:none; position:absolute; right:0; top:0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 4px #EEE; -webkit-box-shadow:0px 0px 4px #EEE; box-shadow:0px 0px 4px #EEE;} #navigation ul{list-style:none;} #navigation li{float:left; display:block; letter-spacing:1px; border-bottom: 3px solid #CCC;} #navigation a{float:left; display:block; height: 30px; line-height:30px; position:relative; padding:0 10px; text-decoration:none; border-bottom: none;} #navigation a:hover {background: #000; text-shadow: 1px 1px 1px #FFF; color:#fff;} . Current-menu-item a{background: #000; text-shadow: 1px 1px 1px #FFF; color:#fff;} Thank you. Css border-radius link|improve this question asked Dec 22 '11 at 4:48knightrider12110 40% accept rate.

Add identical border-radius properties to #navigation a. To apply that to just the Home button, use #navigation a:first-child. And if you'd like for only the left side of the element to have a border radius, use border-top-left-radius and border-bottom-left-radius.

Thanks for the answer. Yes I tried like you suggested with #navigation a:first-child, but it's effect for other menu as well, Please kindly take a look at this screenshot i.imm. Io/dkDb.

Png – knightrider Dec 22 '11 at 5:06 Change :first-child to :nth-child(1). – Purmou Dec 22 '11 at 5:08 thanks Purmou, but still not effected yet – knightrider Dec 22 '11 at 5:15 @knightrider: Could you put the HTML and CSS for the navigation into a jsfiddle? – Purmou Dec 22 '11 at 5:17 actually html is generated from wordpress because I a trying to working on wordpress menus.

– knightrider Dec 22 '11 at 5:31.

If it is a wordpress generated menu you can get the respective menu id of home by inspecting the element using firebug or other. Then you can apply css for border radius directly to a single menu element by calling its respective id.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.