Добавьте маску с закругленными углами к значку, используя переменную $ linkImg - PullRequest
Новая
       25

Добавьте маску с закругленными углами к значку, используя переменную $ linkImg

0 голосов
/ 07 марта 2011

Не так сообразительно, как хотелось бы, поэтому прости меня, если мой вопрос сформулирован неправильно.

Нужно применить четыре закругленных угла к значку 119 x 119 App Store png, автоматически извлекаемому через пользовательский плагин WordPress с использованием переменной $ 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>
";

Есть идеи?(Кстати, первое сообщение)

Редактировать 2 - Кажется, это ничего не дает, я что-то упускаю очевидное? 

    $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>
";

1 Ответ

0 голосов
/ 07 марта 2011

Это проблема css, а не php.

Используйте встроенный CSS, если вы не можете связать внешний файл CSS.

Попробуйте http://www.css3.info/preview/rounded-border для Css3 закругленных углов.

И http://www.devwebpro.com/25-rounded-corners-techniques-with-css/ для других хаков.

******* редактировать **** Я использую operamini, поэтому я не могу прочитать ваш код. Также я не могу оставлять комментарии из-за странной проблемы с js.

Проблема с css3 в том, что он поддерживается не всеми браузерами, и каждый браузер в настоящее время не использует стандарт. Вам нужно найти версии -moz- и -webkit-. Он не гарантированно работает, если браузер не использует движок, который его поддерживает.

...