urodec Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Есть такая проблема. Есть изображение (длина - 100px, высота произвольная). Нужно разместить изображение слева, текст справа, сверху, после того, как текст по высоте дойдёт до низа изображения, он должен перекидываться.... вобщем как здесь (смотрите комменты) http://filez.nnm.ru/frezzz_sadam/17.07.2005/obnovlenie_downloadmanagera_do_versii_425887/ - например zzzlodey....   Проблема в том, что так я могу сделать так: Код:  <td valign=top><img src=sss.jpg align=left> text   Это ладно... но мне хочется реализовать поддержку цитат, которые бы выделялись там другим цветом... т.е. текс, цитата, текст... вот здесь уже проблема. Как это сделать? Единственное, это Код:  <td valign=top><img src=sss.jpg align=left> text text <table><tr><td style=1> цитата </td></tr></table>   Это рабочий, но на мой взгляд не правильный код... и если текст цитаты по высоте больше высоты изображения, то он не перекидывается влево... Всего записей: 711 | Зарегистр. 17-01-2003 | Отправлено: 21:54 18-07-2005

Cheery .:МордератоР:. Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору urodec Друг мой.. если есть html пример, то почему бы не заглянуть в исходники, а? ---------- Away/DND Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 23:25 18-07-2005

urodec Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Там есть пример без цитат... а мне нада с цитатой реализовать... Всего записей: 711 | Зарегистр. 17-01-2003 | Отправлено: 00:38 19-07-2005

FED Чертов Мембер Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору а если сделать <span class=quote><b>Цитата:</b><br>текст цитаты</span> и в цсс quote задать другой цвет, фон и так далее? не пробовал, просто что в голову пришло. Всего записей: 3039 | Зарегистр. 13-08-2001 | Отправлено: 01:19 19-07-2005

urodec Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору FED А ты пробовал??? Уж лучше <div>, но тогда фон заезжает за изображение Всего записей: 711 | Зарегистр. 17-01-2003 | Отправлено: 13:01 19-07-2005

FED Чертов Мембер Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору urodec Цитата: А ты пробовал???   Цитата: не пробовал   <div> плох тем, что создает вокруг себя некие границы, которые делают невразумительные отступы, чтобы это решать приходится возиться с цсс, а <span> подобного не делает. Да и у ДИВа другое предназначение, чем у СПАНа. Всего записей: 3039 | Зарегистр. 13-08-2001 | Отправлено: 13:37 19-07-2005

Delphi6 BANNED Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору FED Я вообще чужой здесь но все-же может ответите в каком случае нужно пользоваться дивом и в каком случае спаном, я всегда пользуюсь дивом Всего записей: 2631 | Зарегистр. 06-07-2004 | Отправлено: 14:23 19-07-2005

sket4 Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору используй css, просто сделай себе стиль comments и на атрибут img ставь невидимые границы(вокруг картинки), а конкретную реализацию тебе подсказали выше. Всего записей: 712 | Зарегистр. 07-05-2004 | Отправлено: 14:52 19-07-2005

Eug9n9 Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Delphi6 Вообще то всегда подразумевалось, что div span-ом и наоборот нельзя заменить   Потому как: div - это контейнер, прямоугольный элемент верстки, span - это inline тег, вроде b/strong или i/em.   Ну и типичное применение такое: <div class=text> sample text line is <span class=stressed>stressed in the middle</span> and then relaxed </div> Всего записей: 244 | Зарегистр. 23-03-2003 | Отправлено: 15:49 19-07-2005

Delphi6 BANNED Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Eug9n9 Спасибо, теперь понятно, буду знать Всего записей: 2631 | Зарегистр. 06-07-2004 | Отправлено: 16:10 19-07-2005

FED Чертов Мембер Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору Delphi6 Личное дело каждого, где и как юзать. Я использую дивы исключительно для создания слоев, т.е. задавая диву координаты где ему отображаться и каким по очереди. <span> же, как мне кажется, более подходит для внутре-хтмльной конструкции. Он не оставляет между собой лишние отступы (которые нужно отдельно убирать), не делает переносов.   Приведу пример: http://fed.ms/samples/t1.htm   Думаю сразу все понятно станет. Код:   <style type="text/css"> <!-- .test { font-weight: bold; color: #FF0000; } --> </style> my text <span class=test>this is on span tag</span> .... no span <br><br><br> my test <div class=test>this is on div tag</div> .... no div   Всего записей: 3039 | Зарегистр. 13-08-2001 | Отправлено: 17:01 19-07-2005 | Исправлено: FED, 23:05 19-07-2005

