Помогите зафиксировать ячейку

XPyZe · 21.01.2012

Ребята, признаюсь сразу в НТМЛ и КСС не ас. Гуглил.. но ничего нормального не смог найти.. в основном все спрашивают противоположность моей проблемы.

Проблема: верстаю шаблон, движок DLE... верстаю по старинке еще без всяких дивов.. а просто таблицы + css. Суть такова что в колонке есть блок статистики, задаю ему свой размер по высоте и по ширине. В этот блок вставляю код вида - {stat}, который как вы понимаете на работающем сайте вставит в это место сам блок статистики.

Само собой блок STAT я тоже отредактировал так как мне необходимо в виде таблицы. И так же задал размеры которые совпадают с теми куда я собрался его вставлять (хотя понятно что этого делать не обязательно.. ведь он должен принять размеры той ячейки в которую я его вставляю).

И тут проблема... ячейка растягивается какого то черта.... как??? почему??? я уже полосы на копчике рву часа 2... и так и так.. ну ничего не выходит. Дело в том что в той ячейки куда я вставляю этот блок статистике фоном сделана картинка и когда растягивается ячейка, картинка повторяется. Сами понимаете как это печально...

Подскажите, можно ли как нибудь зафиксировать эту ячейку и чтобы она не увеличивалась и не уменьшалась а была таких размеров как я ей задал

Собственно изображение проблемы:

Код куда вставляю:

Код:

<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" style="table-layout:fixed">
			  <tr>
			    <td width="40">&nbsp;</td>
			    <td>{SERVER}</td>
			  </tr>
		    </table>

Код что вставляю:

Код:

<div class="srverdiv">
{server_item}
</div>

В свою очередь сервер итем вставляет этот блок:

Код:

<table width="274" height="72" border="0" cellspacing="0" cellpadding="0" style="font-size: 12px; font-weight: bold; font-family: century gothic" class="servermesto">
  <tr>
    <td colspan="3" height="19"></td>
  </tr>
  <tr height="21">
    <td width="139" class="name">{nameLink}</td>
    <td width="90">{chronicle}</td>
    <td width="45">{online}</td>
  </tr>
  <tr>
    <td colspan="3" height="8"></td>
  </tr>
  <tr>
    <td colspan="3" height="15"><a href="{URL}index.php?f=stat">Look full server static</a></td>
  </tr>
  <tr>
    <td colspan="3" height="9"></td>
  </tr>
</table>

Пожалуйста помогите

BaNru · 21.01.2012

1)

Код:

<table style="table-layout:fixed" width="100%" border="0" cellpadding="0" cellspacing="0" height="100%">
  <tbody><tr>
    <td width="40"> </td>
    <td width="ЗАДАТЬ ШИРИНУ">{SERVER}</td>
    <td width="*"> </td>
 </tr></tbody></table>

2)

Код:

<table width="274" height="72" border="0"

сделать не фиксированной.

Ну и главное, надобно все параметры переносить в CSS.
Тигра увидит, обласкает ))))

tigra60 · 21.01.2012

К сожалению бывает
Часто Тиграми пугают
говнокодеров лихих.

Как же постерам не стыдно!
Это глупо и обидно!
И когда я вижу это,
жаль становится мне их.

(почти Михалков, почти дядя Степа)

XPyZe · 22.01.2012

BaNru - table-layout:fixed - это мне уже одни грамотеи подсказали на другом форуме, и я вставил этот тег. До этого было без него и все так же. Попробую как вы подсказали с размерами.

tigra60 - сколько пафоса... да да я не супер кодер как вы, я это вроде писал.. по специальности я Архитектор, а это всего лишь увлечение или хобби. Так что уж извиняйте. Читать такие ответы как ваш по меньшей мере неприятно. А с вашей стороны по меньшей мере не тактично.

tigra60 · 22.01.2012

Да будет вам!

Мой пост адресован вовсе не вам, а господину BaNru. Вы уж простите мне эту вольность.

Если честно, я и пост ваш первый не до конца прочел - остановился на этом:

верстаю шаблон, движок DLE... верстаю по старинке еще без всяких дивов.. а просто таблицы

Если вас интересуют причины, то работать с дле мне религия не позволяет ( : ) ), а таблицами верстать я просто не умею, так что я вам не советчик и не ответчик.
Извините!

А что касается ячейки таблицы, она будет тянуться в ширину в зависимости от её содержимого, если оно больше той ширины вы задали этой ячейке. То есть, ширина, которую мы задаем ячейке - это как бы минимальная её ширина. А поместите внутрь, например, картинку большей ширины, и ячейка мгновенно адаптируется. Так уж эти таблицы устроены. Попробуйте поработать именно с содержимым ячеек, непосредственно с их шириной.

XPyZe · 22.01.2012

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

ничего не получается.. все равно тянется в низ.. причем тянется так как будто вверху что то над ней вставляется

Осмелюсь задать еще один вопросец.

Вот такая схема собственно:

В центральную ячейку вставляю еще таблицу с блоком контента, она автоматически располагается по центру. Если увеличивается высота страницы к примеру за счет левой колонки, а размер контента в центральной меньше по высоте.. то он опять же центрируется. Как сделать чтобы блок с контентом всегда "прилипал" к верху?? :blush:

tigra60 · 22.01.2012

