Graveyard

[Squawkeye]

About rounded corners on media; Does this feature not work for Browser GoogleChrome, or is there extra coding to be added specifically, so it will show in chrome? (The media has rounded corners in IE, and Firefox, so, I know the code is doing what it's supposed to, elsewhere. )

.media_panel{
background-color: transparent;
position: relative; left: -2.5px; top: -5px;
}
.media_panel h2{
background-color: transparent;
}
.media_panel object, .media_panel embed{
border-radius: 20px; height: 55.5px; width: 55.5px; position: relative; left: -2.5px; top: -5px;
}

Any input would be great, please!

[Lady Saxophone]

▧▧▧ ♬ ▧▧▧
If I remember right, Chrome is still a bit weird so you sometimes have to use the -webkit- prefix for the border-radius property in order to get it to display... so try that if it isn't working for you?

As a side note, you don't need to target the embed for v2 Layouts since there is no embedded item.

▧▧▧▧▧▧▧

[Squawkeye]

.media_panel{
background-color: transparent;
position: relative; left: -2.5px; top: -5px;
}
.media_panel h2{
background-color: transparent;
}
.media_panel object{
-webkit-border-radius: 20px; height: 55.5px; width: 55.5px; position: relative; left: -2.5px; top: -5px;
}

cat_sweatdrop
It's still (completely) square in chrome.
Thank you, even so~

[Fredy-san]

For Chrome, you have to crop the flash object using the container which is .media_panel by applying border-radius there along with overflow:hidden, not directly to the .media_panel object.

The problem, you need to crop-in or remove the panel header as well unless "tabs" technique is used.

[Squawkeye]

Fredy-san

For Chrome, you have to crop the flash object using the container which is .media_panel by applying border-radius there along with overflow:hidden, not directly to the .media_panel object.

The problem, you need to crop-in or remove the panel header as well unless "tabs" technique is used.

Ah, alright, thank you Fredy-san.
cat_3nodding