Добро пожаловать в форум, Guest  >>   Войти | Регистрация | Поиск | Правила | В избранное | Подписаться
Все форумы / Вопрос-Ответ Новый топик    Ответить
 Помогите с кодом, плиз)  [new]
lordalexnight
Member

Откуда:
Сообщений: 1
вот собственно то, что вышло - http://pravo-k.ru/ind.php

проблема растянуть по вертикале-горизонтале бэкграунды-картинки внутри ячеек...
а именно: IMG/bglc0.gif (по горизонтале) IMG/0bgcl0.gif и IMG/bgcr0.gif (по вертикале)

помогите разобраться плиз.

вот код:

+
+
<style type="text/css">
<!--
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #000;
	margin: 0;
	padding: 0;
	color: #000;
}
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
a img {
	border: none;
}
a:link {
	color:#000;
	text-decoration: underline;
}
a:visited {
	color: #000;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
.container {
	width: 99%;
	max-width: 1260px;
	min-width: 1004px;
	height: 99%;
	max-height: 1004px;
	min-height: 580px;
	position:absolute;
	top: expression(GetVisibleCenterY(this));
	left: expression(GetVisibleCenterX(this));
	overflow: hidden;
}
function GetVisibleCenterX(item)
{
var c = item.parentNode;
var s = c.getBoundingClientRect();
var right = c.document.documentElement.offsetWidth - ((s.rightc.offsetLeft+right)?0:-s.left);
var offs = ((c.offsetLeft > left)?(c.offsetLeft - left):0);
var width = right - offs;

return left+offs+(width/2) - item.clientWidth/2;
}
function GetVisibleCenterY(item)
{
var c = item.parentNode;
var s = c.getBoundingClientRect();
var bottom = c.document.documentElement.offsetHeight - ((s.bottomc.offsetTop+bottom)?0:-s.top);
var offs = ((c.offsetTop > top)?(c.offsetTop - top):0);
var height = bottom - offs;
return top+offs+(height/2) - item.clientHeight/2;
}
.sidebar1 {
	float: left;
	width: 100%;
	height: 100%;
}
.bg {
   z-index: -1;
   width: 100%;
   height: 100%;
   top: 0px;
   right: 0px;
}
.logo {
   padding-left:100px;
   top: 0px;
   right: 0px;
   z-index: 1;
}
.link {
   padding-left:55px;
   top: 0px;
   right: 0px;
   z-index: 1;
}
.content {
	float: left;
	width: 100%;
}
ul.nav {
	list-style: none;
	border-top: 1px solid #666;
	margin-bottom: 15px;
}
ul.nav li {
	border-bottom: 1px solid #666;
}
ul.nav a, ul.nav a:visited {
	padding: 5px 5px 5px 15px;
	display: block;
	text-decoration: none;
	background: #000;
	color: #000;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* изменяет цвет текста и фона при навигации с помощью клавиатуры и мыши */
	background: #000;
	color: #000;
}
-->
</style><!--[if lte IE 7]>
<style>
.content { margin-right: -1px; }
ul.nav a { zoom: 1; }
</style>
<![endif]--></head>

<body>
<div class="container">
  <div class="sidebar1">
	<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 width=100% height=100%>
        <TR>
        <TD background="IMG/0bgul0.gif" width="290" height="50" NOWRAP><NOBR></NOBR></TD>
        <TD height="50" NOWRAP><img src="IMG/bguc0.gif" class="bg" height="50"/></TD>
        <TD background="IMG/bgur0.gif" width=110 height=50 NOWRAP><NOBR></NOBR></TD>
        </TR>
        <TR>
        <TD background="IMG/0bgll0.gif" width=290 height=85 NOWRAP>
        <img src="IMG/logo.gif" class="logo" width="130" height="85"/></TD>
        <TD style="background-image:url(IMG/bglc0.gif); width:#; height:85px" height=85 NOWRAP>
        <a href="#" ><p align="center"><img src="IMG/zag0.gif" align="center"alt="ЮРИДИЧЕСКАЯ ПОМОЩЬ В РЕШЕНИИ ЖИЛИЩНЫХ ПРОБЛЕМ" name="zag" width="600" height="65"/></p></a></TD>
        <TD background="IMG/bglr0.gif" width=110 height=85 NOWRAP><NOBR></NOBR></TD>
        </TR>
        <TR>
        <TD style="background-image:url(IMG/0bgcl0.gif); width:290px; height:100%" width=290 NOWRAP>
        <a href="#"><h3 class="link" align="center">ГЛАВНАЯ</h3></a>
        <a href="#"><h3 class="link" align="center">НОВОСТИ</h3></a>
        <a href="#"><h3 class="link" align="center">УСЛУГИ</h3></a>
        <a href="#"><h3 class="link" align="center">ПОЛЕЗНО</h3></a>
        <a href="#"><h3 class="link" align="center">ДОКУМЕНТЫ</h3></a>
        <a href="#"><h3 class="link" align="center">КОНТАКТЫ</h3></a>
        <a href="#"><h3 class="link" align="center">(495)507-2304</h3></a>
        <a href="#"><h3 class="link" align="center">(495)507-3610</h3></a>
        <a href="#"><h3 class="link" align="center">ПАРТНЕРЫ</h3></a>
        <a href="#"><h3 class="link" align="center">SITE MAP</h3></a>
        </TD>
        <TD NOWRAP>
<iframe frameborder="no" src="MAINC.html" width="100%" height="100%" scrolling="no">MAINC.html</iframe>
        </TD>
        <TD style="background-image:url(IMG/bgcr0.gif); width:110px; height:10%" width=110 NOWRAP></TD>
        </TR>
        <TR>
        <TD background="IMG/0bgdl0.gif" width=290 height=60 NOWRAP><NOBR></NOBR></TD>
        <TD height=55 NOWRAP><img src="IMG/bgdc0.gif" class="bg" height="60"/></TD>
        <TD background="IMG/bgdr0.gif" width=110 height=60 NOWRAP><NOBR></NOBR></TD>
        </TR>
	</TABLE>
    <!-- end .sidebar1 --></div>
  <!-- end .container --></div>
</body>

Модератор: Отредактировано. Взято в СРЦ и спойлер.


Сообщение было отредактировано: 14 ноя 10, 10:45
14 ноя 10, 00:31    [9775957]     Ответить | Цитировать Сообщить модератору
 Re: Помогите с кодом, плиз)  [new]
Gator
Member

Откуда: Москва
Сообщений: 14980
lordalexnight, WOW!
А слабо то же самое окружить тегами [src] и [spoiler]?
Еще, говорят, полезно нажимать кнопку "Предварительный просмотр".
14 ноя 10, 02:29    [9776186]     Ответить | Цитировать Сообщить модератору
Все форумы / Вопрос-Ответ Ответить