adust, У меня много дизов на сайте и каждый редачить долго, вот и пытаюсь в пхп впихнуть это маленькое решение... Меня интересует именно как в пхп это реализовать
# pop (07.10.2015 / 21:15)
adust, У меня много дизов на сайте и каждый редачить долго, вот и пытаюсь в пхп впихнуть это маленькое решение... Меня интересует именно как в пхп это реализовать
Не пиши код в одну строку:
echo '<div style="text-align:center; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px"><a href="../files/users/photo/' . $user['id'] . '.jpg"><img src="../files/users/photo/' . $user['id'] . '_small.jpg" alt="' . $user['name'] . '" border="0" width="200px" /></a></div>';
такой код мало кому захочется прочитать.
А ещё такую запись удобней записать с разделением:
<?php
?>
<div style="text-align:center; -moz-border-radius:10px; -webkit-border-radius:10px; border:0; border-radius:10px">
<a href="../files/users/photo/<?=$user['id']?>.jpg">
<img src="../files/users/photo/<?=$user['id']?>_small.jpg" alt="<?=$user['name']?>" width="200px" /></a>
</div>
Обрати внимание, куда я вынес
border:0;.
pop, тогда так:
echo '<style>
.example{
border-radius:10px;
}
</style>';
echo '<a href="../files/users/photo/' . $user['id'] . '.jpg"><img class="example" src="../files/users/photo/' . $user['id'] . '_small.jpg" alt="' . $user['name'] . '" border="0" width="200px" /></a>';
pop,
<img style="border-radius: 10px;" src="' . self::$system_set['homeurl'] . '/files/users/avatar/' . $user['id'] . '.png" width="32" height="32" alt="" />
думаю поймешь куда пихнуть
pop, и ещё - выше написанный код должен менять свойства контейнера <div>, но не содержимого этого контейнера. Чтобы придать свойства картинке, надо прописать стиль для тега <img>
<?php
?>
<div>
<a href="../files/users/photo/<?=$user['id']?>.jpg">
<img style="text-align:center; -moz-border-radius:10px; -webkit-border-radius:10px; border:0; border-radius:10px"
src="../files/users/photo/<?=$user['id']?>_small.jpg" alt="<?=$user['name']?>" width="200px" /></a>
</div>
Пробуй, вроде всё верно.
ДоХтор, А бордер столь важно писать в ряд с бордер-радиус?
# pop (07.10.2015 / 22:06)
ДоХтор, А бордер столь важно писать в ряд с бордер-радиус?
Точно не помню, пробуй так и этак.
pop, да пропиши ты так, как я тебе показал. меньше главной боли, раз не хочешь css ковырять... а то ты через плечо пятку чешешь
Все теперь работает. Я действительно скругление для блока собачил и не работало, прописал для картинки всё гуд стало, но выравнивание по центру все равно пришлось в блок писать ибо не ровняло...
Вот какбы готовый код, посмотрите, может можно его меньше быдлокодом зделать, ну чтоб понятно было читать, "красиво"... АТО здесь постоянно говорят что не оптимизированно, не красиво...
echo '<div style="text-align:center;">
<a href="../files/users/photo/' . $user['id'] . '.jpg">
<img style="-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px" src="../files/users/photo/' . $user['id'] . '_small.jpg" alt="' . $user['name'] . '" border="0" width="200px" /></a></div>';
...
Спасибо всем за помощь!
# pop (07.10.2015 / 22:32)
Все теперь работает. Я действительно скругление для блока собачил и не работало, прописал для картинки всё гуд стало, но выравнивание по центру все равно пришлось в блок писать ибо не ровняло...
Вот
Его не меньше, а компактнее можно сделать - ещё один перенос вставить,
типа так (+/-)
echo '<div style="text-align:center;">' .
'<a href="../files/users/photo/' . $user['id'] . '.jpg">' .
'<img style="-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px" src="../files/users/photo/' .
$user['id'] . '_small.jpg" alt="' . $user['name'] . '" border="0" width="200px" /></a></div>';
А ещё, при желании, можно сохранять структуру написания html-кода
тот же код (+/-)
<?php
echo '
<div style="text-align:center;">
<a href="../files/users/photo/' . $user['id'] . '.jpg">
<img style="-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px" src="../files/users/photo/' .
$user['id'] . '_small.jpg" alt="' . $user['name'] . '" border="0" width="200px" /></a>
</div>
';
то есть, визуально сохраняется вложенность тегов, и проще отыскать парный тег(или его отсутствие), так как подсветка кода для тегов, заключённых в кавычки(или апострофы) не выполняется.