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

  • Автор
    Записи
  • #2406

    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.wordpress.com.

    #2513

    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 всегда остаются верхняя и нижняя граница. здесь это не подходит((

    #2517

    studiosikh
    Участник

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

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

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

    #2519

    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>`
      Так картинка помещается по ширине, но не помещается по высоте((
      Кто-нибудь знает почему?

      Посмотреть здесь
    #2520

    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>
    #2521

    studiosikh
    Участник

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

The topic ‘как сделать фоном списка картинку?’ is closed to new replies.