О сайте | Обратная связь | Памятка для вебмастера
[ Регистрация · Войти · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Создание сайта » Wordpress » Гармоничное расположение текста в списке
Гармоничное расположение текста в списке
Sikh Дата: Среда, 07.05.2014, 15:05 | Сообщение # 1
Третьеклашка
Группа: Пользователи
Сообщений: 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>

Как гармонично вписать текст в список с фоном картинкой?

Посмотреть как выглядит код можно здесь.
(текст вылезает за границы картинки)
У меня бесплатный сайт, CSS к сожалению добавить нельзя.
Заключить текст в блок не получилось,
механический перенос строк тоже не помог.
Anka_kuşu Дата: Среда, 07.05.2014, 18:18 | Сообщение # 2
Студент(ка)
Награды: 6
Сообщений: 376
Репутация: 36
Статус: Offline
а вот так пробовали делать?


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

Сообщение отредактировал Anka_kuşu - Среда, 07.05.2014, 18:19
Sikh Дата: Среда, 07.05.2014, 19:05 | Сообщение # 3
Третьеклашка
Группа: Пользователи
Сообщений: 30
Город: Glifáda
Репутация: 0
Статус: Offline
Не для этого случая, но да.
На Wordpress видимо есть какое-то ограничение.
Такой код преобразуется в текст или исчезает((
KorniloFF Дата: Среда, 07.05.2014, 19:35 | Сообщение # 4
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3508
Город: Ялта
Репутация: 251
Статус: Offline
Цитата Sikh ()
Посмотреть как выглядит код можно здесь.
(текст вылезает за границы картинки)

Проблема в следующем коде локального стиля:
<span style="position: relative; left: 30px; top: 30px;">
Вы просто смещаете текст относительно фона, поэтому он и вылазит. Используйте для форматирования поля или отступы.




Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.
Sikh Дата: Четверг, 08.05.2014, 06:50 | Сообщение # 5
Третьеклашка
Группа: Пользователи
Сообщений: 30
Город: Glifáda
Репутация: 0
Статус: Offline
И как я раньше не догадался. Спасибо!

KorniloFF Дата: Воскресенье, 11.05.2014, 13:05 | Сообщение # 6
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3508
Город: Ялта
Репутация: 251
Статус: Offline
Sikh, на здоровье! B)



Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.
Sikh Дата: Среда, 14.05.2014, 02:51 | Сообщение # 7
Третьеклашка
Группа: Пользователи
Сообщений: 30
Город: Glifáda
Репутация: 0
Статус: Offline
Код
<ul>
  <li style="list-style-type:none;background:url('http://studiosikh.files.wordpress.com/2014/05/list.png')0% 0 / 100% 100%;text-align:left;margin-right:38px;"><p style="padding:40px;text-align:justify;">Если вы хотите, чтобы симы отображались у вас в игре так же, как и на картинках, вам нужно скачать архив с дополнительными ползунками тут. (Обладателем версии игры 1.38 слайдер из папки “lips” не нужен). Если у вас эти ползунки отключают стандартные слайдеры, вам необходимо скачать тут мод для своей версии игры. Также желательно скачать здесь маленький архив с бровями и пальцами ног.  
Все мои файлы упакованы по всем правилам и с очень подробным описанием. Если у вас всё равно возникли сложности с установкой или скачиванием – пишите, помогу.  
[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]
</p></li>
</ul>




Не понимаю почему этот код работает для текста, но не работает для формы.
Испробовал уже кучу вариантов, форма всё равно вылезает((
Пробовал задавать свойства для текста и формы отдельно - ничего не получилось.
Может у вас есть идеи?
:'(
Anka_kuşu Дата: Четверг, 15.05.2014, 10:45 | Сообщение # 8
Студент(ка)
Награды: 6
Сообщений: 376
Репутация: 36
Статус: Offline
Sikh, нужна ссылка на страницу с этой не работающей формой.

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

Sikh Дата: Четверг, 15.05.2014, 14:38 | Сообщение # 9
Третьеклашка
Группа: Пользователи
Сообщений: 30
Город: Glifáda
Репутация: 0
Статус: Offline
dance я догадался!

Код
<ul>  
   <li style="list-style-type:none;background:url('http://studiosikh.files.wordpress.com/2014/05/list.png')0% 0 / 100% 100%;text-align:left;margin-right:38px;"><div style="padding:40px;"><p style="text-align:justify;">Если вы хотите, чтобы симы отображались у вас в игре так же, как и на картинках, вам нужно скачать архив с дополнительными ползунками тут. (Обладателем версии игры 1.38 слайдер из папки “lips” не нужен). Если у вас эти ползунки отключают стандартные слайдеры, вам необходимо скачать тут мод для своей версии игры. Также желательно скачать здесь маленький архив с бровями и пальцами ног.   
Все мои файлы упакованы по всем правилам и с очень подробным описанием. Если у вас всё равно возникли сложности с установкой или скачиванием – пишите, помогу.</p>  
[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]  
</div></li>  
</ul>

Посмотреть можно тут


Сообщение отредактировал Sikh - Пятница, 16.05.2014, 00:53
Форум » Создание сайта » Wordpress » Гармоничное расположение текста в списке
Страница 1 из 11
Поиск:
Гармоничное расположение текста в списке - Создание сайта - Wordpress - Форум
Сегодня были на форуме:
otlichnica

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


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

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

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

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

Поиск