VPF::таблицы - Форум программистов

knut

Дата 29.4.2008, 10:48 (ссылка)

(нет голосов)

Загрузка ...

Опытный

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

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

Добрый день.
есть проблема след.
есть таблица. а дело в том что у мена sometext может быть и длинным и каротким
как сделать так чтоб у меня все ячейки в таблице были одного размера т.е если если текст
переходит за рамки ячейки(он длинны) то он должет перемешатся на сляд, сроку в той же ячейки.

Код


<table    align="center"  width="100%" border="1" cellspacing="1" cellpadding="0">
<tr>
<td>some</td>
<td>some</td>
<td>some</td>
</tr>
</table>

--------------------

Цитата

Многие вещи нам непонятны не оттого, что наши понятия слабы, а оттого, что данные вещи не входят в круг наших понятий.

bars80080

Дата 29.4.2008, 11:44 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

просто указать фиксированную ширину для ячеек

Код


td { width: 100px; }

если же имеется ввиду, что строка может быть одним словом и больше нужной ширины, то в этом случае ячейкам надо ещё ставить overflow: hidden или overflow: scroll

knut

Дата 29.4.2008, 14:35 (ссылка)

(нет голосов)

Загрузка ...

Опытный

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

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

bars80080,
вот что у меня вышло но не работает что не так?

Код


<table    border="1" width="10%"%">
                        <tbody>
                            <tr>
                                <td width="30%">
                                    <div class="div"></div><?echo($row['name']);?>
                                </td>
                                <td width="30%">
                                    <div class="div"></div><?echo($row['email']);?></td>
                                <td width="30%">
                                    <div class="div"></div><?echo($row['url']);?></td>
                            </tr>
                        </tbody>
                    </table>

Код


<style type="text/css">
  .div {
           width:30%;
           overflow: scroll;
           white-space:nowrap;
           border:1px solid red;
        }
.div div {float:left;}
</style>

--------------------

Цитата

bars80080

Дата 29.4.2008, 15:14 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

ну, знаешь, тут трудно что-нибудь сказать конкретно, в общех чертах, надо взять это кусочек текста:

Код


<style>
#qw td { width: 30%; border: solid 1px #00ff00; }
</style>
<table id="qw"><tr>
<td>content content content skdfg sdg ;sldfgs;dfgsldfg sdl;fg sdlkfglsdkg content content content content content </td>
<td>content content content content content content content content content content content content content content </td>
<td>content content content content content content content content content content content content content content </td>
</tr></table>

и дополнить своими пхп вставками
а то у тебя там дубляж кода, загрязнение тэгов, ошибка в атрибутах, ввод пустых блоков (не понятно зачем), введение скролинга, да ещё и неправильная адресация

ksnk

Дата 29.4.2008, 15:16 (ссылка)

(нет голосов)

Загрузка ...

прохожий

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

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

knut, есть еще table-layout:fixed; Может помочь при странных проблемах с таблицами.

Код


<style>
  .div {
           width:30%;
           overflow: scroll;
           white-space:nowrap;
           border:1px solid red;
        }
.div div {float:left;}
</style>
<table    border="1" style="table-layout:fixed;" width="100%">
    <col width="33%">
    <col width="33%">
    <col width="33%" >
    <tr>
        <td >
            <div class="div"></div>qqqqqqqqqqqqqqqq qqqqqqqqqqqqqqqqqqqqqq qqqqqqqqqqqqqqqqqqqq qqqqqqqqqqqqqqqqqqqqq qqqqqqqqqqqqqqqqqqqqqq qqqqqqqqqqqqqqqqqq
        </td>
        <td >
            <div class="div"></div>ууууууууууууууу уууууууууууууууууу ууууууууууууууууууу ууууууууууууууууууууууууу ууууууууууууууу</td>
        <td valign="top">
            <div class="div"></div>url</td>
    </tr>
</tbody>
</table>

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

SelenIT

Дата 29.4.2008, 15:28 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

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

Цитата(knut @ 29.4.2008, 14:35

)

white-space:nowrap;

Ну дык...

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

ksnk

Дата 29.4.2008, 15:42 (ссылка)

(нет голосов)

Загрузка ...

прохожий

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

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

Цитата(SelenIT @ 29.4.2008, 15:28

)

Ну дык...

Дык и что? Это-ж про .div, а не про обычный контент ячейки smile

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

SelenIT

Дата 29.4.2008, 18:32 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

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

Раз таковой вообще присутствует в CSS - существует ненулевая вероятность, что его сгоряча запихнули куда-нибудь еще. Логично? ;)

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

_Ghost_

Дата 29.4.2008, 21:27 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

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

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

Добавлено через 8 минут и 27 секунд
а вот эт как сделать?

Добавлено через 13 минут и 56 секунд
извините за оффтоп просто не xотел новую тему создовать точно таку же

Это сообщение отредактировал(а) _Ghost_ - 29.4.2008, 21:35

bars80080

Дата 30.4.2008, 09:18 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

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

если нужно порезать одно слово из десяти символов, то javascript в руки,
либо назначить ячейке скролинг, либо сделать текст position: absolute; и показывать его только при наведении

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »