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
Post a Comment