О сайте | Обратная связь | Памятка для вебмастера
[ Регистрация · Войти · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Создание сайта » Wordpress » как сделать фоном списка картинку?
как сделать фоном списка картинку?
Sikh Дата: Пятница, 25.04.2014, 01:10 | Сообщение # 1
Третьеклашка
Группа: Пользователи
Сообщений: 30
Город: Glifáda
Репутация: 0
Статус: Offline
Цитата
<p style="text-align:center;">
<ul>
<li style="list-style-type: none; background: url('http://studiosikh.files.wordpress.com/2014/04/list.png'); width: 836px; text-align: left;"><span style="position: relative; top: 30px; left: 30px;">If you have questions or suggestions,
If you would like to add here your language,
please complete the form below:
[contact-form][contact-field label='Name' type='name' required='1'/][contact-field label='Email' type='email' required='1'/][contact-field label='Comment' type='textarea' required='1'/][/contact-form]
</span></li>
</ul>
</p>


Картинка почему-то не влазит целиком. А если добавить width: 836px; то картинка помещается, но вылазит за границы при уменьшении окна. Подскажите пожалуйста в чём ошибка.
style="text-align:center;" не работает со списками? Список возможно разместить по центру?

У меня бесплатный сайт
http://valleyfogs.wordpress.com/
Anka_kuşu Дата: Пятница, 25.04.2014, 15:01 | Сообщение # 2
Студент(ка)
Награды: 6
Сообщений: 376
Репутация: 36
Статус: Offline
Sikh, нужно добавить и изменить часть кода(отмеченно красным)
Цитата
<li style="background: url("http://studiosikh.files.wordpress.com/2014/04/list.png") 0% 0% / 100%; text-align: center; width: 700px;"><span style="position:relative;top:30px;left:30px;"


Я знаю только то, что я ничего не знаю, но некоторые не знают и этого.

Sikh Дата: Суббота, 26.04.2014, 07:38 | Сообщение # 3
Третьеклашка
Группа: Пользователи
Сообщений: 30
Город: Glifáda
Репутация: 0
Статус: Offline
Код
<ul>
   <li style="list-style-type:none;background:url('http://studiosikh.files.wordpress.com/2014/04/list.png')0% 0% / 100%; text-align: left;"><span style="position:relative;top:30px;left:30px;">If you have questions or suggestions,
If you would like to add here your language,
please complete the form below:
[contact-form][contact-field label='Name' type='name' required='1'/][contact-field label='Email' type='email' required='1'/][contact-field label='Comment' type='textarea' required='1'/][/contact-form]
</span></li>
</ul>


Если совсем убрать width: то картинка уменьшается пропорционально. Но всё равно стоит не по центру((
Может дело в теме? Вот страница, на которой должен быть этот список: http://studiosikh.wordpress.com/info/

Цитата Sikh
... Список возможно разместить по центру?

имелось в виду весь список целиком(вместе с картинкой), а не только текст.

Цитата Anka_kuşu
0% 0% / 100%

Скажите, пожалуйста, что означает эта часть кода?


Сообщение отредактировал Sikh - Суббота, 26.04.2014, 07:52
Anka_kuşu Дата: Суббота, 26.04.2014, 11:40 | Сообщение # 4
Студент(ка)
Награды: 6
Сообщений: 376
Репутация: 36
Статус: Offline
Цитата Sikh ()
Если совсем убрать width: то картинка уменьшается пропорционально. Но всё равно стоит не по центру((

добавьте
Код
margin-right:38px;


Цитата Sikh ()
Скажите, пожалуйста, что означает эта часть кода?

это background-position(позиция фона,но он тут не важен в принципе) и background-size(который как раз задает масштаб изображения)


Я знаю только то, что я ничего не знаю, но некоторые не знают и этого.

Сообщение отредактировал Anka_kuşu - Суббота, 26.04.2014, 11:42
Sikh Дата: Понедельник, 05.05.2014, 17:07 | Сообщение # 5
Третьеклашка
Группа: Пользователи
Сообщений: 30
Город: Glifáda
Репутация: 0
Статус: Offline
У меня есть ещё один вопрос.
Как вписать в картинку большое количество текста?
Код

<ul>
   <li style="list-style-type:none;background:url('http://studiosikh.files.wordpress.com/2014/04/list4.png')0% 0 / 100% 100%;text-align:left;margin-right:38px;"><span style="position:relative;top:30px;left:30px;">Если вы хотите, чтобы симы отображались у вас в игре так же, как и на картинках,
вам нужно скачать архив с дополнительными ползунками тут.   
(Обладателем версии игры 1.38 слайдер из папки “lips” не нужен).
Если у вас эти ползунки отключают стандартные слайдеры, вам необходимо скачать тут
мод для своей версии игры. Также желательно скачать здесь
маленький архив с бровями и пальцами ног.
Все мои файлы упакованы по всем правилам и с очень подробным описанием.
Если у вас всё равно возникли сложности с установкой или скачиванием – пишите, помогу.
</span></li>
</ul>

сейчас он, почему-то вылезает за границы картинки
посмотретьможно здесь


Сообщение отредактировал Sikh - Понедельник, 05.05.2014, 17:08
KorniloFF Дата: Вторник, 06.05.2014, 11:25 | Сообщение # 6
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3508
Город: Ялта
Репутация: 251
Статус: Offline
Sikh,
Цитата Sikh ()
У меня есть ещё один вопрос.
Как вписать в картинку большое количество текста?

Sikh, вопрос совершенно не по теме ветки. Устное предупреждение.
Sikh Дата: Среда, 07.05.2014, 15:17 | Сообщение # 7
Третьеклашка
Группа: Пользователи
Сообщений: 30
Город: Glifáda
Репутация: 0
Статус: Offline
Цитата KorniloFF ()
вопрос совершенно не по теме ветки

Список не бывает без текста.
А в моём случае это единое целое.
Но раз Вы считаете иначе(и ничего не ответили на ЛС) создам новую тему))

Для тех кому интересно новая тема тут

Всем спасибо))


KorniloFF Дата: Среда, 07.05.2014, 19:28 | Сообщение # 8
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3508
Город: Ялта
Репутация: 251
Статус: Offline
Цитата Sikh ()
Но раз Вы считаете иначе(и ничего не ответили на ЛС) создам новую тему))

Не ответил, поскольку не было доступа к интернету. Уже и ответил, и замечание аннулировал B)




Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.
Форум » Создание сайта » Wordpress » как сделать фоном списка картинку?
Страница 1 из 11
Поиск:
как сделать фоном списка картинку? - Создание сайта - Wordpress - Форум wordpress сделать на фоне картинку
Сегодня были на форуме:
marina785f

Конструктор кнопок он-лайн


Получить код CSS

Подбор цветов

Справочник по html и CSS

Наши копирайтеры

Поиск