SkaZzzz
-
Posts
31 -
Joined
-
Last visited
SkaZzzz's Achievements
Explorer (1/14)
-2
Reputation
-
Да всё уже, выбрал твой вариант, а там будь что будет, если что вернут старый дизайн в табличках TABLE Я извращался как мог...
-
Ясно чо, 4 форум и время потраченное зря '
-
Softlink, да ну? А в 1 посте я что выкладывал там 3 картинки. Углы [верх-лево, низ-лево , верх-право, низ-право - (6x6px)] Верх и низ [верх, низ - (1x6px)] Лево и право [лево, право - (6x1px)] А вот это должно получится: P.S.:
-
Собственно хрен с ним с этим радиусом лучше мне помогите таблицу приведённую в посте №27 превратить в DIV-ную конструкцию. А то я уже всю голову сломал себе.
-
Softlink, сам в шоке. В общем, Вы сможете мне составить аналог вот такой таблицы, только дивной конструкции: <table cellpadding="0" cellspacing="0" style="width:320px"> <tr> <td style="width:6px;height:6px;background:url(frame/left_head.png)"> </td> <td style="background:url(frame/head.png)"> </td> <td style="width:6px;height:6px;background:url(frame/right_head.png)"> </td> </tr> <tr> <td style="background:url(frame/left.png)"> </td> <td style="background:#fff;overflow:hidden;clear:both;padding:3px"> <!-- <body> --> <center>Тестируем текст</center> <!-- </body> --> </td> <td style="background:url(frame/right.png)"> </td> </tr> <tr> <td style="width:6px;height:6px;background:url(frame/left_footer.png)"> </td> <td style="background:url(frame/footer.png)"></td> <td style="width:6px;height:6px;background:url(frame/right_footer.png)"> </td> </tr> </table>
-
Если ты имеешь ввиду про календарик, то стиль применяется к отдельной дате (1, 2, 3, ..., 30) (td, а не ко всей таблице (table))P.S. в хроме и мазиле всё гуд. 1) мы про форму говорили и вообще про конкретный примерКак бы я писал, что весь сайт состоит из блочной конструкции поиск и календарик туда тоже входят 2) у вас нет ; в последнем свойстве, добавьте и еще раз посмотрите.Он как бы и не нужен, так как стиль заканчивается. Стиль календарика на сайте: .calTable { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; width:100% } .calTable td { padding:5px; text-align:center; background:#eee; font-weight:bold; color:#555; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px }
-
В общем, у меня получилось так: CSS: .block{background:#fff} .block-left{background:url(block/left-right.png) repeat-y;float:left;width:6px} .block-right{background:url(block/left-right.png) repeat-y -6px 0;float:right;width:6px} .block-top-left{width:6px;height:6px;background:url(block/angles.png) no-repeat;float:left} .block-top-right{width:6px;height:6px;background:url(block/angles.png) 0 -12px no-repeat;float:right} .block-top{height:6px;background:url(block/top-bottom.png) repeat-x;margin:0 6px} .block-bottom-left{width:6px;height:6px;background:url(block/angles.png) 0 -6px no-repeat;float:left} .block-bottom-right{width:6px;height:6px;background:url(block/angles.png) 0 -18px no-repeat;float:right} .block-bottom{height:6px;background:url(block/top-bottom.png) 0 -6px repeat-x;margin:0 6px} HTML: <div class="block-top-left"></div> <div class="block-top-right"></div> <div class="block-top"></div> <div class="block-left"></div> <div class="block-right"></div> <div class="block"> <center>Тестируем текст</center> </div> <div class="block-bottom-left"></div> <div class="block-bottom-right"></div> <div class="block-bottom"></div> Загвоздка в следующем, если я не указываю высоту для block-right и block-left, то изображение (background) не появляется, даже когда устанавливаю высоту в % (100).
-
Где не написано? Я в CSS проверил оО не поддерживает опера (последняя версия) border-radius oO Ладно через пару сек скрин залью. Вот отчётливо видно - квадратики Стили: padding:5px; text-align:center; background:#eee; font-weight:bold; color:#555; -webkit-border-radius:5px; -moz-border-radius:5px; -border-radius:5px; border-radius:5px
-
Мда, кроссбраузерность border-radius и box-shadow меня не очень впечатлили Хотя, основная масса пользователей посещают мой сайт с Opera, Chrome, Firefox, Explorer 6, Explorer 8.... Бугагашки, опера, последняя версия, border-radius = квадратам... О боже, не вариант с радиусом не подойдёт. Лучше уж с нагромождением div'ов... Чем весь сайт квадратный о_О "метод раздвижных дверей" - он то как раз мне вообще не понятен я уже читал об этом.
-
Softlink, а для остальных нормальных браузеров, радиус и тень будут функционировать или имеются ещё какие-то ограничения кроме IE?
-
Собственно мне ваши варианты подходят, но вот на счёт кроссбраузерности я и сомневался. И знал что в ослике будет всё квадратное, так как юзал уже вариант с border-radius >_< По этому и хотел с помощью изображений сделать скругления блоков.
-
А разве тень кроссбраузерна оО?
-
Мне главное чтобы сделать блок из изображений которые я предоставил и чтобы он был кроссбраузерен.Просто практически половина сайта будет состоять из отдельных блоков (именно этих, которые я пытаюсь сделать). Ваш вариант мне чуть чуть не подходит, видите-ли у изображений (которые я выложил, чуть чуть видна тень), а с border такого эффекта не получается.
-
Посмотрел в FireFox 5, Google Chrome и Opera (last version) - абсолютно кроссбраузерно А вот со средней частью блока нифига не получается (где как раз должен находится контент)... Всё равно, имхо, такое расположение дивов - не правильное... Так как я не нашёл ни одного справочника, который показал пример такой конструкции. (пс, натыкал дивы случайно, ибо нервы уже не выдерживали). Помогите сделать этот блок, а то нервы уже не выдерживают >_<
-
Собственно говоря вот сам css: .block{} .block-left{} .block-right{} .block-top-left{width:6px;height:6px;background:url(block/angles.png) no-repeat;float:left} .block-top-right{width:6px;height:6px;background:url(block/angles.png) 0 -12px no-repeat;float:right} .block-top{height:6px;background:url(block/top-bottom.png) repeat-x} .block-bottom-left{width:6px;height:6px;background:url(block/angles.png) 0 -6px no-repeat;float:left} .block-bottom-right{width:6px;height:6px;background:url(block/angles.png) 0 -18px no-repeat;float:right} .block-bottom{height:6px;background:url(block/top-bottom.png) 0 -6px repeat-x} А вот div-конструкция: <!-- Верх --><div class="block-top"><div class="block-top-left"></div><div class="block-top-right"></div></div> <!-- Середину как написать не знаю --> <!-- Низ --><div class="block-bottom"><div class="block-bottom-left"></div><div class="block-bottom-right"></div></div> Возможно я с дивами накосячился, но по другому не получается у меня