EDIsaev

Выбрал 3 лучших форума и тишина везде)

Это лень? Или я так прохо описал? Ну задайте вопросы, я отвечу... Или пошлите туда, где народ поактивнее чтоли.

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

А вы тут профи все, найдите несколько минут своего бесценного времени)

На данный момент вот что вышло: http://jsfiddle.net/qRb52/1/

1. Табличка не тянется (в опере!... как надо работает), а в Firefox растягивается на всё окно за счет первого столбца... В опере первый столбик остаётся по ширине содержимого, как и должно быть

2. И баг с выделением в опере меня больше всего беспокоит

Это то же самое, что приедешь в сервис, спросишь почему у меня машина борохлит, они ответят, вот я показал мою рабочую, свою будь любезен, сам почини

голую табличку я и сам делал и твой рабочий пример совмещал с вашим... Там конфликт какой-то. Какая-то тонкость, которой я просто не знаю, патч под оперу может нужен в какой строке. И если бы я её знал, может и темы бы тут не было.

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

Тоже не выходит?

klierik, да именно так, отдельно оно работает

а в моём примере выше это не работает... что-то там конфликтует... может inline-block или float:left; или ещё что-то

Интересно что именно надо поправить в приведённом примере, а не в голой таблице

table-layout + fixed

а в том же jsfiddle.net можете поправить?

добавил table-layout: fixed; и как в примере по ссылке пробовал задавать ширину в теге col

она всё равно как баян тянется и сужается

первый столбик желательно бы оставить не фиксированым, а чтобы от размера содержимого зависил

задать им размер

думал об этом, пробовал дописывать

td{

  padding: 0 5px 0 5px;

  text-align: center;

  white-space: nowrap;

  width: 20px;

}

эффекта никакого

Скорее всего никак. Ведь наверняка она ведет себя так с любой таблицей? Даже самой обычно?

нет, только если div в котором таблица имеет display: inline-block; (это я деал для того, чтобы он оборачивал таблицу, т.к. ширина её меняется и он должен подстраиваться)

Доброго времени суток!

Прототип я сделал: http://jsfiddle.net/qRb52/

В нём несколько проблемок, которые хотелось бы решить.

• во-первых когда окно браузера сужаем, ячейки таблицы тоже начинают сначала сужаться до минимума, как этого избежать, чтобы они оставались квадратными при сужении и просто появлялся скроллбар?
• в браузере Opera (10.63 в моём случае) при выделении нескольких ячеек таблицы после каждой происходит мерцающее выделение всей таблицы до конца! (в Firefox этого эффекта нет и всё работает как надо). Как этого избежать в опере?

Заранее благодарен.

Ага, получилось уже почти то, что надо)

а как сделать, чтобы контент был на 100% по высоте?

пока получается только с фиксированным размером

_http://jsfiddle.net/c4ZtJ/3/

ps: хотя ладно, там в зависимости от контента расширяется.

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

и этому же диву задвать отрицательные отступы

или я не вижу всю картину или вы меня путаете)

если этому диву в центре дать отрицательный отступ вверх и влево на 15 px, то он на эти 15 px отступит от своей тени

контент хранится в td.layout__cell_center

если так, то верхняя правая часть тени будет выше контента, так же как и левая нижняя будет левее

а если задать высоту первой строки и столбца 0 (чтобы это выровнить), то части самой рамки не будут видны, т.к. они в таблице

в таком случае тебе нужен подход:

да

но возникает ряд вопросов:

1. как сделать чтобы таблица была как бы в background и не мешала контенту?

2. как задать размеры например стоки с 3 столбцами:

{15px | всё остальное пространство(т.к. тут repeat) | 15px }

Погодите, так вас просто интересует олдскульный метод, для общего развития?

не то чтобы... просто как только используется opacity на слабых компьютерах(как у заказчика например) браузер начинает ужастно тормозить... при слабом интернете изображения типа 600х600 "для тени" видим как медленно грузится, выглядит ужастно. потом проблемы кроссбраузерности из-за различных обособланных теней.

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

Это возможно поможет Вам

там всё, что связано с тенями не работает в IE

Ну и естественно

"Ширина изображения тени зависит от цели ее использования, например, если планируется устанавливать тень для рисунков шириной не более 600 пикселов, то имеет смысл сделать такой же размер и у тени."

Грузить такой image для простой тени думаю не лучшее решение... потом если надо перерисовать придётся так же переделывать изображения

Захотите поменять размытие/цвет/форму на пару пунктов и Вам придется перерисовывать все Ваши 5 изображений.

согласен... да именно перерисовывать хочу все 5)

а за статью спасибо, очень интересно, пригодится

что должно быть в итоге? скрин!

что мешает использовать просто тень?

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

Прорисовал тень, каким образом её лучше разметить как background из пяти image?

Желательно не под фиксированный размер

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

_http://jsfiddle.net/c4ZtJ/1/

Switch74, точно, спс!

Так оно уже в блоке, разве нет?

Ну вроде как да, но у меня не тянется вширь... не могу найти отличия

пример

SelenIT, а в блок это всё теперь никак не поместить? чтобы тянулся вместе

вот так хотелось бы

В чем проблема то? Стоит вроде уже

а размер можно просто на 100% растянуть, будет смотреться везде нормально

SelenIT, то что надо!

Как-то я сложно думаю, после различных C и Delphi...

А всё, как обычно, просто

ps: а как тут "спасибо" говорят? что-то я не нашёл кнопки... маленький ещё?

что-то вроди http://jsfiddle.net/RLScn/

Гениально

Долго думал как оно вообще работает. Именно этот эффект называется трансформацией?

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

ой какой это изврат, даже рассматривать не хочется)

По второму — offsetWidth только для чтения.

Вот я так и подумал, за "inputarea.style" спасибо, пока не знал такого свойства

Но не удобнее ли будет обернуть всю эту парочку в плавающий/табличный/инлайн-блочный (словом, обтягивающий содержимое) контейнер, а инпуту просто задать width:100%?

кстати, идея! Но если "табличный/инлайн-блочный (словом, обтягивающий содержимое) контейнер" я могу представить, то что значит "плавающий"? и как ему организовать resize?

Имеем input, под ним textarea(с возможностью изменения размера)

надо чтобы при изменении размера textarea менялся размер input

т.к. у textarea нет события onresize надо полагать это возможно с помощью

handleEvent

но почему-то не получается у меня его обработать

и самому input как задать ширину?

делаю так:

    textarea = document.getElementById('text_area');
    inputarea = document.getElementById('absender');
    document.kontaktformular.absender.value="Width: "+inputarea.offsetWidth;
/* выводится корректное значение */
    inputarea.offsetWidth=textarea.offsetWidth;
/* а новое не присваивается /*

А про inline-block есть хорошая книга на css-live.ru -Инлайновый контекст форматирования

Отличная вещь, исчерпывающая информация, спс

Остался открытым второй вопрос.