maritca
User-
Posts
93 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by maritca
-
http://adder-infinity.ru/ Веб-презентация предназначена для узкого круга IT-специалистов старше 30, руководителей IT-отделов или системных архитекторов АСУ ТП. Добрый день! Оцените, пожалуйста, оформление, удобство, информативность. Насколько понятно, для чего используется предлагаемое оборудование?
-
Ну, в любом случае 800 мало. 1300 хотя бы... А что у вас не помещается на весь экран? А, вижу. Это я таблицу внизу покрутила, убрала пока её отсюда... Ссылку на диск поправила.
-
Имеется такая html-структура: <table class="preview"><tbody><tr><td><div><a class="page-link-object" href="product/kitchen.htm"><img src="kitchens_icon.png"></a></div><div><a href="product/kitchen.htm">Кухни</a></div></td><tr></tbody></table> Требуется подключить псевдоэлемент :after ко всем тегам img таблицы .preview. Моя версия CSS: .preview img:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 5px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3) inset; opacity: 1; background: #000000;} Что не так и главное - почему?
-
Очень понравился этот слайдер http://pcvector.net/scripts/slidesho...y-slayder.html (сайт временами глушится, к сожалению, поэтому вот все исходники и примеры - https://yadi.sk/d/qZEdhXozdHxFi, захотелось его реализовать у себя. Вот тестовая страничка: http://tuttimobili.ru/index1.htm Проблема возникла при попытке расширить слайдер (в исходнике у него максимальная ширина - 800 px, а мне нужно 1500). Как только я залила свои фотографии в слайдер и прописала в CSS соответствующие величины, началась фигня полная. Во-первых, изображение не помещается в слайдер, как ни крути. Во-вторых, не работает собственно адаптивность - изображение не ужимается до нужных мне размеров. В-третьих, при загрузке первого слайда не работает функция задания ширины диву с текстом (видно лишь начало слова). Поскольку изображение в слайдере является бэкграундом для дива, я думала, что проблема решится, если я при инициализации бэкграунда в js допишу ещё одно свойство к нему - cover. И отчасти действительно помогло. Но не везде. Например, при блочной анимации такое не прокатывает, и вообще при смене слайдов изображение начало дёргаться. Но даже если я уберу блочную анимацию и плюну на дёрганье, всё равно при загрузке первого слайда не прогружается ширина блока с текстом. Вопрос такой, собственно, как при минимальных изменениях исходных файлов CSS и JS обрести возможность заливать изображения большего размера и растягивать слайдер до большей величины?
-
Странно, у меня ни в одном хроме ни на одном компе не дёргается... Да и вот Zverushka говорит, что всё пучком в хроме... Спасибо, попробую поковыряться с гранями... Или вообще нафик откажусь от этого решения....
-
Добрый день! Сделала свистоперделки 3D-вращалки на CSS: http://beton-art.ru/ (три штуки под большой инфографической картинкой). В IE не работает, даже в в 11-ом... Что ему мешает выводить информацию в тегах <span class="information">? html: <div id="container"> <div class="t-wrapper"> <div class="item"> <img src="images/1.png" width="300px" /> <span class="information" > <strong>ФАСАДНЫЙ ДЕКОР</strong> <br>Мы выполняем все работы по декорированию дома "под ключ" - от 3D проекта до отделки фасада и монтажа декоративных элементов.<br>При заказе бетонных элементов в нашей студии - дизайн-проект бесплатно! </span> </div> </div> </div> css: .item { height: 207px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform .6s; -moz-transition: -moz-transform .6s; -ms-transition: -ms-transform .6s; -o-transition: -o-transform .6s; transition: transform .6s;} .item:hover { -webkit-transform: translateZ(-50px) rotateX(90deg); -moz-transform: translateZ(-50px) rotateX(90deg); -ms-transform: translateZ(-50px) rotateX(90deg); -o-transform: translateZ(-50px) rotateX(90deg); transform: translateZ(-50px) rotateX(90deg);} .item img { display: block; position: absolute; top: 0; border-radius: 3px; box-shadow: 0px 3px 8px rgba(0,0,0,0.3); -webkit-transform: translateZ(100px); -moz-transform: translateZ(100px); -ms-transform: translateZ(100px); -o-transform: translateZ(100px); transform: translateZ(100px); -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s; } .item .information { display: block; position: absolute; top: 0; height: 183px; width: 280px; text-align: left; border-radius: 15px; padding: 10px; font-size: 12px; text-shadow: 1px 1px 1px rgba(255,255,255,0.5); box-shadow: none; background: rgb(236,241,244); background: -moz-linear-gradient(top, rgba(236,241,244,1) 0%, rgba(190,202,217,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,241,244,1)), color-stop(100%,rgba(190,202,217,1))); background: -webkit-linear-gradient(top, rgba(236,241,244,1) 0%,rgba(190,202,217,1) 100%); background: -o-linear-gradient(top, rgba(236,241,244,1) 0%,rgba(190,202,217,1) 100%); background: -ms-linear-gradient(top, rgba(236,241,244,1) 0%,rgba(190,202,217,1) 100%); background: linear-gradient(top, rgba(236,241,244,1) 0%,rgba(190,202,217,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf1f4', endColorstr='#becad9',GradientType=0 ); -webkit-transform: rotateX(-90deg) translateZ(100px); -moz-transform: rotateX(-90deg) translateZ(100px); -ms-transform: rotateX(-90deg) translateZ(100px); -o-transform: rotateX(-90deg) translateZ(100px); transform: rotateX(-90deg) translateZ(100px); -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s;}
-
А точнее: http://pcvector.net/scripts/image-effects/250-gpgallery-galereya.html и http://pcvector.net/scripts/slideshow_and_scroller/407-smooth-div-scroll-gorizontalnaya-prokrutka-kontenta.html Пытаюсь совместить эти два решения в одно. См. http://beton-art.ru/#portfolio Моя разметка такая: <div id="makeMeScrollable"><div class="pictures"> <img src="test/untitled-3-2.jpg" width="267" height="400"/> <img src="test/untitled-3-16.jpg" width="400" height="267"/>... <div class="clear"></div></div></div>Проблема в том, что у первого дива (скроллера) задана высота, и верхние и нижние изображения второго дива (скролл-ареа) - в увеличенном состоянии - не показываются полностью. z-index, эксперименты с overflow и opacity не помогли. Возможно, я где-то не там экспериментировала. Но... Что можно сделать?
-
http://dh-art.ru/projects/ - собственно, на этой странице. Строка 555: <table style="min-height: 700px; position: absolute; top:391px; right: 0px; border-spacing: 0px;">, требуется сделать right: -3px; Если не увидели неровности, обратите внимание на правое меню относительно чёрного логотипа на слайдере. На остальных страницах всё нормально: например, http://dh-art.ru/price/design_project.php Можно, конечно, для конкретной страницы с проектами поставить условие, но не хочется. А хочется понять, почему так происходит.
-
Привет всем, это мой первый опыт работы с друпал, поэтому, возможно, проблема примитивна, но я не могу её решить. Исходные данные: Домен - beejuteri.ru Хостинг на ник.ру Магазин на Ubercart версия Drupal - 7.21 Изначально при отправке заказа вылезала ошибка: Warning: mail() [function.mail]: Could not execute mail delivery program '/usr/sbin/sendmail -t -i ' в функции UbercartMailSystem->mail()(строка 56 в файле /home/beejuteri/beejuteri.ru/docs/sites/all/modules/ubercart/uc_store/classes/mail.inc). Я, начитавшись форумов, попыталась обойти это, установив модули PHPmailer и SMTP. Тестовые письма отправляются нормально. Также один раз нормально отправилось письмо с заказом. Теперь такая ситуация: я заполняю форму заказа, отправляю, мне приходит письмо о том, что я зарегистрирована, информация о моём заказе - то есть с почты сервера отправляется нормально. Но на почту сервера информация о заказе не приходит. И вылезает опять та же самая ошибка. Написала в техподдержку ник.ру, пока не ответили. Что с этим делать? На чьей стороне решается проблема?
-
Сейчас переменная $arResult["NAV_STRING"] выводит "Товары 1 - 10 из 41 Начало | Пред. | 1 2 3 4 5 | След. | Конец | Все". А мне нужно заменить слово "товары" на слово "статьи". И вообще не хочу Пред., След. и т.п., а хочу картинки-стрелки. Где это делается? Подскажите, пожалуйста...
-
Здравствуйте, Такая проблема: при выводе результатов поиска (например, shark.ru/search/index.php?q=%F1%EA%E0%ED%E5%F0%FB+%F8%F2%F0%E8%F5+%EA%EE%E4%E0) в формируемые ссылки автоматически подставляется _sec (секция): См. первый результат поиска: shark.ru/search_sec/316?sphrase_id=280 - при этом данная страница секции id 316 - shark.ru/auto_id/skans/ - не открывается (сейчас настроена переадресация на главную, без переадресации - просто страница не найдена). В случае если результатом поиска является страница элемента каталога, проблемы особой нет, например, второй результат - shark.ru/search/1163?sphrase_id=280 - открывается то, что надо (содержимое страницы верное), НО при этом в адресе остаётся прописанная папка search (shark.ru/search/1163?sphrase_id=280), хотя адрес должен выглядеть так: shark.ru/auto_id/skans/1163/ В случае если из адреса страницы секции вручную удалить _sec (shark.ru/search/316?sphrase_id=280), она вообще не находится. Почему это происходит? В каком именно месте происходит подстановка search_sec и search в адреса результатов поиска? Как настроить в результатах прямые ссылки на нужные страницы, минуя указание папки searh? П, С. Извиняюсь, что ссылки неактивные, но иначе пост не проходит.
-
Помогите, пожалуйста, разобраться, как поменять внешний вид фильтра каталога (catalog.filter). Сейчас имеем такой: http://dh-art.ru/projects/ А должно быть всё в одном списке с кликабельными пунктами, а не в виде селект.таблицы. Правка кода шаблона фильтра, разумеется, не помогает.
-
Я поняла, спасибо. Не люблю автоматические редакторы... Но буду впредь привыкать пользовать <p>...
-
я вводила всё вручную, валидатор ошибок не выдаёт. Ну вот кроме этого одного предупреждения
-
высота div 100% - не выходит каменный цветок :(
maritca replied to maritca's question in HTML Coding
Вроде, заработало. сделала нижнюю часть таблицей... -
Для вбивания текста, скорее всего использовался визуальный редактор CMS, а они далеко не всегда могут правильно определить абзац. Хотя, в таком случае, проверять валидность уже не имеет особого смысла. почему не имеет смысла? текст вбиваю через блокнот. к br привыкла.
-
1, 4. Да, заказчик хотел именно к правому краю всё прижать, так как заказчик - дизайнер, переубедить можно было и не пытаться. на разрешение ниже 1024 по ширине, говорит, не обращать внимание. Я вообще думаю это меню показывать только на разрешениях over 1024. И кнопки тоже 3. Куфон тоже выбирал заказчик 5. Горизонтальный скролл, мне кажется, из-за прилипания всего по правому краю. пока не получилось его убрать... Спасибо.
-
http://dh-art.ru/index.php
-
Анализатор выдаёт 1 предупреждение, но не могу понять, о чём именно предупреждает: http://validator.w3.org/check?uri=http%3A%2F%2Fdh-art.ru%2Findex.php
-
Можно ли сделать так, чтобы один компонент (catalog.section) выводил бы список элементов, привязанные ко всем секциям, на одной странице? При этом распределяя их по дате добавления (по аналогии с новостями). Сейчас, если я оставляю поле "SECTION_ID" => "" незаполненным, он так и выводит, но только в том случае если элементы не привязаны к каким либо разделам. При привязке элемента к разделу он выпадает из общего списка на этой странице.
-
высота div 100% - не выходит каменный цветок :(
maritca replied to maritca's question in HTML Coding
Ну вот... теперь опять всё в таблицу обратно переделывать? %) -
Здравствуйте, я уже обращалась сюда со своей проблемой (http://forum.htmlboo...topic=43270&hl=), среди советов был переверстать шаблон дивами, но проблема от этого меньше не стала. Сейчас имеем такую страницу, например, - http://dh-art.ru/portfolio/index.php Говоря вкратце, я хочу, чтобы мучимый мною див выглядел так (только до конца вниз): Проблема в том, что при этом этот див должен находиться над картинками верхнего слайдера (если пройдёте по ссылке вверху, поймёте, о чём я), потому что в противном случае скрипт при загрузке картинок оставляет на этом диве белые области, и при том не перекрывать правое меню. В общем, пока я не придумала ничего лучше. чем задать ему position absolute и top 300px. Я так понимаю, что при таком раскладе сделать высоту этого дива 100% от высоты окна не получится. Сейчас там высота 170%. При небольших по высоте страницах всё работает относительно нормально. И вообще мне непонятно, эти указанные мной 170% исчисляются от чего? Что берётся за 100%, если не окно браузера с контентом? Как быть?
-
Спасибо! Всё работает.
-
Переверстала дивами, но всё равно проблема с бг осталась - никак не хочет растягиваться на 100% в высоту. http://dh-art.ru/index.php Сейчас оно вот так более или менее работает, но меня не устраивает, во-первых, 170%, во-вторых, при сворачивании страницы див этот всё равно ползает. position: absolute; background-image: url(http://dh-art.ru/bg_right.jpg); background-repeat: repeat-y; height: 170%; width: 272px; top: 380px; right: 0%; z-index: 1000;
-
Подскажите, пожалуйста, как грамотно совместить два скрипта? Первый (подключается через отдельный файл): $(document).ready(function() { $('#menu > li > ul' ) .hide() .click(function(event) { event.stopPropagation(); }); $('#menu > li').toggle(function() { $(this).find('ul').slideDown(); }, function() { $(this).find('ul').slideUp(); }); }); Второй (прописан в body): <script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function() { jQuery('#sigplus_catalogos_regalo').imageSlider({ itemCount: 4, showButtons: true, showLinks: true, showPageCounter: true, alignment: 'center', orientation: 'horizontal', navigation: 'bottom', firstText: 'вперед', prevText: 'назад', nextText: 'след', lastText: 'пред', pageText: '%1$d of %2$d' }); }); window.addEvent('load', function() { var imgs = []; <?php $i = 0; while ($i <= $iNumFiles-1) { echo ("imgs.push({file: '$aFileList[$i]', title: '', desc: '', url: ''});\r\n "); $i++; }?> var myshow = new Slideshow('slideshow', { type: 'combo', externals: 0, showTitleCaption: 0, captionHeight: 45, width: 959, height: 274, pan: 50, zoom: 20, loadingDiv: 0, resize: true, duration: [5000, 7000], transition: Fx.Transitions.Sine.easeOut, images: imgs, path: 'content/logoimg/<? echo($part); ?>/' }); myshow.caps.h2.setStyles({color: '#fff', fontSize: '13px'}); myshow.caps.p.setStyles({color: '#ccc', fontSize: '11px'}); }); </script> По отдельности оба работают. Когда подключаются одновременно, в консоли выползает ошибка: Uncaught TypeError: Cannot call method 'hide' of null (первый скрипт)