TABLE

mac-condor · December 30, 2008

Вопрос к Модератору и остальным участникам форума; на одном сайте я захотел скопировать код таблицы, если то можно так назвать а вот и адрес сайта; ( http://www.rusbible.ru/ ), но код "TABLE" не дается, почему? И как создать такую вот "TABLE" с узорами?

rus · December 30, 2008

Ну, во - первых это не таблица, а див..., а во - вторых, там этот узор лежит бэкграундом (фоном) и подсасывается через внешний цсс код файла.

ZoNT · December 30, 2008

Вот какой там код. И главному диву в бэкграунд пропичана картинка с узором...

<div class="icontent">

	<center><img width="409" height="200" border="0" alt="Икона Вознесение [rusbible.ru]" id="logo" src="img/voznesenie.gif"/></center>

	<p>
	</p><h1><img width="197" height="32" alt="Новый завет" src="img/nz.gif"/></h1>

	<ul class="list">

	<li class="gr-ev"><a href="sinodal/mf.html">Евангелие от Матфея</a> <span class="sh">(Мф)</span> 

		<sup><a class="tolk" target="tolk" title="Толкование блаженного Феофилакта, Архиепископа Болгарского на Святое Евангелие от Матфея" href="books/mf.fb.html">ФБ</a></sup>

	</li>

	<li class="gr-ev"><a href="sinodal/mk.html">Евангелие от Марка</a> <span class="sh">(Мк)</span> 

		<sup><a class="tolk" target="tolk" title="Толкование блаженного Феофилакта, Архиепископа Болгарского на Святое Евангелие от Марка" href="books/mk.fb.html">ФБ</a></sup>

	</li>

	<li class="gr-ev"><a href="sinodal/lk.html">Евангелие от Луки</a> <span class="sh">(Лк)</span> 

		<sup><a class="tolk" target="tolk" title="Толкование блаженного Феофилакта, Архиепископа Болгарского на Святое Евангелие от Луки" href="books/lk.fb.html">ФБ</a></sup>

	</li>

	<li class="gr-ev"><a href="sinodal/in.html">Евангелие от Иоанна</a> <span class="sh">(Ин)</span> 

		<sup><a class="tolk" target="tolk" title="Толкование блаженного Феофилакта, Архиепископа Болгарского на Святое Евангелие от Иоанна" href="books/in.fb.html">ФБ</a></sup>

	</li>

	<li class="gr-deyan"><a href="sinodal/deyan.html">Деяния Святых Апостолов</a> <span class="sh">(Деян)</span> 

	</li>

	<li class="gr-sposl"><a href="sinodal/iak.html">Соборное послание св. Ап. Иакова</a> <span class="sh">(Иак)</span> 

	</li>

	<li class="gr-sposl"><a href="sinodal/1petr.html">Первое Соборное послание св. Ап. Петра</a> <span class="sh">(1Петр)</span> 

	</li>

	<li class="gr-sposl"><a href="sinodal/2petr.html">Второе Соборное послание св. Ап. Петра</a> <span class="sh">(2Петр)</span> 

	</li>

	<li class="gr-sposl"><a href="sinodal/1in.html">Первое Соборное послание св. Ап. Иоанна Богослова</a> <span class="sh">(1Ин)</span> 

	</li>

	<li class="gr-sposl"><a href="sinodal/2in.html">Второе Соборное послание св. Ап. Иоанна Богослова</a> <span class="sh">(2Ин)</span> 

	</li>

	<li class="gr-sposl"><a href="sinodal/3in.html">Третье Соборное послание св. Ап. Иоанна Богослова</a> <span class="sh">(3Ин)</span> 

	</li>

	<li class="gr-sposl"><a href="sinodal/iud.html">Соборное послание св. Ап. Иуды</a> <span class="sh">(Иуд)</span> 

	</li>

	<li class="gr-poslp"><a href="sinodal/rim.html">К Римлянам послание св. Ап. Павла</a> <span class="sh">(Рим)</span> 

		<sup><a class="tolk" target="tolk" title="Прп. Ефрем Сирин. Толкование на послания божественного Павла. Послание к Римлянам" href="books/rim.es.html">ЕС</a></sup>

	</li>

	<li class="gr-poslp"><a href="sinodal/1kor.html">Первое послание св. Ап. Павла к Коринфянам</a> <span class="sh">(1Кор)</span> 

		<sup><a class="tolk" target="tolk" title="Прп. Ефрем Сирин. Толкование на послания божественного Павла. Первое послание к Коринфянам" href="books/1kor.es.html">ЕС</a></sup>

	</li>

	<li class="gr-poslp"><a href="sinodal/2kor.html">Второе послание св. Ап. Павла к Коринфянам</a> <span class="sh">(2Кор)</span> 

		<sup><a class="tolk" target="tolk" title="Прп. Ефрем Сирин. Толкование на послания божественного Павла. Второе послание к Коринфянам" href="books/2kor.es.html">ЕС</a></sup>

	</li>

	<li class="gr-poslp"><a href="sinodal/gal.html">Послание к Галатам</a> <span class="sh">(Гал)</span> 

		<sup><a class="tolk" target="tolk" title="Прп. Ефрем Сирин. Толкование на послания божественного Павла. Послание к Галатам" href="books/gal.es.html">ЕС</a></sup>

	</li>

	<li class="gr-poslp"><a href="sinodal/ef.html">Послание к Ефесянам</a> <span class="sh">(Еф)</span> 

		<sup><a class="tolk" target="tolk" title="Прп. Ефрем Сирин. Толкование на послания божественного Павла. Послание к Ефесянам" href="books/ef.es.html">ЕС</a></sup>

	</li>

	<li class="gr-poslp"><a href="sinodal/fil.html">Послание к Филиппийцам</a> <span class="sh">(Фил)</span> 

		<sup><a class="tolk" target="tolk" title="Прп. Ефрем Сирин. Толкование на послания божественного Павла. Послание к Филиппийцам" href="books/fil.es.html">ЕС</a></sup>

	</li>

	<li class="gr-poslp"><a href="sinodal/kol.html">Послание к Колоссянам</a> <span class="sh">(Кол)</span> 

		<sup><a class="tolk" target="tolk" title="Прп. Ефрем Сирин. Толкование на послания божественного Павла. Послание к Колоссянам" href="books/kol.es.html">ЕС</a></sup>

	</li>

	<li class="gr-poslp"><a href="sinodal/1fes.html">Первое послание св. Ап. Павла к Фессалоникийцам</a> <span class="sh">(1Фес)</span> 

		<sup><a class="tolk" target="tolk" title="Прп. Ефрем Сирин. Толкование на послания божественного Павла. Первое послание к Фессалоникийцам" href="books/1fes.es.html">ЕС</a></sup>

	</li>

	<li class="gr-poslp"><a href="sinodal/2fes.html">Второе послание св. Ап. Павла к Фессалоникийцам</a> <span class="sh">(2Фес)</span> 

		<sup><a class="tolk" target="tolk" title="Прп. Ефрем Сирин. Толкование на послания божественного Павла. Второе послание к Фессалоникийцам" href="books/2fes.es.html">ЕС</a></sup>

	</li>

	<li class="gr-poslp"><a href="sinodal/1tim.html">Первое послание к Тимофею</a> <span class="sh">(1Тим)</span> 

		<sup><a class="tolk" target="tolk" title="Прп. Ефрем Сирин. Толкование на послания божественного Павла. Первое послание к Тимофею" href="books/1tim.es.html">ЕС</a></sup>

	</li>

	<li class="gr-poslp"><a href="sinodal/2tim.html">Второе послание к Тимофею</a> <span class="sh">(2Тим)</span> 

		<sup><a class="tolk" target="tolk" title="Прп. Ефрем Сирин. Толкование на послания божественного Павла. Второе послание к Тимофею" href="books/2tim.es.html">ЕС</a></sup>

	</li>

	<li class="gr-poslp"><a href="sinodal/tit.html">Послание к Титу</a> <span class="sh">(Тит)</span> 

		<sup><a class="tolk" target="tolk" title="Прп. Ефрем Сирин. Толкование на послания божественного Павла. Послание к Титу" href="books/tit.es.html">ЕС</a></sup>

	</li>

	<li class="gr-poslp"><a href="sinodal/filim.html">Послание к Филимону</a> <span class="sh">(Филим)</span> 

	</li>

	<li class="gr-poslp"><a href="sinodal/evr.html">Послание к Евреям</a> <span class="sh">(Евр)</span> 

		<sup><a class="tolk" target="tolk" title="Прп. Ефрем Сирин. Толкование на послания божественного Павла. Послание к Евреям" href="books/evr.es.html">ЕС</a></sup>

	</li>

	<li class="gr-otkr"><a href="sinodal/otkr.html">Апокалипсис св. Ап. Иоанна Богослова</a> <span class="sh">(Откр)</span> 

		<sup><a class="tolk" target="tolk" title="Св. Андрей Кесарийский. Толкование на Апокалипсис Святого Иоанна Богослова" href="books/otkr.ak.html">АК</a></sup>

	</li>

	</ul>
	<center class="otbiv"><img width="117" height="35" alt="" src="img/otbiv.gif"/></center>
	<p/>

	<p>
	</p><h1><img width="211" height="32" alt="Ветхий завет" src="img/vz.gif"/></h1>
	<ul class="list">

	<li class="gr-z"><a href="sinodal/byt.html">Бытие</a> <span class="sh">(Быт)</span>

		<sup><a class="tolk" target="tolk" title="Преподобный Ефрем Сирин. Толкование на первую книгу, то есть на книгу Бытия" href="books/byt.es.html">ЕС</a></sup>

	</li>

	<li class="gr-z"><a href="sinodal/ish.html">Исход</a> <span class="sh">(Исх)</span>

		<sup><a class="tolk" target="tolk" title="Преподобный Ефрем Сирин. Толкование на книгу Исход" href="books/ish.es.html">ЕС</a></sup>

	</li>

	<li class="gr-z"><a href="sinodal/lev.html">Левит</a> <span class="sh">(Лев)</span>

		<sup><a class="tolk" target="tolk" title="Преподобный Ефрем Сирин. Толкование на книгу Левит" href="books/lev.es.html">ЕС</a></sup>

	</li>

	<li class="gr-z"><a href="sinodal/chis.html">Числа</a> <span class="sh">(Чис)</span>

		<sup><a class="tolk" target="tolk" title="Преподобный Ефрем Сирин. Толкование на книгу Чисел" href="books/chis.es.html">ЕС</a></sup>

	</li>

	<li class="gr-z"><a href="sinodal/vtor.html">Второзаконие</a> <span class="sh">(Втор)</span>

		<sup><a class="tolk" target="tolk" title="Преподобный Ефрем Сирин. Толкование на книгу Второзаконие" href="books/vtor.es.html">ЕС</a></sup>

	</li>

	<li class="gr-hist"><a href="sinodal/isnav.html">Книга Иисуса Навина</a> <span class="sh">(ИсНав)</span>

	</li>

	<li class="gr-hist"><a href="sinodal/sud.html">Книга Судей</a> <span class="sh">(Суд)</span>

	</li>

	<li class="gr-hist"><a href="sinodal/ruf.html">Книга Руфь</a> <span class="sh">(Руфь)</span>

	</li>

	<li class="gr-hist"><a href="sinodal/1tsar.html">Первая книга Царств</a> <span class="sh">(1Цар)</span>

	</li>

	<li class="gr-hist"><a href="sinodal/2tsar.html">Вторая книга Царств</a> <span class="sh">(2Цар)</span>

	</li>

	<li class="gr-hist"><a href="sinodal/3tsar.html">Третья книга Царств</a> <span class="sh">(3Цар)</span>

	</li>

	<li class="gr-hist"><a href="sinodal/4tsar.html">Четвертая книга Царств</a> <span class="sh">(4Цар)</span>

	</li>

	<li class="gr-hist"><a href="sinodal/1par.html">Первая книга Паралипоменон</a> <span class="sh">(1Пар)</span>

	</li>

	<li class="gr-hist"><a href="sinodal/2par.html">Вторая книга Паралипоменон</a> <span class="sh">(2Пар)</span>

	</li>

	<li class="gr-hist"><a href="sinodal/ezd.html">Первая книга Ездры</a> <span class="sh">(1Езд)</span>

	</li>

	<li class="gr-hist"><a href="sinodal/nee.html">Книга Неемии</a> <span class="sh">(Неем)</span>

	</li>

	<li class="gr-hist"><a href="sinodal/2ezd.html">Вторая книга Ездры</a> <span class="sh">(2Езд)</span>

	</li>

	<li class="gr-uch"><a href="sinodal/tov.html">Книга Товита</a> <span class="sh">(Тов)</span>

	</li>

	<li class="gr-uch"><a href="sinodal/iudif.html">Книга Иудифь</a> <span class="sh">(Иудифь)</span>

	</li>

	<li class="gr-uch"><a href="sinodal/esf.html">Книга Есфирь</a> <span class="sh">(Есф)</span>

	</li>

	<li class="gr-uch"><a href="sinodal/iov.html">Книга Иова</a> <span class="sh">(Иов)</span>

	</li>

	<li class="gr-uch"><a href="sinodal/ps.html">Псалтирь</a> <span class="sh">(Пс)</span>

	</li>

	<li class="gr-uch"><a href="sinodal/prit.html">Книга Притчей Соломоновых</a> <span class="sh">(Притчи)</span>

	</li>

	<li class="gr-uch"><a href="sinodal/ekk.html">Книга Екклесиаста</a> <span class="sh">(Еккл)</span>

	</li>

	<li class="gr-uch"><a href="sinodal/pesn.html">Книга Песни Песней Соломона</a> <span class="sh">(Песн)</span>

	</li>

	<li class="gr-uch"><a href="sinodal/premsol.html">Книга Премудрости Соломона</a> <span class="sh">(ПремСол)</span>

	</li>

	<li class="gr-uch"><a href="sinodal/sirah.html">Книга Премудрости Иисуса сына Сирахова</a> <span class="sh">(Сирах)</span>

	</li>

	<li class="gr-pr"><a href="sinodal/is.html">Книга пророка Исаии</a> <span class="sh">(Ис)</span>

	</li>

	<li class="gr-pr"><a href="sinodal/ier.html">Книга пророка Иеремии</a> <span class="sh">(Иер)</span>

	</li>

	<li class="gr-pr"><a href="sinodal/plach.html">Книга плач Иеремии</a> <span class="sh">(Плач)</span>

	</li>

	<li class="gr-pr"><a href="sinodal/poslier.html">Послание Иеремии</a> <span class="sh">(ПослИер)</span>

	</li>

	<li class="gr-pr"><a href="sinodal/var.html">Книга пророка Варуха</a> <span class="sh">(Вар)</span>

	</li>

	<li class="gr-pr"><a href="sinodal/iez.html">Книга пророка Иезекииля</a> <span class="sh">(Иез)</span>

		<sup><a class="tolk" target="tolk" title="Преподобный Ефрем Сирин. Толкование на книгу пророчества Иезекииля" href="books/iez.es.html">ЕС</a></sup>

	</li>

	<li class="gr-pr"><a href="sinodal/dan.html">Книга пророка Даниила</a> <span class="sh">(Дан)</span>

		<sup><a class="tolk" target="tolk" title="Преподобный Ефрем Сирин. Толкование на книгу пророчества Даниила" href="books/dan.es.html">ЕС</a></sup>

	</li>

	<li class="gr-malpr"><a href="sinodal/os.html">Книга пророка Осии</a> <span class="sh">(Ос)</span>

		<sup><a class="tolk" target="tolk" title="Преподобный Ефрем Сирин. Толкование на книгу пророчества Осии" href="books/os.es.html">ЕС</a></sup>

	</li>

	<li class="gr-malpr"><a href="sinodal/ioil.html">Книга пророка Иоиля</a> <span class="sh">(Иоиль)</span>

		<sup><a class="tolk" target="tolk" title="Преподобный Ефрем Сирин. Толкование на книгу пророчества Иоиля" href="books/ioil.es.html">ЕС</a></sup>

	</li>

	<li class="gr-malpr"><a href="sinodal/amos.html">Книга пророка Амоса</a> <span class="sh">(Амос)</span>

		<sup><a class="tolk" target="tolk" title="Преподобный Ефрем Сирин. Толкование на книгу пророчества Амоса" href="books/amos.es.html">ЕС</a></sup>

	</li>

	<li class="gr-malpr"><a href="sinodal/avd.html">Книга пророка Авдия</a> <span class="sh">(Авд)</span>

		<sup><a class="tolk" target="tolk" title="Преподобный Ефрем Сирин. Толкование на книгу пророчества Авдия" href="books/avd.es.html">ЕС</a></sup>

	</li>

	<li class="gr-malpr"><a href="sinodal/iona.html">Книга пророка Ионы</a> <span class="sh">(Иона)</span>

	</li>

	<li class="gr-malpr"><a href="sinodal/mih.html">Книга пророка Михея</a> <span class="sh">(Мих)</span>

		<sup><a class="tolk" target="tolk" title="Преподобный Ефрем Сирин. Толкование на книгу пророчества Михея" href="books/mih.es.html">ЕС</a></sup>

	</li>

	<li class="gr-malpr"><a href="sinodal/naum.html">Книга пророка Наума</a> <span class="sh">(Наум)</span>

	</li>

	<li class="gr-malpr"><a href="sinodal/avv.html">Книга пророка Аввакума</a> <span class="sh">(Авв)</span>

	</li>

	<li class="gr-malpr"><a href="sinodal/sof.html">Книга пророка Софонии</a> <span class="sh">(Соф)</span>

	</li>

	<li class="gr-malpr"><a href="sinodal/agg.html">Книга пророка Аггея</a> <span class="sh">(Агг)</span>

	</li>

	<li class="gr-malpr"><a href="sinodal/zah.html">Книга пророка Захарии</a> <span class="sh">(Зах)</span>

		<sup><a class="tolk" target="tolk" title="Преподобный Ефрем Сирин. Толкование на книгу пророчества Захарии" href="books/zah.es.html">ЕС</a></sup>

	</li>

	<li class="gr-malpr"><a href="sinodal/mal.html">Книга пророка Малахии</a> <span class="sh">(Мал)</span>

		<sup><a class="tolk" target="tolk" title="Преподобный Ефрем Сирин. Толкование на книгу пророчества Малахии" href="books/mal.es.html">ЕС</a></sup>

	</li>

	<li class="gr-makk"><a href="sinodal/1makk.html">Первая книга Маккавейская</a> <span class="sh">(1Макк)</span>

	</li>

	<li class="gr-makk"><a href="sinodal/2makk.html">Вторая книга Маккавейская</a> <span class="sh">(2Макк)</span>

	</li>

	<li class="gr-makk"><a href="sinodal/3makk.html">Третья книга Маккавейская</a> <span class="sh">(3Макк)</span>

	</li>

	<li class="gr-3ezd"><a href="sinodal/3ezd.html">Третья книга Ездры</a> <span class="sh">(3Езд)</span>

	</li>

	</ul>
	<center class="otbiv"><img width="117" height="35" alt="" src="img/otbiv.gif"/></center>
	<p/>

</div>

mac-condor · January 1, 2009

Вы знаете, что-то не то. У меня не получается может потому что на моем АСЕРЕ нету Винды. Спасибо.

rash · January 1, 2009

А какая разница?

homm · January 2, 2009

У вас не православный Асер.

mac-condor · January 2, 2009

/не православный Асер/; Потерпит-с-с!

Все же позвольте полюбопытствовать; как сотворить TABLE с узорами и не прямыми а волнистыми на пример стенками? Я правельно выразился? Я имею ввиду имено TABLE а не DIV.

pyJee · January 2, 2009

как сотворить TABLE с узорами и не прямыми а волнистыми на пример стенками?

Делаешь 3 колонки. Боковые колонки в ширину узора, центральная - под контент. Для боковых задаешь нужный бекграунд и все.

mac-condor · January 2, 2009

/...для боковых задаешь нужный бекграунд.../; Пожалуйста дайте код? Я же ведь "чайник".

pyJee · January 3, 2009

<table border="0">
	<tr>
		<td background="img/background.gif" width="100"></td>
		<td>content</td>
		<td background="img/background.gif" width="100"></td>
	</tr>
</table>

PS. Таблицы нужны для предоставления табличных данных, а для верстки нужно использовать div'ы.

Sochog · January 3, 2009

Можно сделать и дивами, например так:

<div style="padding-left:50px;background:left url('left_bg.png') repeat-y">
  <div style="padding-right:50px;background:right url('right_bg.png') repeat-y">
	здесь всё что угодно...
  </div>
</div>

При этом пэддинги могут не обязательно быть равны по ширине друг другу и ширине картинки и текст может налазить на эти картинки при необходимости. Единственное, не уверен, что сработают одинарные кавычки в url(). Можно написать вместо них " -- тогда должно, а ещё лучше создать внешний файл со стилями.

pyJee · January 3, 2009

Sochog

Все же позвольте полюбопытствовать; как сотворить TABLE с узорами и не прямыми а волнистыми на пример стенками? Я правельно выразился? Я имею ввиду имено TABLE а не DIV.

Sochog · January 3, 2009

Sochog
Цитата
Все же позвольте полюбопытствовать; как сотворить TABLE с узорами и не прямыми а волнистыми на пример стенками? Я правельно выразился? Я имею ввиду имено TABLE а не DIV.

Ну и, собственно, что?

Я разьве обязан отвечать именно на тот вопрос, который Вы приводите в цитате? Я просто дополняю ответ смежной темой. Я же не говорю (и даже не думаю), что Вы не умеете делать это дивами.

Может кого-нибудь заинтересует возможность сделать так, как я показал. Или даже сам автор посмотрит на мой код и решит отказаться от таблицы в качестве средства верстки В данном случае (как и в большинстве) решение на слоях компактнее и гораздо гибче, используется 2 тега вместо пяти, при интерпретации браузерами не возникнут всякие приколы с лишними пробелами (впрочем, и у Вас не возникнут).

Edited January 3, 2009 by Sochog

pyJee · January 3, 2009

Ну это уже не по теме. Я же не пишу преимущества div'ов и что таблицами верстать плохо и т.д.

Sochog · January 3, 2009

Ну это уже не по теме. Я же не пишу преимущества div'ов и что таблицами верстать плохо и т.д.

Ну, да... Моё сообщение на грани офф-топика Но я думаю, не смертельно

Sign In

TABLE

Question

Link to comment

Share on other sites

14 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information