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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Таблицы в Html, Примитивный вопрос 
:(
    Опции темы
Garttar
Дата 20.11.2004, 18:09 (ссылка)    |    (голосов: 0) Загрузка ... Загрузка ... Быстрая цитата Цитата


Unregistered











Наверное не очень умный вопрос вопрос, но все - таки: Есть

Код
---------------------------------------------------------------------------------------------
|                 | |                                            | |                        |          
|     1 колонка   | |           2 колонка                        | |        3 колонка       |
|                 | |                                            | |                        |
---------------------------------------------------------------------------------------------


Надо что бы при изменени разрешения или размеров окна размеры изменяла только 2 колонка, а расстояние меду 1 и 2; 2 и 3 не изменялось. Да и сами 1 и 3 колонки не менялись.


 ! 
 
Пользуйтесь кнопками "Цитата" и "код"

  Вверх
Garttar
Дата 20.11.2004, 18:17 (ссылка)    |    (голосов: 0) Загрузка ... Загрузка ... Быстрая цитата Цитата


Unregistered











Тьфу, оно пробелы обрезает, вот нормальная, схематически
___________ ___________________
| 1 колонка | | 2 колонка | | 3 клонка |
|_________|_|_________|_|________|


  Вверх
GoodBoy
Дата 22.11.2004, 13:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Главный джедай
****


Профиль
Группа: Модератор
Сообщений: 3886
Регистрация: 8.1.2003
Где: КМВ

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



Преренесено из "Веб-дизайна"
Добавлено @ 13:25
Самый простой вариант вот так:

Код

<table width=100% border=1>
<tr>
 <td><img src="прозрачная_картинка.gif" width=200 height=1 border=0></td>
 <td width=100%><img src="прозрачная_картинка.gif" width=100% height=1 border=0></td>
 <td><img src="прозрачная_картинка.gif" width=150 height=1 border=0></td>
</tr>
<tr>
 <td>колонка 1</td>
 <td>колонка 2</td>
 <td>колонка 3</td>
</tr>
</table>



--------------------
Чем дальше в лес, тем толще партизаны...

Цитата(igorold @  1.5.2016,  17:40 Найти цитируемый пост)
Индейцы не обратили внимания на поток беженцев из Европы… Теперь они живут в резервациях. 
PM MAIL   Вверх
dm9
Дата 1.12.2004, 21:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дмитрий Копытин
****


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

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



А если без картинок и чтоб под все браузеры? smile

Сейчас мучаюсь - не могу найти решения. Просто проблема в том, что когда картинки отключаешь в Опере - их как будто нет, и какую ширину ни прописывай - без толку...
Добавлено @ 21:14
У меня табличка такая - левая колонка фиксированная, а правая должна растягиваться...
PM MAIL ICQ   Вверх
S.A.P.
Дата 1.12.2004, 22:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


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

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



Цитата(dm9 @ 1.12.2004, 21:13)
Сейчас мучаюсь - не могу найти решения
тофарисчи дизайнеры, та вы шо?
Цитата

<table width=100% border=1 style="table-layout: fixed">
<tr>
  <td width=100>колонка 1</td>
  <td>колонка 2</td>
  <td width=100>колонка 3</td>
</tr>
</table>


вроде работает smile

Это сообщение отредактировал(а) Perchilla - 1.12.2004, 22:26
PM MAIL   Вверх
dm9
Дата 1.12.2004, 23:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дмитрий Копытин
****


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

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



Через css попробуй... Opera 6 глючит.
Решение проблемы: запихать в ячейку переменной ширины таблицу с style="width:100%".
Мне так и так использовать такую таблицу, так что всё ОК smile
PM MAIL ICQ   Вверх
dm9
Дата 2.12.2004, 02:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дмитрий Копытин
****


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

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



... но если кто знает другое решение, буду рад услышать smile
PM MAIL ICQ   Вверх
S.A.P.
Дата 2.12.2004, 10:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


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

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



У меня такое чувство, что мой ответ проигнорировали smile

dm9 нифига не понял, что ты тут написал. Зачам запихивать еще одну таблицу в ячейку, когда ему всего то надо, чтобы только вторая колонка изменялась, а остальные были фиксированы.

Решение я уже привел smile .
Добавлено @ 10:33
Кто вас всех научил для этой цели рисунки использовать?
smile

Это сообщение отредактировал(а) Perchilla - 2.12.2004, 10:40
PM MAIL   Вверх
dm9
Дата 2.12.2004, 10:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дмитрий Копытин
****


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

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



Perchilla, в xhtml 1.0 не принято width указывать напрямую, делается это через css.
Попробуй вместо "width=100" написть "style='width: 100px;'" - в шестой Опере глюки начнутся smile
PM MAIL ICQ   Вверх
S.A.P.
Дата 2.12.2004, 10:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


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

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



Цитата(dm9 @ 2.12.2004, 10:45)
в xhtml 1.0 не принято width указывать напрямую
возможно это не очень хорошее решение, но это работает smile .

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

Это сообщение отредактировал(а) Perchilla - 2.12.2004, 10:58
PM MAIL   Вверх
skalex
Дата 3.12.2004, 13:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Хороший человек
**


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

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



Цитата
в xhtml 1.0 не принято width указывать напрямую, делается это через css.
Попробуй вместо "width=100" написть "style='width: 100px;'" - в шестой Опере глюки начнутся

Хм... Другими словами, следуя xhtml 1.0 мы гарантировано получаем проблемы в Opera и т. п... Даже и сказать нечего....
PM   Вверх
dm9
Дата 3.12.2004, 14:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дмитрий Копытин
****


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

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



Perchilla, сарказм неуместен.

Я просто следую стандарту. Это, надо сказать, очень удобно в некотоорых случаях.
Например, перенесение ширины ячеек (так же, как многого другого) в css позволяет очень легко менять дизайн при сохранении общей структуры документа.
PM MAIL ICQ   Вверх
skalex
Дата 3.12.2004, 14:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Хороший человек
**


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

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



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

Это действительно удобно, если нужно сменить цветовую гамму сайта. Но мне ни разу не доводилось управлять шириной таблицы через CSS. ИМХО это странно...
PM   Вверх
martin
Дата 8.12.2004, 17:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



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


 




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


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

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