So when I have something like this:
this happens:Code:.object { [B]border-bottom: 1px solid white;[/B] }
I know why it happens but I want the black to go to the bottom
That gives it a curved edge, he asked for a border on the bottom.Code:-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
Right it turns out like thisNot too sure what you're asking, if you want the black just at the bottom, use the above.
Right it turns out like this
and I want it to be like this:
.object {
border:1px solid #000;
}
Right it turns out like this
and I want it to be like this:
.object {
border-radius: 0 !important;
border: 1px solid black;
}
Code:.object { border-radius: 0 !important; border: 1px solid black; }
{I have a border: 1px solid black; and a border-bottom: 1px solid white.
It's halfing the pixels to make it slanted, which isn't what I want
Nope.{
border-style: solid;
border-bottom: 1px solid white;
}
What does it show now? Still the same? And maybe you want to show your other CSS to, because I highly doubt this has nothing to do with the class you are giving.Nope.
What does it show now? Still the same? And maybe you want to show your other CSS to, because I highly doubt this has nothing to do with the class you are giving.
.navigation li.active,.navigation li.active:hover {
color:#000;
background:#FFF;
border-color: black;
border-bottom:2px solid #FFF;
margin-bottom:-2px;
}
Still the same.navigation li.active,.navigation li.active:hover {
color:#000;
background:#FFF;
border-style: solid;
border-bottom:2px solid #FFF;
margin-bottom:-2px;
}
Just to check, are you cache refreshing when your re-checking your page?
Hold shift and press the refresh button - this will update any CSS changes.
No.. holding shift and pressing refresh just updates any changes in the CSS. Give it a try?I didn't have to clear my cache
No.. holding shift and pressing refresh just updates any changes in the CSS. Give it a try?