Таблица, шириной выходящая от всех остальных.

likro · 20 июня 2008, 20:20:08

Есть тема (debu), сейчас малость меняю её. Нужно поставить таблицу для копирайтов, которая будет по ширине всего экрана и ровно стыкаться с краем браузера. Вверху уже есть такая таблица (прописал в стилях для body), как её внизу сделать - не знаю. Пиксилями задать не могу - надо чтобы у всех работало, в процентах - шире body оно не станет. Гуру, помогите

----

Решено. Стили body вынес на отдельный div, закрыл его перед </body> и между ними поставил свою таблицу.

Mavn · 20 июня 2008, 20:25:45

введи класс через дивы ограничивающий по ширине все таблицы которые тебе нужно а за пределами используй другой класс стилей по ширине всего экрана.

likro · 20 июня 2008, 20:28:38

Уже, но спасибо всё-равно =)

Serifa · 20 июня 2008, 21:30:21

вы бы лучше продемонстрировали все это в виде кодов? может, кому пригодиться в жизни...

likro · 22 июня 2008, 05:24:54

Пишу по шагам, для таких же ламо, как и я =)
В файле стилей (style.css) ищем параметры для body.

Код Выделить

body
{
	background: url(images/arkaplan.png);
	margin: 0px;
	padding: 0px 100px 0px 100px;
}

Меняем название, например на fumoffu, добавляем клеточку в начале (чтобы div работал)

Пример:

Код Выделить


#fumoffu
{
	background: url(images/arkaplan.png);
	margin: 0px;
	padding: 0px 100px 0px 100px;
}

Сохраняем. Открываем index.template, ищем тег <body>.

Пример:

Код Выделить

	echo '
				document.getElementById("upshrink_ic").src = smf_images_url + (mode ? "/expand.gif" : "/collapse.gif");

				document.getElementById("upshrinkHeaderIC").style.display = mode ? "none" : "";

				current_header_ic = mode;
			}
		// ]]></script>
</head>
<body>';

Добавляем после него div: "<div id="fumoffu">"

Пример:

Код Выделить

	echo '
				document.getElementById("upshrink_ic").src = smf_images_url + (mode ? "/expand.gif" : "/collapse.gif");

				document.getElementById("upshrinkHeaderIC").style.display = mode ? "none" : "";

				current_header_ic = mode;
			}
		// ]]></script>
</head>

<body>';

 
//old <body>
  echo '
 <div id="fumoffu">';

Ищем закрывающий body

Код Выделить

echo '
</td></tr></table></body></html>';
}

Вставляем перед ним закрывающий div

Код Выделить


</td></tr></table></div></body></html>';
}

Далее, чтобы добавить свою таблицу копирайтов, я сделал следующее:

Код Выделить

</td></tr></table></div>';


// Show the "Powered by" and "Valid" logos, as well as the copyright. Remember, the copyright must be somewhere!
  echo '
<div id="footerbox">
<div id="footerpad">
<div id="footer">
', theme_copyright(), ' | <a href="http://www.turkiyepaylasim.net" title="smf, sefa">Debu Theme - Sefa</a>
</div></div></div>';

//
  echo '
</body></html>';
}

Т.е. добавил абзац с нужной мне таблицей уже после дива, который исполняет обязанность body, и потом уже сделал новый абзац непосредственно для body и остальных.

У меня работает =)

Serifa · 22 июня 2008, 15:08:25

Несомненно, работа проделана интересная и важная. Если бы я еще что-то поняла!)) В любом случае, выношу благодарность камраду и плюсик к карме))

Cообщество пользователей SMF

Таблица, шириной выходящая от всех остальных.

likro

Mavn

likro

Serifa

likro

Serifa