Ви не увійшли. Будь ласка, увійдіть або зареєструйтесь.
Ласкаво просимо вас на україномовний форум з програмування, веб-дизайну, SEO та всього пов'язаного з інтернетом та комп'ютерами.
Будемо вдячні, якщо ви поділитись посиланням на Replace.org.ua на інших ресурсах.
Для того щоб створювати теми та надсилати повідомлення вам потрібно Зареєструватись.
Український форум програмістів → HTML та CSS → Вирівнювання тексту відносно зображення
Сторінки 1
Для відправлення відповіді ви повинні увійти або зареєструватися
Привіт!
Я намагаюсь вирівняти текст відносно зображення якомога простішим способом.
Але як не намагаюсь нічого путнього в мене не виходить.
Ось те що я маю зараз:
Те чого я прагну досягти:
Намагався використовувати властивість align із параметрами top, left
Не допомагає.
Я думаю приблизно так. Зробити із зображення один блок, із тексту інший і їх між собою уже вирівнювати за допомогою padding і margin. Але може є інший спосіб?
http://www.w3schools.com/cssref/pr_dim_line-height.asp
спробуйте line-height 
Краще для елементу поставити як background цю картинку та додати padding.
http://www.w3schools.com/cssref/pr_dim_line-height.asp
спробуйте line-height
Ні. не варіант.
Краще для елементу поставити як background цю картинку та додати padding.
Так і зроблю, дякую!
Застосував. Вийшли отакі от граблі ((с) Bartash)
<div style="
height: 19px;
background-repeat: no-repeat;
background-image: url(<?php echo \Uc::app()->url->create('/') ?>/files/images/friends_icon.png);
padding-left: 20px;
">Друзі</div>В результаті довелось до кожного зображення додати іще вгорі по 2-3 смужки пікселів білого кольору, інакше ніяк не виходило.
Є така штука як background-position 
Взагалі краще так писати:
background: url(/files/images/friends_icon.png) 10px 0 no-repeat;Коротше і все зрозуміло
Сторінки 1
Для відправлення відповіді ви повинні увійти або зареєструватися