как сделать фоном списка картинку?

  • Аватар Неизвестно
    studiosikh · Участник · 
    <ul>
<li style="list-style-type:none;background:url('http://studiosikh.files.wordpress.com/2014/04/list.png');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>

    Картинка почему-то не влазит целиком. Подскажите пожалуйста в чём ошибка.

    Вопрос касается блога (видны только вошедшим пользователям).

  • Аватар Неизвестно
    studiosikh · Участник · 
    <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>

    Так картинка помещается, но форма(при уменьшении окна) вылазит за границы.
    И сам список отказывается быть по центру таблицы.
    Кто-нибудь знает решение?

    Можно конечно использовать таблицу, но в таблицах на wordpress всегда остаются верхняя и нижняя граница. здесь это не подходит((

  • Аватар Неизвестно
    studiosikh · Участник ·

    И сам список отказывается быть по центру таблицы.

    Пардон, опечатка.
    И сам список отказывается быть по центру страницы

    Неужели никто не знает?

  • Аватар Неизвестно
    studiosikh · Участник ·
      <li style=»list-style-type:none;background:url(‘http://studiosikh.files.wordpress.com/2014/04/list4.png?w=840’)0% 0 / 100%;text-align:left;margin-right:38px;»>`<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>`
      Так картинка помещается по ширине, но не помещается по высоте((
      Кто-нибудь знает почему?
      Посмотреть здесь
  • Аватар Неизвестно
    studiosikh · Участник · 
    <ul>
	<li style="list-style-type:none;background:url('http://studiosikh.files.wordpress.com/2014/04/list4.png?w=840')0% 0 / 100% 100%;text-align:left;margin-right:38px;"><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>
  • Аватар Неизвестно
    studiosikh · Участник ·

    и куда все делись…

  • Форум «как сделать фоном списка картинку?» закрыт для новых ответов.