Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Как создать пустую таблицу? 
V
    Опции темы
VovaPHP
Дата 11.10.2006, 00:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 43
Регистрация: 13.9.2006

Репутация: нет
Всего: нет



<table border=1 align=center width=95%>
<TR><TD width=50%></TD><TD width=50%></TD></TR>
<TR><TD width=50%></TD><TD width=50%></TD></TR></table>

Как создать пустую таблицу, что бы даже если ячейки не заполнены, можно было их видеть?
И как дать пользователю возможность их редактировать?
PM MAIL   Вверх
skyboy
Дата 11.10.2006, 00:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


неОпытный
****


Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 6
Всего: 260



можно принудительно установить размеры: тогда таблица даже пустая будет видна:
Код

<style type="text/css">
table {border-style: solid}
td {width: 50px; height: 50px; background-color: #FF0}
</style>
<table>
<tr><td></td><td></td></tr>
<tr><td colspan="2"></td></tr>
</table>

например, так. ширина ячейки явно задана, потому таблица не сжалась. + выделены фоном ячейки: чтоб видно было.
___
А теперь поворчу.
1. Никакого отношения к php не имеется. первый вопрос: верстка, второй: javascript.
2. один топик - один вопрос. если параллельно люди будут отвечать на несколько вопросов - потом сам черт ногу в теме сломит. и уж точно: никто из ищущих ответы на подобные вопросы эту тему не найдет. а если и найдет - не разберется, что к чему.
3. код можно оформить с подсветкой: надо воспользовать кнопкой "Код" с указанием нужного форматирования(в данном случае подошло бы форматирование как html-верстки). Действие несложное, а подсветка сильно упрощает чтение.

Добавлено @ 00:49 
Цитата(VovaPHP @  10.10.2006,  23:03 Найти цитируемый пост)
И как дать пользователю возможность их редактировать? 

лучше создай отдельную тему в разделе javascript, но перед этим обязательно поищи и посмотри подобные темы, а также подробнее обрисуй задачу. "позволить редактировать верстку" - слишком общая формулировка. да и странная какая-то.

Добавлено @ 00:51 
и выкладывай свой код. люди намного охотнее помогают и обьясняют, нежели делают за кого-то работу. для альтруистов существует раздел "Центр помощи", где желающие могут за тебя сделать необходимое. но там сейчас полно студентов... так что лучше, чтоб у тебя уже был какой-то код.

Это сообщение отредактировал(а) skyboy - 11.10.2006, 00:52
PM MAIL   Вверх
Gold Dragon
Дата 11.10.2006, 08:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



Цитата(skyboy @  11.10.2006,  00:47 Найти цитируемый пост)
можно принудительно установить размеры: тогда таблица даже пустая будет видна:
так тоже не получится. Это всё связано с браузерами: одни понимают, другие не покажут. Ты просто выделил границы при помощи стилей. А если оставить одну разметку,то тоже не увидешь ячейки.  smile  

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

Код

<table border=1 align=center width=95%>
<TR><TD width=50%>&nbsp;</TD><TD width=50%>&nbsp;</TD></TR>
<TR><TD width=50%>&nbsp;</TD><TD width=50%>&nbsp;</TD></TR></table>



--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
VovaPHP
Дата 11.10.2006, 10:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 43
Регистрация: 13.9.2006

Репутация: нет
Всего: нет



спасибо
PM MAIL   Вверх
skyboy
Дата 11.10.2006, 15:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


неОпытный
****


Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 6
Всего: 260



Цитата(Gold Dragon @  11.10.2006,  07:46 Найти цитируемый пост)
так тоже не получится. Это всё связано с браузерами: одни понимают, другие не покажут

кто не покажет? я не ворчливый, мне просто интересно, под чем я не проверил. FireFox 1.5.0.6, Opera 8.54, IE 6 показали, как хотелось. Под чем не отображаются пустые ячейки?
Цитата(Gold Dragon @  11.10.2006,  07:46 Найти цитируемый пост)
Ты просто выделил границы при помощи стилей.

Нет. Я просто явно указал размеры ячеек(следовательно - и таблицы), как и ты, между прочим. А Границыи фон сделал только затем, чтоб было видно: таблица есть.
PM MAIL   Вверх
Gold Dragon
Дата 11.10.2006, 16:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



skyboy, вообще-то VovaPHP, в первом посте указал размеры. Только если это открыть в браузере, то будет видна сплошная панель, а не ячейки smile

Добавлено @ 16:10 

вот смотри сам
Код

<table border=1 align=center width=95px>
<TR><TD width=50px>&nbsp;</TD><TD width=50px></TD></TR>
<TR><TD width=50px></TD><TD width=50px>&nbsp;</TD></TR></table>



--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
skyboy
Дата 11.10.2006, 16:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


неОпытный
****


Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 6
Всего: 260



там не указана высота. следовательно она будет браться исходя из контента ячейка. А он - отсутствует. Потому и ячекк не видать. А если указать и высоту тоже(что вполне естественно: ячейки-то предполагаются пустые), то ячейки станет видно.
PM MAIL   Вверх
Gold Dragon
Дата 11.10.2006, 17:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



skyboy, не станет видно smile ты попробуй сам

а теперь малось нудного... 
- согласно спецификации HTML4 применять для <td> height не рекомендуется
- согласно спецификации CSS2 height применяется ко всем элементам, кроме незамещаемых элементов строкового уровня, столбцов таблиц и групп столбцов
 smile 


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
skyboy
Дата 11.10.2006, 18:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


неОпытный
****


Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 6
Всего: 260



Цитата(Gold Dragon @  11.10.2006,  16:52 Найти цитируемый пост)
skyboy, не станет видно

что не станет видно? какой код? твой - без height, конечно без пробела - ничего нет. мой с указанием высоты - работает. в смысле таблица отображается ненулевого размера.
Цитата(Gold Dragon @  11.10.2006,  16:52 Найти цитируемый пост)
- согласно спецификации HTML4 применять для <td> height не рекомендуется

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

PM MAIL   Вверх
Gold Dragon
Дата 11.10.2006, 19:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



что-то мы спорим не интересно  smile 

вопрос был
Цитата(VovaPHP @  11.10.2006,  00:03 Найти цитируемый пост)
Как создать пустую таблицу, что бы даже если ячейки не заполнены, можно было их видеть?


по моему VovaPHP хотел видеть то, что я прикрепляю в картинке
- на первом, нет ячеек
- на втором, только две
- на третьем, все

а вообще, если нужно устанавливать фиксированные размеры, то лучше использовать прозрачную Gif`ку размером 1х1рх и смело задавать ей ширину и высоту.

Присоединённый файл ( Кол-во скачиваний: 8 )
Присоединённый файл  __________1.gif 1,03 Kb


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
Illuminaty
Дата 11.10.2006, 20:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56



Правильный ответ:
Код
<?xml version="1.0" encoding="windows-1251"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style media="screen" type="text/css"><!--/*--><![CDATA[/*><!--*/
html, body {
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
}
body {
    overflow: auto;
}
#mainTable {
    width: 95%;
    border-collapse: collapse;
}
#mainTable td{
    border: 1px solid black;
    width: 50%;
    height: 100px;
}
/*]]>*/--></style>
</head>
<body>
<table id="mainTable" summary="">
        <tr>
                <td></td>
                <td></td>
        </tr>
        <tr>
                <td></td>
                <td></td>
        </tr>
</table>
</body>
</html>


Цитата(Gold Dragon @  11.10.2006,  09:46 Найти цитируемый пост)
Вообще то принято в пустую ячейку ставить неразрывный пробел.
противоречит
Цитата(VovaPHP @  11.10.2006,  01:03 Найти цитируемый пост)
даже если ячейки не заполнены
 smile 



PM MAIL ICQ   Вверх
Gold Dragon
Дата 11.10.2006, 21:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



Illuminaty,  супер приколол меня  smile  smile  smile 

да всё понятно... конечно это легко можно решить через стили smile


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0948 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.