cancel
Showing results for 
Search instead for 
Did you mean: 

Rounded corners with border-radius inside a block

Rounded corners with border-radius inside a block

Hi there,

 

i made a block which houses a table with rounded corners.

 

the code in the block i use is;


<table style="border: 5px solid #5c5c5e; border-radius: 10px 10px 10px 10px;">
<tbody>

 

When i see it in the wysiwyg editor, i can see the rounded corners.

However, when i call the block in my home page , it doesn't show the rounded corners anymore :-(

 

Any idea's how this happens?

2 REPLIES

Re: Rounded corners with border-radius inside a block

May be your WYSIWYG editor strips the style attribute?  

Re: Rounded corners with border-radius inside a block

Nope, when i explore the homepage from magento qua code, it shows ;

 

style="border: 5px solid #5c5c5e; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;"

 

at the line for the boxes, however, in graphics it doesn't show the rounded corner.

 

The rounded corner IS shown at the wysiwyg editor from admin (so it can't be my browsers)

 

I made a homepage which exists out of a table, with in each cell a call to a block.. and in the block there is also a table with the code for rounded corners.