css - Add rounded corner mask to icon using $linkImg variable -


not savvy on i'd be, forgive me if question not phrased correctly.

need apply 4 rounded corners 119 x 119 app store icon png auto pulled via custom wordpress plugin using variable $linkimg.

    $strhtml = " <div style='border: solid 1px #00b7f3; background-color: #f8f8f8; width: 656px; height: 186px; padding: 0px; float: left; margin-top: 4px;'>  <div style='float: left; width: 175px; margin: 0px; text-align: center; padding-left: 10px; padding-top: 15px;'>   <img src='$linkimg' width='119' height='119' style='margin: 0px; padding: 15px;'/>  </div> </div> "; 

any ideas? (btw, first post)

edit 2 - seems nothing, missing obvious?

    $strhtml = " <div style='border: solid 1px #00b7f3; background-color: #f8f8f8; width: 656px; height: 186px; padding: 0px; float: left; margin-top: 4px; border-top-left-radius: 50px 50px;'>  <div style='float: left; width: 175px; margin: 0px;  text-align: center; padding-left: 10px; padding-top: 15px;'>   <img src='$linkimg' width='119' height='119' style='margin: 0px; padding: 15px;'/>  </div> </div> "; 

this issue of css not php.

use inline css if cannot link external css file.

try http://www.css3.info/preview/rounded-border css3 rounded corners.

and http://www.devwebpro.com/25-rounded-corners-techniques-with-css/ other hacks.

*******edit**** using operamini can't read code. can't post comments due wierd js issue.

the problem css3 is not supported browsers , each browser not use standard. need find -moz- specific , -webkit- specific versions. isn't guaranteed work unless browser uses engine supports it.


Comments

Popular posts from this blog

c# - How to set Z index when using WPF DrawingContext? -

razor - Is this a bug in WebMatrix PageData? -

visual c++ - Using relative values in array sorting ( asm ) -