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

Еще раз про отступ от картинок


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

Прошу прощения за этот топик. Но чего-то перестал понимать. В шаблоне с использованием стлей не могу выставить отступ от картинок. Прилипают к тексту конкретно. Но если в main.tpl убираю нижеследующее,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">

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

Я помню, чтобы заработал стиль

.news img {

padding:5x;

}

Его надо где-то прописать в main.tpl. Было даже разъяснение от автора. Очень прошу пояснить еще раз. Пол дня сегодня потратил, но так ничего и не добился

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

В стили надо добавить

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

В стили надо добавить

В том то и дело , что в стили добавляю, но ничего не меняется. Текст прилеплен к картинкам

Даже пиво поставил бы, если бы кто смог объяснить. Через стили не помогает.

Откликнись, Селсофт !!!

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

Пропишите в страничке

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

Затем в стиле например

.head{height:150px;}

Затем там, где надо пишем либо

<tr><td class="head">bla-bla-bla</td></tr>

или

<div class="head">bla-bla-bla</div>

И помните, следите за наличием скобок то есть кавычек у класса, так как если потом проверяете работу в мозиле фаефоксе и прочей лабуде, то без кавычек у класса там просто может не работать. А остальное точно работает, у меян так на сайте исполнено

Или же вот еще посмотрел вот так

<td height="75" align="left">

Но надо помнить что параметр высоты задается либо в <table> либо в <td> но не в <tr>

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

Пропишите в страничке

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

Затем в стиле например

.head{height:150px;}

Затем там, где надо пишем либо

<tr><td class="head">bla-bla-bla</td></tr>

или

<div class="head">bla-bla-bla</div>

И помните, следите за наличием скобок то есть кавычек у класса, так как если потом проверяете работу в мозиле фаефоксе и прочей лабуде, то без кавычек у класса там просто может не работать. А остальное точно работает, у меян так на сайте исполнено

Или же вот еще посмотрел вот так

<td height="75" align="left">

Но надо помнить что параметр высоты задается либо в <table> либо в <td> но не в <tr>

В стилях прописал

Но далее не очень понял

Вот мой код main.tpl

<table width="100%"><tr>

<td height="10"> {info}{content}[sort]{sort}[/sort] </td>

</tr></table>

Здесь нужно прописать ? Попробовал, но не получается

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

Серёга


news img{

padding:5px;

}
Этот код работает только в том случае если у тебя новость находится в блоке с классом news Открой файлы shortstory.tpl и fullstory.tpl и найди в этих файлах соответственно теги {short-story} и {full-story} и посмотри внутри чего они находятся. к примеру
<div class="sstory">{short-story}</div>

<div class="fstory">{short-story}</div>
тогда и в стили нужно записать.
sstory img{

padding:5px;

}


fstory img{

padding:5px;

}

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

Что вы прописали именно в стиле и куда вам нужна высота, подробней...

Вот тут <td height="10"> {info}{content}[sort]{sort}[/sort] </td>

как может быть высота 10 пикселей, если у вас тут и контент и сортировка, это уже минимум несколько строк.. Откуда тут 10 пикселей? Смело стирайте... А вообще ссылочку бы на сайт...

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

Серёга


news img{

padding:5px;

}
Этот код работает только в том случае если у тебя новость находится в блоке с классом news Открой файлы shortstory.tpl и fullstory.tpl и найди в этих файлах соответственно теги {short-story} и {full-story} и посмотри внутри чего они находятся. к примеру
<div class="sstory">{short-story}</div>

<div class="fstory">{short-story}</div>
тогда и в стили нужно записать.
sstory img{

padding:5px;

}


fstory img{

padding:5px;

}

Yes. Именно это я и искал. И именно про это я и забыл. Ну какая классная вещь форум. Но и не в нем дело. А дело в наших людях. Спасибо, спасибо, всем. Теперь запишу на будущее. Скажи куда на пиво выслать !!! :rolleyes:

Вот , вдруг другим понадобиться надо только точки поставить в стилях

.sstory img{

padding:5px;

}

.fstory img{

padding:5px;

}

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

Спасибки тебе. Удачи ! :)

Вдруг увидите.

Можно ли в DIV вписать несколько значений?

Например для {full-story} мне нужно задать отступ от картинок и еще что-то

Сейчас у меня задан отступ

<div class="fstory">{short-story}</div>

Нужно добавить еще один. Как это сделать

пробовал так и так <div class="fstory" ;"еще параметр" ;"еще один параметр">{short-story}</div>

НЕ РАБОТАЕТ. ВЕРНЕЕ РАБОТАЕТ тот, КОТОРЫЙ НАХОДИТСЯ ПЕРВЫМ

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

serega7777777, попробуйте так: <div class="fstory2"><div class="fstory">{short-story}</div></div>

вообще то это делается так:

<div class="fstory fstory2">{short-story}</div>
Ссылка на сообщение
Поделиться на других сайтах

вообще то это делается так:

<div class="fstory fstory2">{short-story}</div>

но работать будет и так и так

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

Не так не работает. Контент вообще исчезает. А вот похоже так

<div id="hypercontext" class="fstory"><index>{full-story}</index></div>

Мне нужно было сюда вставить гиперконтекст бегуна. И вот так вот вроде работает

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

<div class="sstory" style="а сюда прописываешь индивидуальные какие то настройки так же прим. width:100px;background-image:#000; и т.д.">здесь контент</div>

либо

<div class="sstory" id="sstory2"></div>

и в стилях

.sstory{

}

#sstory2{

}

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

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

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

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

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

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

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

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

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

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