Перейти к публикации

Объясните пожалуйста - как выравнивать текст по ширине в стат. странице?!


Рекомендованные сообщения

Меня интересуют только два момента с заполнением статической страницы:

1) Как выравнивать текст по ширине, чтобы он был одной ширины на всю стр. и как регулировать его ширину?!

Он растягивается на всю ширину по умолчанию от левого блока до правого.

Пробывал изменить шаблон static.tpl (менял ширину таблиц в % - в сторону уменьшения), но это ничего не дало...(

2) Как вставлять картинку в текст, чтобы было обтекание картинки с текстом?!

Я html знаю нормально и могу сделать все в редакторе с ссылкой на шаблон, но хочу разобраться как это можно делать с помощью админ панели, потому что

это должно быть быстрей, удобней и понятно для моего клиента по самостоятельному наполнению сайта на DLE

Ссылка на сообщение
Поделиться на других сайтах

Я html знаю нормально и могу сделать все в редакторе с ссылкой на шаблон, но хочу разобраться как это можно делать с помощью админ панели, потому что

это должно быть быстрей, удобней и понятно для моего клиента по самостоятельному наполнению сайта на DLE

Ставьте выравнивание по умолчанию justify

Что касается картинок - текст будет обтекать, если применить выравнивание align

Ссылка на сообщение
Поделиться на других сайтах

kangalexey,

А где ставить, не подскажите?! Прям в админке стат. стр.?!

Отекание картинок, можно на примере пожалуйста?!

Ссылка на сообщение
Поделиться на других сайтах

kangalexey,

С первым пунктом разобрался полностью, оказывается html работает прям в тексте редактируемой стат.стр.

Но вот обтекание текстом картинки получается, но очень Коряво...((

Как сделать нормальные отступы от картинки, чтобы текст не прилипал к ней?

Ссылка на сообщение
Поделиться на других сайтах

Ну подскажите кто-нибудь, искал на форуме и не нашел, то что мне нужно...((

Автоматический отступ уменьшенной картинки от текста, где менять в каком .css ?!!!

Где искать, в своем шаблоне или в движке?!

Ссылка на сообщение
Поделиться на других сайтах

Вы же сказали что знаете HTML, а тут самый элементарный HTML, не более!

отступ от картинке средствами css делается примерно так:

img {

padding: 10px;

}

где 10 - размер отступа в пикселях.

А для форматирования статической страницы правьте static.tpl в вашем шаблоне. Он кстати написан так же на чистом HTML

Ну и отличное руководство посетите: htmlbook.ru

Ссылка на сообщение
Поделиться на других сайтах

kangalexey,

В шаблоне или в движке, в каком файле нужно прописать?!

Или нужно отдельный создать?!

Я с удовольствием прочту эту книгу, но времени нет к сожалению...(

Где обычно этот файл лежит, в какой папке и как называется?!

Спасибо заранее!!!

Ссылка на сообщение
Поделиться на других сайтах

Разницы нету, можете его редактировать через панель управления на DLE.

Можете скачать его с FTP, templates/Имя_вашего_шаблон/static.tpl

Создавать ничего не нужно.

Ссылка на сообщение
Поделиться на других сайтах

LeonMag,

А если в шаблоне нет такой папки и файла, можно её создать, создать такой файл и в нем прописать:

img {

padding: 10px;

}

Это решит мою проблему?!

Изменено пользователем Gudvinuk
Ссылка на сообщение
Поделиться на других сайтах

http://vostoktour.kz.../style/main.css

тут ваш файл

Я вставляю туда этот код:

img {

padding: 10px;

}

С картинками вопрос решается, но появляются глюки на новостях

Куда-то конкретно надо вставить этот код, или он неправильный?!

Ссылка на сообщение
Поделиться на других сайтах

Попробуйте заменить этот код:

img  { border:0 none; }
На этот:
img  { border:0 none; padding-left: 10px; padding-right: 10px; }
Но лучше вам в шаблоне дать класс блоку, в котором размещена новость. Например так:
<div align="justify" class="news">

<img src="..." align="left" alt="">

</div>
Тогда класс можно будет задать так:
.news img { padding-left: 10px; padding-right: 10px; }

не повредив другие изображения.

Изменено пользователем kangalexey
Ссылка на сообщение
Поделиться на других сайтах

Но лучше вам в шаблоне дать класс блоку, в котором размещена новость.

Например так:

<div align="justify" class="news">

<img src="..." align="left" alt="">

</div>

Тогда класс можно будет задать так:

.news img { padding-left: 10px; padding-right: 10px; }

не повредив другие изображения.

Огромнейшее спасибо все отлично теперь работает...

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...