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

serega7777777 · 8 декабря 2009

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

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

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

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

.news img {

padding:5x;

}

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

WWW.ZEOS.IN · 8 декабря 2009

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

serega7777777 · 9 декабря 2009

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

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

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

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

Изменено 9 декабря 2009 пользователем serega7777777

inokentik · 9 декабря 2009

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

<!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>

serega7777777 · 9 декабря 2009

Пропишите в страничке
<!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

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

</tr></table>

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

baxus · 9 декабря 2009

Серёга


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;

}

inokentik · 9 декабря 2009

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

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

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

serega7777777 · 9 декабря 2009

Серёга
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;

}

baxus · 9 декабря 2009

Да про точки забыл

На пиво не надо ...пользуйся))

serega7777777 · 9 декабря 2009

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

serega7777777 · 9 декабря 2009

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

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

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

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

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

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

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

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

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

Dj Dance · 9 декабря 2009

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

celsoft · 9 декабря 2009

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

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

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

Dj Dance · 9 декабря 2009

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

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

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

serega7777777 · 9 декабря 2009

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

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

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

baxus · 9 декабря 2009

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

либо

и в стилях

.sstory{

}

#sstory2{

}

serega7777777 · 16 декабря 2009

Спасибо. Сейчас так и попробуем

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

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

serega7777777 0

Ссылка на сообщение

Поделиться на других сайтах

WWW.ZEOS.IN 1 161

Ссылка на сообщение

Поделиться на других сайтах

serega7777777 0

Ссылка на сообщение

Поделиться на других сайтах

inokentik 45

Ссылка на сообщение

Поделиться на других сайтах

serega7777777 0

Ссылка на сообщение

Поделиться на других сайтах

baxus 49

Ссылка на сообщение

Поделиться на других сайтах

inokentik 45

Ссылка на сообщение

Поделиться на других сайтах

serega7777777 0

Ссылка на сообщение

Поделиться на других сайтах

baxus 49

Ссылка на сообщение

Поделиться на других сайтах

serega7777777 0

Ссылка на сообщение

Поделиться на других сайтах

serega7777777 0

Ссылка на сообщение

Поделиться на других сайтах

Dj Dance 185

Ссылка на сообщение

Поделиться на других сайтах

celsoft 6 076

Ссылка на сообщение

Поделиться на других сайтах

Dj Dance 185

Ссылка на сообщение

Поделиться на других сайтах

serega7777777 0

Ссылка на сообщение

Поделиться на других сайтах

baxus 49

Ссылка на сообщение

Поделиться на других сайтах

serega7777777 0

Ссылка на сообщение

Поделиться на других сайтах

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