Для ячеек таблицы вертикальное выравнивание по-умолчанию задано посередине (что и наблюдаем). Чтобы задать другое выравнивание, применяем к ячейке стиль vertical-align (для справки см. http://htmlbook.ru/css/vertical-align, добавьте в закладки и пользуйтесь - это лучший русскоязычный справочник по html и css).

Сможете ли вы показать, что у вас там тянет вниз, но не фрагментом, а целиком страницу, на хостинге? Возможно, подскажу что-нибудь дельное.
Только не надо здесь код приводить, тем более фрагментами. В крайнем случае, прикрепите архив шаблона (html, css, изображения)

Вообще, таблица - очень гибкий, тонкий и сложный инструмент. Вот, например, вы указываете таблице атрибут height - высоту. И не подозреваете, что такого атрибута для тега TABLE в спецификации не существует. И каждый браузер интерпретирует его по своему.

Я почему-то, так думаю, что намного легче будет вам отказаться от таблиц, как средства для размещения блоков. Поверьте, блоками это сделать намного проще! Особенно, если у вас фиксированная ширина макета.

XPyZe · 22.01.2012

Спасибо огромное за подсказку в выравниванием

htmlbook пользую постоянно, просто не знал где капать.. теперь знаю как называется тег и конечно же посмотрю его свойства

XPyZe · 22.01.2012

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

На данном этапе код в этой таблице следующий:

Код:

<td style="vertical-align:top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
				  <tr>
				    <td height="30" style="text-decoration:underline; font-family: 'century gothic'; font-weight: bold; color: #FFF; font-size: 14px; text-align:left">CONTROL PANEL</td>
				  </tr>
				  <tr>
				    <td style="vertical-align:top">{LOGIN}</td>
				  </tr>
			    </table></td>

Вроде же все нормально

уже сил нету

Может в этом коде что-нибудь быть такое что мешает подняться в самый верх? (именно он вставляется в предыдущий по тегу {login})

Код:

[logged]
<table width="234" height="160" border="0" cellspacing="0" cellpadding="0" style="font-size: 12px; font-weight: bold; font-family: century gothic; text-align:left">
	  <tr>
	    <td colspan="2" style="font-size:14px; font-weight:bold; color:#FC3">Привет, <b>{user}</b></td>
	  </tr>
	  <tr>
	    <td width="117"><a href="{uCHARS}">Аккаунт</a></td>
	    <td width="117"><a href="{uCHSEX}">Смена пола</a></td>
	  </tr>
	  <tr>
	    <td><a href="{uCHPASS}">Сменить пароль</a></td>
	    <td><a href="{uCHNAME}">Смена ника</a></td>
	  </tr>
	  <tr>
	    <td><a href="{uCHMAIL}">Сменить E-mail</a></td>
	    <td><a href="{uCHANGER}">Обменник</a></td>
	  </tr>
	  <tr>
	    <td><a href="{uSUPPORT}">Поддержка</a></td>
	    <td><a href="{URL}index.php?doExit=yes">Завершить сеанс</a></td>
	  </tr>
	  <tr>
	    <td><a href="{uSWPAY}">Пожертвования</a></td>
	    <td>&nbsp;</td>
	  </tr>
	  <tr>
	    <td>&nbsp;</td>
	    <td>&nbsp;</td>
	  </tr>
    </table>
[/logged]
[login]
<form action="" method="post" name="dologin">
<input type="hidden" value="1" name="doLogin">
<input type="submit" style="display:none">
<table width="234" height="145" border=0 cellpadding="0" cellspacing="0" style="font-size: 15px; font-weight: bold; font-family: century gothic">
  <tr>
    <td><table width="100%" border="0" cellpadding="0" cellspacing="0">
	  <tr>
	    <td align="left"><input type="text" name="sw_name" style="width: 234px; border-color: #262534; border-style: solid; border-width: 3; background-color: #151425; color: #FFF;" maxlength="16"></td>
	  </tr>
	  <tr>
	    <td height="8"></td>
	  </tr>
	  <tr>
	    <td align="left"><input type="password" name="sw_pass" style="width: 234px; border-color: #262534; border-style: solid; border-width: 3; background-color: #151425; color: #FFF;" maxlength="16"></td>
	  </tr>
	  <tr>
	    <td height="8"></td>
	  </tr>
	  <tr>
	    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
	    [captcha]
		  <tr>
		    <td width="57%" align="left">{l2sec_code}</td>
		    <td width="43%" align="left"><input type="text" name="l2sec_code" maxlength="10" style="width: 170px; border-color: #262534; border-style: solid; border-width: 3; background-color: #151425; color: #FFF;"></td>
		  </tr>
		  [/captcha]
	    </table></td>
	  </tr>
	   <tr>
	    <td height="8"></td>
	  </tr>
	  <tr>
	    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
		  <tr>
		    <td width="59%"><table width="100%" border="0" cellspacing="0" cellpadding="0">
			  <tr>
			    <td style="font: 'century gothic'; font-size: 12px; font-weight: bold; text-align:left"><a href="{uFORGET}">Забыл пароль?</a></td>
			  </tr>
			  <tr>
			    <td height="2"></td>
			  </tr>
			  <tr>
			    <td style="font: 'century gothic'; font-size: 12px; font-weight: bold; text-align:left"><a href="{URL}index.php?f=register">Зарегистрироваться</a></td>
			  </tr>
		    </table></td>
		    <td width="41%"><a href="/" onclick="javascript: document.dologin.submit(); return false;"><img src="{THEME}/images/enter_b.jpg" width="95" height="30"></a></td>
		  </tr>
	    </table></td>
	  </tr>
    </table></td>
  </tr>
</table>
</form>
[/login]

Помогите зафиксировать ячейку

XPyZe

New Member

BaNru

Пацифизжу

tigra60

Спасатель

XPyZe

New Member

tigra60

Спасатель

XPyZe

New Member

tigra60

Спасатель

XPyZe

New Member

XPyZe

New Member

Онлайн статистика

Статистика форума

Новые пользователи

Поделиться этой страницей