urodec Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Народ. Вот вам пример того, что мне нужно. Вверху то что есть без цитаты, а внизу как надо сделать цитату http://gtasa.ru/temp/example.gif Это я очень быстро набрасал.. криво Всего записей: 711 | Зарегистр. 17-01-2003 | Отправлено: 21:32 19-07-2005

bredonosec Platinum Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Код: <style type='text/css'> img { float: left;  border: 0px } </style> в шапке файла. И вали все в одну ячейку.   Примеры если еще не потерлись, валяются на старых сборках новостей:   Oil, Forces, Strategy Всего записей: 16307 | Зарегистр. 13-02-2003 | Отправлено: 21:41 19-07-2005

FED Чертов Мембер Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору urodec Не понимаю в чем проблема ... Уже же несколько раз сказали как сделать. Смотри: http://fed.ms/samples/quote.htm       Добавлено: Со всякими отступами от картинки и от слова "цитата" самой цитаты не заморачивался, но опять же - все через цсс решается. Всего записей: 3039 | Зарегистр. 13-08-2001 | Отправлено: 22:56 19-07-2005 | Исправлено: FED, 22:58 19-07-2005

bredonosec Platinum Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Или вопрос был в том, как выделить блок текста таким образом, чтоб он при этом не оказался блоковым элементом? Ясен пень, строковым выделением ака <span class=класс_цитаты>текст цитаты</span>, как собсно, Чертов Мембер и показал.     Всего записей: 16307 | Зарегистр. 13-02-2003 | Отправлено: 00:16 20-07-2005

FED Чертов Мембер Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору bredonosec Вопрос был в том, как переносить текст. Человек делал все это в таблице (цитату), и соотвсно она не переносилась под картинку, а шла справа от нее. Всего записей: 3039 | Зарегистр. 13-08-2001 | Отправлено: 04:16 20-07-2005

bredonosec Platinum Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору FED Да я понял Рамки мышления - "если блок текста - значит блоковый элемент" Всего записей: 16307 | Зарегистр. 13-02-2003 | Отправлено: 05:02 20-07-2005

Delphi6 BANNED Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору FED Огромное вам спасибо, теперь понятно что есть что, мне не раз нужно было отобразить текст с другим стилем, который находился среди другого текста, и мне приходилось выкручиваться другими тегами, а оказывается для этого существует тег спан. Вот что меня ещё заинтересовало, правда я не верталшик, но все чаще и чаще я слышу термины слои на страничке, и чаще я вижу что вся страничка создаться с помощью только дива, без таблиц, в чем преимущество и как все это делать может у вас есть документация или хорошая статья? Всего записей: 2631 | Зарегистр. 06-07-2004 | Отправлено: 11:22 20-07-2005

urodec Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору FED Вот... почти то, что нужно. Только для спана нет такого тега как алигн? Для td не работает  align="justify". Получается в самое начало нужен тег <div align="justify"> ? Всего записей: 711 | Зарегистр. 17-01-2003 | Отправлено: 16:31 20-07-2005

Страницы: 1 2

Компьютерный форум Ru.Board » Интернет » Web-программирование » HTML: как сделать....

Переход по форумам  Закладки   » Компьютеры Цифровое изображение Программы Microsoft Windows UNIX Другие OS Hardware В помощь сисадмину Прикладное программирование Игры Форумные игры   » Интернет Web-программирование В помощь вебмастеру Графика Хостинг Зацените-ка!   » Тематические Ikonboard v.2 Ikonboard v.3 Invision Board Другие форумы PHP-Nuke и другие порталы Мобила   » Общие Спорт Флейм Темы по региональным встречам Музыка и Кино Юмор Литература и Живопись   » Ru.Board Новости Помощь по форуму   » Андеграунд eBookz Варезник Раздачи и акции Мобильный варезник Андеграунд Игры и фильмы   » Специальные Тестирование