[CSS] Border Help [CSS]

[Trinix]

So when I have something like this:

.object {
border: 1px solid black;
border-bottom: 1px solid white;
}

this happens:

I know why it happens but I want the black to go to the bottom

 

[Sysode]

So when I have something like this:

.object {
[B]border-bottom: 1px solid white;[/B]
}

this happens:

I know why it happens but I want the black to go to the bottom

Not too sure what you're asking, if you want the black just at the bottom, use the above.

 

[Weasel]

-webkit-border-bottom-right-radius: 1px;
-webkit-border-bottom-left-radius: 1px;
-moz-border-radius-bottomright: 1px;
-moz-border-radius-bottomleft: 1px;
border-bottom-right-radius: 1px;
border-bottom-left-radius: 1px;

 

[IntactDev]

Use the following:

.object {
border-bottom: 1px solid black;
}

 

[Sysode]

-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;

That gives it a curved edge, he asked for a border on the bottom.

 

[Trinix]

Not 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:

(This is the full tab)

 

[Sysode]

Right it turns out like this

and I want it to be like this:

.object {
border:1px solid #000;
}

Adjust the pixels to your need.

 

[IntactDev]

Right it turns out like this

and I want it to be like this:

.object {
border-radius: 0 !important;
border: 1px solid black;
}

 

[Trinix]

.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

 

[Weasel]

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

{
border-style: solid;
border-bottom: 1px solid white;
}

 

[Trinix]

{
border-style: solid;
border-bottom: 1px solid white;
}

Nope.

 

[Weasel]

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.

 

[Trinix]

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;
}

Basically, I'm wanting the black border to run down to the bottom, and the white border to come inbetween the black ones, like this:

 

[Weasel]

.navigation li.active,.navigation li.active:hover {
color:#000;
background:#FFF;
border-style: solid;
border-bottom:2px solid #FFF;
margin-bottom:-2px;
}

 

[Trinix]

.navigation li.active,.navigation li.active:hover {
color:#000;
background:#FFF;
border-style: solid;
border-bottom:2px solid #FFF;
margin-bottom:-2px;
}

Still the same

 

[Sysode]

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.

 

[Trinix]

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.

I didn't have to clear my cache

 

[Sysode]

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?

 

[Trinix]

No.. holding shift and pressing refresh just updates any changes in the CSS. Give it a try?

I already knew it applied the CSS changes because I checked the console...