CODEWITHSUNDEEP
bordercss
Skan So
Skan So

Reputation: 153

Border radius not showing

http://thc-cup.ucoz.com/forum/2-1-1

After you can see, the left has a radius at content background and border, but the left one does not! I managed to get it like the one in the left after adding to the div style: display:inline-block; but that messes the box and moves it under the left block. Since this is a forum (my link) I can't edit html, but I can edit the CSS of the forum.

Here is the style of those blocks:

.postTdInfo { //Left block
    display: inline-block;
    margin: 0px 0px 0px 35px;
    padding: 1px;
    border: 1px solid #cfcfcf;
    background: #e0e0e0;
    border-radius: 5px;
}
.posttdMessage { //Right block
    margin: 0px 0px 0px 0px;
    padding: 25px;
    border: 1px solid #cfcfcf;
    background: #e0e0e0;
    border-radius: 25px;

I searched all the day for a solution but can't seem to find one. Is there any way of changing CSS so that the block accepts border radius?

Upvotes: 1

Views: 3162

Answers (1)

Manuel Ebert
Manuel Ebert

Reputation: 8509

Edit: my first answer didn't solve the problem.

The problem is that you're working on a td element, which has the display property by default set to table. Either add display: block; to .posttdMessage, or, if this causes problems, add another <div> element directly inside the table cell and style that with rounded borders instead.

Upvotes: 1

Related Questions