SkaZzzz
-
Posts
31 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by SkaZzzz
-
Да всё уже, выбрал твой вариант, а там будь что будет, если что вернут старый дизайн в табличках 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> Возможно я с дивами накосячился, но по другому не получается у меня
-
Я новичок в DIV вёрстке и всё никак не могу понять как мне сверстать такой блок: (на скрине он сделан в виде таблицы (table), с помощью неё я легко делаю) А вот с DIV+CSS у меня пока что проблемы. Если кому-нибудь не лень, напишите стили и div-конструкцию для такого блока (ширина блока 380px, а высота по мере увеличения текста, в середине bg:#fff). Вот все изображения: Углы [верх-лево, низ-лево , верх-право, низ-право - (6x6px)] Верх и низ [верх, низ - (1x6px)] Лево и право [лево, право - (6x1px)] Помогите пожалуйста, только на этом застопорился и ничего поделать не могу, всю ночь сидел втыкал
-
Во спасибо, а из AJAX окна можно также вытащить?
-
В общем, те кто знает как вытащить из <a href="/userID.html" class="hello" style="text-align:center">Привет юзер</a> вот это Привет юзер с помощью скрипта (ничего не изменяя), напишите, буду очень признателен!
-
Эм. И так! hello.php - это как пример. Лично мне надо вывести из одной страницы, которая находится по адресу http://site.COM/index.html,'>http://site.COM/index.html, текст "Привет юзер" на другую страницу http://site.COM/video/index.html,'>http://site.COM/video/index.html, при этом текст "Привет юзер" заключён в тег "A" и класс "hello". Пример: Часть страницы (http://site.COM/index.html): <html> <head> <title>Главная страница</title> </head> <body> <!-- Открывает профиль --><a href="/userID.html" class="hello" style="text-align:center">Привет юзер</a> </body> </html> Часть страницы (http://site.COM/video/index.html): <html> <head> <title>Видео-блог</title> </head> <body> <!-- Показывает только ПРИВЕТ ЮЗЕР БЕЗ ССЫЛКИ -->Привет юзер </body> </html> НО ПОВТОРЯЮ ЭТО ПРИМЕР, А НЕ ТО ЧТО Я ДЕЛАЮ... Я вроде бы пояснил, что мне с помощью скрипта (любого, не громоздкого) нужно вывести ТО, ЧТО написано в теге "А" и под классом "hello".
-
В том то и проблема, что "мне" надо через js, и каким-то образом показать ТО что находится в теге "а" и с назначенным для него классом. Если бы был тег SPAN или DIV то было бы намного проще...
-
В общем. Мне нужно: Из вот этого текста <a href="/hello.php" class="hello">Привет юзер</a> Вывести на другой странице: Привет юзер Но я уже не знаю как (это вкратце). Есть класс hello, через данный скрипт: <script type="text/javascript">$(document).ready(function(){$.get("/hello.php",function(a){a=$(".hello:first",a).html();if(a==null)a="";$(".hellouser").html(a)})});</script>я пытался вывести текст "Привет юзер" на другой странице, НО не получилось.
-
Здравствуйте, хотелось узнать, в чём моя ошибка. Я хочу вывести текст заключённый в определённый класс через js код. Вот таким вот образом: Нужно вывести: <a href="/hello.php" class="hello">Привет юзер</a> Далее используют вот этот скрипт: <script type="text/javascript">$(document).ready(function(){$.get("/hello.php",function(a){a=$(".hello:first",a).html();if(a==null)a="";$(".hellouser").html(a)})});</script> И на той странице вставляю такой код для вывода: <span class="hellouser"></span> Пытался таким способом - не получилось, а если выводить SPAN или DIV код таким образом, то всё получается. Пример: <span class="hello">Привет юзер</span> Далее используют вот этот скрипт: <script type="text/javascript">$(document).ready(function(){$.get("/hello.php",function(a){a=$(".hello:first",a).html();if(a==null)a="";$(".hellouser").html(a)})});</script> И на той странице вставляю такой код для вывода: <span class="hellouser"></span> Выводит: <span class="hellouser">Привет юзер</span> Помогите переделать скрипт =(
-
Всё уже не надо, нашёл решение своей проблемы используя скрипт ^.^ ксс задаёт фон, а скрипт его накладывает поверх изображения (img) и затемняет само изображение... воть
-
Это не загадочно, это прискорбно =(
-
Чёрт.... Теперь если вставить в <a></a> изображение вообще пропадает =( а так всё идеально, ток исчезновения нету =( ладно посмотрю, может сам что-нить нахимичу...