Слева меню, в нём margin отрицательные и float:left. Границу можно уменьшить, но тогда скругленность будет меньше, а мне этого не хочется. Если не ставить margin, образуется избыток пустого места. Не критично, но всё же...
Из-за ограниченной поддержки таблиц (точнее тупой её поддержки) во всех браузерах, кроме Оперы, пришлось ячейку с основным контентом расположить слишком справа, ибо в углу скргуленный край меню. Если не изменить margin, образуется широкая пустая полоса слева от основного контента. Если же изменить, в части бразеров часть таблицы скрывается (только дизайновая часть, что не очень критично, но выглядит при низких разрешениях не очень; если же там будет широкий текст, то он скроется).
Теперь таблица с данными. Её основная часть 3x4. В ячейке 2:2 расположен заголовок, в ячейке 2:3 — контент, остальные ячейки вокруг — края. Так как над заголовком широкий верхний край, лучше выглядит, если текст заголовка сместить вверх, а сам заголовок в высоте уменьшить; это достигнуто за счёт изменения margin. Теперь, если заголовок в одну строчку не уместится, ячейка 2:2 растянется, и всё будет всё равно нормально отображаться. Плюс изменён margin ссылки снизу, но это исключительно придурь в экспериментальных целях — там край не настолько большой, что это важно.
Стиль print.css не смотреть — я забавлялся с поддержкой Оперой различных стилей отображения для печати, полного экрана и т.п. Можно нажать Shift+P, если интересно. :)
P.S. Сильно не бить, это моя первая в жизни нарисованная страничка. :) Ориентировался только на справку по HTML и CSS, а в ней про поддержку браузерами конкретных возможностей ничего не сказано...
Да, кто-нибудь может подсказать как использовать теги col и colgroup в HTML? Мне надо назначить классы целым столбцам, а, насколько я понял, эти теги именно для подобных целей и предназначены. Вот только заставить их работать никак не удаётся.
Athari, не понимаю в чем сложность с этой страницей. У тебя в IE она весьма прилично глючит (учитывая как "хорошо" IE держит PNG, даже без прозрачности). ПО моему ничего сложного нет вообще. Можно на выделенном пункте меню просто менять стиль ячейки... пусть таблица меню будет вплотную слева, а играться только поожительными паддингами...
Димониус, IE с его поддержкой PNG идёт в попу. А то как поклонникам IE ни скажешь, что IE — глючный браузер, они тут же заявляют, что у них все сайты правильно отображаются. :-l Вот и буду наглядным примером.
Можно на выделенном пункте меню просто менять стиль ячейки... пусть таблица меню будет вплотную слева
Какой выделенный пункт меню, при чём тут выделение? И к чему таблица вплотную слева должна быть? Она и так слева вплотную, там margin-left нулевой.
пусть таблица меню будет вплотную слева, а играться только поожительными паддингами...
Ты-таки скажешь, куда эти положительные padding сувать?
не понимаю в чем сложность с этой страницей
Уже перечислил, вроде, причём вполне подробно. Ну ладно, по пунктам...
1) Необходимо, чтобы у левого меню сверху и снизу были минимальные зазоры. Варианты:
а) Играть с rowspan не могу, ибо тогда IE начинает извращённо растягивать остальные столбцы.
б) Отрицатльеные margin-top и margin-bottom с float:left не подходят, потому что солидная часть браузеров, в том числе восьмая Опера, не поддерживают толком float.
в) Летающий div по position:absolute не подходит, потому что ячейка td перестаёт растягиваться в соответствии со своим содержимым (единственным абсолютно позиционированным div), её размер обнуляется.
г) Если убрать margin’ы, образуются лишние пустоты.
2) Заголовки у таблиц 3x4 с контентом заголовок должен располагаться и в ячейке 2:1, и в ячейке 2:2. Если заголовок короткий, он умещается в одной строчке. Если длинный, вторая строчка ячеек растягивается пропорционально.
а) Если расположить заголовок в ячейке 2:1, то заголовок в две строчки становится невозможным: фон ячейки 2:1 продублируется, размер ячейки 2:2 так и останется нулевым.
б) Если установить отрицательный margin-lett, восьмая Опера не захочет располагать контент ячейки 2:2 в ячейке 2:1; заголовок не отобразится.
в) Если заголовок разместить в 2:2 и убрать отрицательный margin-top, сверху образуется пустое место — первая строка таблицы будет пропадать зазря, в ней не будет заголовка. Заголовок расположится в нижней части затенённого места, что не очень красиво.
3) Общая ячейка с контентом. Из-за отвратной обработки браузерами таблиц приходится располагать всё в одной ячейке с единичными rowspan и colspan.
а) Если установить отрицательный margin-left, пролетают браузеры, которые не умеют располагать контент ячейки вне её. В результате содержимое ячейки слева обрезается (на высоких разрешениях это не видно, так как таблица узкая).
б) Если убрать margin-left, так как в углу расположен плавный уголок от меню размера 50x50, слева образуется белая незанятая полоса.
Всё приведённое выше решено только для девятой Оперы и седьмой Нетскапы, в остальных браузерах проблемы (надо-таки Лисицу поставить...).
[Добавлено 08.10.2006 10:52:56]:
а два div'а друг над другом с разными индексами? В нижнем таблица и в верхнем.
Wenye, индексы — это z-order что ли? А то я в этом вопросе не Копенгаген. :)
В общем-то, мне уже предлагали сделать position:absolute, тут встаёт проблема с тем, что ячейка, расположенная в нижнем слое, перестаёт растягиваться. Не дублировать же контент...
Хотя... можно JavaScript заставить всё продублировать для тупых браузеров...
Кстати, float поддерживается без проблем - только там надо знать точные координаты на экране. И ставить JS'ом или через стили. Вопрос в том, что разные версии опер по разному считают позицию div'ов ;)
Ща я тбе сверстаю твою меню без каких либо замудров
Димониус, спасимба. Фигасе «без замудров» — у менюшного текста четырнадцатый уровень вложенности. :. У меня шестой... А если бы все браузеры были умными как Опера, вовсе был бы третий. :)
Но даже такое «отсутствие» «замудров» не помогло тебе меню сделать шире (можешь с моей версией сравнить).
*переформатировал страничку по уровням и тупо глядит на лесенку из пятнадцати уровней вложенности*
Не, тут без ящика пива никак...
Кстати, всегда было интересно, какой смысл в однопиксильных GIF’ах. Они какую функцию выполняют? Портить вид странички при отключенной графике? :) То, что ты соорудил с отступами в меню, описывается парой строчек CSS...
P.S. У меня после игр с настройками Оперы консоль ошибок начала без дела выползать. Х) Открой консоль и посмотри на ошибки — у тебя CSS этого форума с ошибками на уровне очепяток.
Эээ? Дык я сделал как у тебя. Если надо шире - в 2х местах надо циферку поменять одну и все. Все само сделается нужного размера.
Athari писал: тут без ящика пива никак
Да не. Особо ничего сложного :)
Athari писал: какой смысл в однопиксильных GIF’ах
100% гарантированная технология не дать браузеру нарушить размеры, как бы он этого не хотел :) И если с горизонтальными размерами еще ситуация более-менее терпимая (чаще всего браузер показывает размер котрый ты указал в <td>), то с вертикальными - вообще попа. А тут - гарантировано рисует как надо, как бы браузеру не хотелось делать иначе :) А насчет портить - если режим стоит "показывать только загруженную графику" - то опера считывает размеры из <img> тега и даже не грузя картинку показывает правильные ее размеры -> появляются паразитные рамки иногда, но они не мешают и страница выглядит как и должна
Athari писал: описывается парой строчек CSS
Да. Можно и там - но я хотел сделать ячейку вертикальную с белым фоном - чтобы полоска рисовалась даже с отключенной графикой. Можно сделать через css + картинка фона (горизонтальная полоска прозрачная и через 15 пикселей влево белая точка). У меня более универсальный код - будет работать даже в старых браузерах, которые не держат нормально CSS :) Можно много чего сделать через css + div но это будет рисоваться только в некоторых версиях некотрых браузеров. Хотя по стандартам будет совершенно корректно.
Они вставляются, чтобы содержащий их элемент имел размер не меньший, чем размер width height заданный в теге <img>.
100% гарантированная технология не дать браузеру нарушить размеры, как бы он этого не хотел
А-а-а! Почему не все браузеры — Опера? :(
Эээ? Дык я сделал как у тебя. Если надо шире - в 2х местах надо циферку поменять одну и все. Все само сделается нужного размера.
Димониус, надо, чтобы текст меню стал шире, а область под меню осталась прежнего размера. Открой мою страничку и наведи мышь на нижний пункт — его правый нижний угол впритык к скруглению. При помощи одних таблиц такого достичь можно?
И если с горизонтальными размерами еще ситуация более-менее терпимая (чаще всего браузер показывает размер котрый ты указал в <td>), то с вертикальными - вообще попа.
Чтобы ячейка сжималась по вертикали больше положенного, не встречался, а вот чтобы ячейки растягивались так, как приспичит — это у IE сплошь и рядом. Тут GIF’ы не помогут...
появляются паразитные рамки иногда, но они не мешают и страница выглядит как и должна
Пока экспериментировал с твоей версией, выяснил, что лучший метод борьбы с пустыми рамками от img — это пустой alt. Пустое место остаётся, но выглядит уже куда лучше. Интересно, почему Опера игнорирует размеры при отключенной графике...
У меня более универсальный код - будет работать даже в старых браузерах, которые не держат нормально CSS
Ой, не надо пугать. :uzhas:
P.S. Вынес в твоей версии несколько уровней таблиц, но при этом, вроде, страничка по-прежнему отображается нормально во всех браузерах. Текст меню теперь на шестом уровне вложенности. Вполне обошлось без ящиков. f:>
Может не там пишу но Athari сказал что я могу писать свои сочинения в темке ПОЭЗИЯ.Но припут ли меня там?ведь мои соченения и в подмётки не годятся тем стихам...
У кучи народа есть такие же крики, толкьо с FF и IE :) с IE - больше всех. "Почему не все браузеры - IE!"
Athari писал: надо, чтобы текст меню стал шире, а область под меню осталась прежнего размера.
Эээ... не понял. Вроде и так и так у меня нормально работает. Вполтную стоит. Либо сделай скриншот и нарисуй что и как. А то надоело на пальцах уже :(
Athari писал: Чтобы ячейка сжималась по вертикали больше положенного
Тоже бывает часто. Мне вот надо растянуть таблицу на полэкрана. А height у таблиц весьма часто игнорируется. Оперой, кстати тоже (6 например). У картинок же height не игнориурется ни одним браузером.
Athari писал: рамками от img — это пустой alt
Дык когда его вообще нет - та же фигня
Athari писал: почему Опера игнорирует размеры при отключенной графике
ПОтому, что "принципиально нет графики" решим ставить не надо. Хочешь посмотреть как без графики будет? Просто переименовываешь папочку с графикой или включаешь "показывать толкьо кешированные изображения" (ибо она работает с графикой корректно) и очищаешь кеш. Все - все будет как увидит человек если у него отключены картинки. И атк будет во всех браузерах, кроме 1 режима оперы, который вроде никто почти и не использует, из-за этой особенности, а юзают только "показывать уже загруженные картинки".
Athari писал: Ой, не надо пугать
А дофига народа ходит старыми браузерами. А еще есть текстовые браузеры ;) Тира lynx того же. А еще есть смартфоны и мобльные браузеры которые разные такие фитчи показывать не будут ;)
А что сделал без дивов и прочее - молодец ;) Div - чаще всего это заплатка кривого кодинга... ПО крайней мере многими так используется
Я вот думаю. Форум один и большой, большая семья тут собралась. А кто нить заботится о том чтобы удержать фуррей,которые уходят отсюда? Или все по барабану, главеое что у меня все в порядке?
Никого не хочу обвинить, просто мне вдруг стало интересно.
Не легко улыбаться, когда надо скрывать печаль испытываемую внутри себя
Lioner, понимаешь, форум - это место. Если человеку интересно - он будет тут общаться. Если не интересно и негативных эмоций больше - не будет. Держать кого-то тут силой - зачем это надо? Если человек решил по смоим причинам уйти - это его выбор и остальные могут огорчится, могут попросить остаться, но если он решил - он уйдет.
Если же "уход" это театральная поставнока - "уйду я от вас" - "неееет. не уходи!" - то зачем подигрывать в таких глупых играх? Да, у фурей это достаточно частый синдром - что на этом форуме, что на других форумах и арт галереях. Достаточно легкий способ обратить к себе внимание, чтобы тебя пожалели и поумоляли :) Правда быстро приедается, и перестает работать, но это не мешает наличию поклонников.
Если же человек думает - надо ли ему быть тут или нет... Тут уже есть варианты. Можно поговрить, человек может подумать, осознать и разложить по полочкам - что ему нравится, что не нравится, что ему надо и что он ожидает... И уже с этой точки зрения подходить и смотреть - стоит оно того или нет.
Так что уходы и приходы - это совершенно нормальный и естественный процесс. Как прилив и отлив. Если место более-менее нормально - то туда, даже после отлива, обязательно придет новый прилив. :) А строя дамбы и пытаясь удержать старую воду - получишь болото, которое будет явно не тем, что хотелось сохранить :)
Может не там пишу но Athari сказал что я могу писать свои сочинения в темке ПОЭЗИЯ.Но припут ли меня там?ведь мои соченения и в подмётки не годятся тем стихам...
Silver, в теме для поэзии выкладывают всю поэзию, независимо от уровня мастерства.
У кучи народа есть такие же крики, толкьо с FF и IE
Димониус, Лисицу переживу — если у неё глюки и есть, то их быстро исправляют. Пусть будет только Лисица и Опера. :)
Какой смысл кричать пользователям IE? :. Их и так слишком много...
Эээ... не понял. Вроде и так и так у меня нормально работает. Вполтную стоит. Либо сделай скриншот и нарисуй что и как. А то надоело на пальцах уже
Какие ещё скриншоты? У моя сдизайненная страничка — сплошной скриншот, см. выше. Ну, для пущей ясности цепляю... Синим обозначены края скругления, красным — где угол правого нижнего пункта в моей версии, зелёным — где в твоей.
Дык когда его вообще нет - та же фигня
Когда alt нет, показывается надпись «Рисунок» и рамка. Когда пустой — ни того, ни другого. В Опере, по крайней мере.
Div - чаще всего это заплатка кривого кодинга... ПО крайней мере многими так используется
Здрасте. :/ За div и span — будущее. В (недостижимом) идеале на странице должны быть только они и CSS.
Если же человек думает - надо ли ему быть тут или нет... Тут уже есть варианты. Можно поговрить, человек может подумать, осознать и разложить по полочкам - что ему нравится, что не нравится, что ему надо и что он ожидает... И уже с этой точки зрения подходить и смотреть - стоит оно того или нет.
Не помню случая, чтобы ты был за то, что «стоит».
Если место более-менее нормально - то туда, даже после отлива, обязательно придет новый прилив.
Ключевое слово — новый... До такой степени новый...
[Добавлено 11.10.2006 13:43:15]:
А еще есть смартфоны и мобльные браузеры которые разные такие фитчи показывать не будут
Пусть используют мобильную Оперу. :р Странички по Shift+F11 очень даже неплохо выглядят. Если верить сайту Оперы, производители всякой подобной мелочи всё чаще покупают их браузер.
Блин, че за привычка делать такие кислотные фоны?.. Делайте матовые, пастельные тона, а то глаза из орбит лезут.
К тому же, неплохо бы и меню сделать. Да и инфы там пока не вижу.
Димс а как ты сам относишься к тем кто допустим длгое время отсутствовал на форуме по неизвестной те причине, а потом пришел? Например я.Ну хоть бы Привет сказал.А с твоей стороны как ничего и не происходило.Обидно...
Не легко улыбаться, когда надо скрывать печаль испытываемую внутри себя
