ячейка в таблице определенного размера

serjico · October 6, 2011

хоться иметь таблицу с ячейками размером 2 на 2 пикселя

но никак не получается кажись вина в шрифте (его размере)

помогите кто может

всем за ранние спосибо

psywalker · October 6, 2011

On 10/6/2011 at 12:07 PM, serjico said:
хоться иметь таблицу с ячейками размером 2 на 2 пикселя
но никак не получается кажись вина в шрифте (его размере)
помогите кто может
всем за ранние спосибо

http://htmlbook.ru/css/table-layout

serjico · October 6, 2011

On 10/6/2011 at 12:11 PM, psywalker said:
http://htmlbook.ru/css/table-layout

как то не помогла

из описания следует что если выставить ширину таблицы 200 и задать 100 ячеек то возможно

а тут именно про ячейку в таблице

On 10/6/2011 at 12:11 PM, psywalker said:
http://htmlbook.ru/css/table-layout

возможно и поможет мне т.к. таблица имеет определенное количество ячеек в строке

———

спасибо

а как быть с высотой?

psywalker · October 6, 2011

On 10/6/2011 at 12:36 PM, serjico said:

On 10/6/2011 at 12:11 PM, psywalker said:
http://htmlbook.ru/css/table-layout
как то не помогла
из описания следует что если выставить ширину таблицы 200 и задать 100 ячеек то возможно
а тут именно про ячейку в таблице

On 10/6/2011 at 12:11 PM, psywalker said:
http://htmlbook.ru/css/table-layout
возможно и поможет мне т.к. таблица имеет определенное количество ячеек в строке
———
спасибо
а как быть с высотой?

А вот высота, это уже другое дело, она никак не фиксируется и зависит от содержимого. Но можно попробовать просто обрезать вылезающий контент в ячейке с помощью overflow: hidden; Не подходит?

serjico · October 7, 2011

On 10/6/2011 at 12:53 PM, psywalker said:
А вот высота, это уже другое дело, она никак не фиксируется и зависит от содержимого. Но можно попробовать просто обрезать вылезающий контент в ячейке с помощью overflow: hidden; Не подходит?

а - а - а - а

во все места уже воткнул

не помогает

рассматривая html через firebug (наводишь на тег подсвечивает объекты)

ячейку он подсвечивает что она 2 на 2

но такое ощущение что перед каждым следующим уровнем обьекты имеют поля (margin'ы)

дайте пожалуйста мини пример код html и css

serjico · October 7, 2011

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>ля ля ля</title>
<style type="text/css">
table#vt1 {
padding: 0px;
border: 0px none;
margin: 0px;
overflow: hidden;
}
td {
widht: 2px;
}
tr {
hieght: 2px;
}
.one {
background-color: #000;
}
.zero {
background-color: #fff;
}
</style> 
</head>
<body>
<table id="vt1" ><tr><td class="one"></td><td class="zero"></td><td class="one"></td></tr><tr><td class="zero"></td><td class="one"></td><td class="zero"></td></tr><tr><td class="one"></td><td class="zero"></td><td class="one"></td></tr></table>
</body>
</html>

где ошибка?

Edited October 7, 2011 by serjico

psywalker · October 7, 2011

serjico, Ячейкам это ставь overflow: hidden; А так же ячейкам поставь white-space: nowrap;

А таблице table-layout: fixed;

serjico · October 7, 2011

On 10/7/2011 at 7:44 AM, psywalker said:
serjico, Ячейкам это ставь overflow: hidden; А так же ячейкам поставь white-space: nowrap;
А таблице table-layout: fixed;

не помогло

вот

border-spacing: 0px;

да

только вот не очень

расстояние между столбиками остались

serjico · October 7, 2011

интересно а какой минимальный размер ячейки?

george75 · October 7, 2011

Ячейки 2х2. Обратите внимание на ошибки в CSS

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>ля ля ля</title>
<style type="text/css">
table#vt1 {
padding: 0;
border: 0;
margin: 0;
border-spacing: 0;
}
td {
width: 2px;
height: 2px;
border: 0;
margin: 0;
padding: 0;	
}
td.one {
background-color: #000;
}
td.zero {
background-color: #fff;
}
</style> 
</head>
<body>
<table id="vt1"><tr><td class="one"></td><td class="zero"></td><td class="one"></td></tr><tr><td class="zero"></td><td class="one"></td><td class="zero"></td></tr><tr><td class="one"></td><td class="zero"></td><td class="one"></td></tr></table>
</body>
</html>

Edited October 7, 2011 by george75

serjico · October 9, 2011

что то все равно не то

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

когда содержимое ячейки отсутствует то она 2на2 px (мож 3на3)

хотя подставлял разные размеры

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

как сделать размер ячейки в 1px

можно пример

таблица 3на3 ячейки в 1px

(т.е. таблица размером 3на3 px)

пожалуйста

serjico · October 10, 2011

может ли высота строки регулироваться ставиться определенной в pixel'ях

подскажите как?

(подумываю уже таблицу стряпать из div'ов)

Searcher · October 10, 2011

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

Какая сверхзадача то?

serjico · October 10, 2011

On 10/10/2011 at 9:22 AM, Searcher said:
Какая сверхзадача то?

текстовой инфы ноль

вся соль в эффекте с фоном ячеек

Justnewone · October 10, 2011

чета круче нарисовать и зарепитить, мне каца.

А вообще, уж не в ИЕ ли все это происходит?

Можно еще размер шрифта задать ячейкам как 1 пиксель.

serjico · October 11, 2011

On 10/10/2011 at 2:36 PM, Justnewone said:
чета круче нарисовать и зарепитить, мне каца.

Quote
А вообще, уж не в ИЕ ли все это происходит?

нет, тестирую в огненной лисе

Quote
Можно еще размер шрифта задать ячейкам как 1 пиксель.

делал не помогает, даже до странного - не реагирует браузер на это введение

serjico · October 11, 2011

слоеный пирог получился

т.е. таблица при помощи div элементов

только вот размер html'a вырас,

да еще div не div без содержимого пришлось добавлять или что нить

———

а как это реализовать все таки в таблице

serjico · October 12, 2011

моя табличка


<style type="text/css">
#vt { // таблица
	width: 15px; // ширина таблици
	padding: 0px; 
	margin: 0px;
	overflow: hidden;
}
.ts { // сталбики
	width: 1px; // ширина столбиков
	float: left; 
	overflow: hidden;
}
.td { // ячейки
	width: 1px; // размер ячейки
	height: 1px; //
	overflow: hidden;
}


</style> 
. . .
<div id="vt">
  <div class="ts">
    <div class="td"></div>
    <div class="td"></div>
     . . .
    <div class="td"></div>
  </div>
  <div class="str">
   . . .

Edited October 12, 2011 by serjico

george75 · October 12, 2011

Если вся соль в визуальном эффекте, то можно для примера выложить эскиз (jpeg/png/gif). Хочется понять, к чему Вы стремитесь.

Edited October 12, 2011 by george75

Sign In

ячейка в таблице определенного размера

Question

Link to comment

Share on other sites

18 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

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