rafaello9
Newbie-
Posts
18 -
Joined
-
Last visited
Information
-
Sex
мужской
-
From
Ташкент
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
rafaello9's Achievements
Explorer (1/14)
0
Reputation
-
Здравствуйте! Только начинаю делать сайты, прошу помощи в следующем вопросе. Сайт использует систему сеток bootstrap-4. На главной странице идет перечень товаров-блоков. Причем, необходимо сделать так, чтобы при размере экрана >1200 в один ряд было 4 блока, при размере 768<экрана<1200 было 3 блока в один ряд, при размере 576<экрана<768 было 2 блока в один ряд и при размере экрана<576 был один блок в один ряд. Конечно чтобы блоки занимали максимальную ширину. И самое главное! Надо сделать так, чтобы при изменении размера экрана и соответственно количества блоков в одном ряду переходящие вниз блоки занимали все пустые места, то есть чтобы не оставалось пробелов из-за разных высот блоков. Прошу помочь в этом вопросе.
-
Учитывая тот факт, что в емайл сообщении запрещены <script> <form> <object> <param> <embed> <frame> <iframe> <input> <area> javascript круг искомых тегов примерно обозначился. Все равно, это больше, чем я сам нашел. Спасибо за подсказки! Теперь можно попробовать написать регулярку....
-
Доброго дня! Для того, чтобы описать регулярное выражение мне необходимо учесть все случаи, когда используются символы http(s):// Итак. В редакторе составляется е-майл письмо. Оно может содержать html теги, таблицы, картинки, стили css. Задача - в момент сохранения изменить все ссылки (содержащие http(s)://). Для чего изменить - это другой вопрос и к этой теме не относится. Я условно подразделил все ссылки на два типа: Содержащие <a href="http://...... то есть текстовые ссылки (они нам не интересны) Все остальные ссылки на картинки, на фоновые картинки и т.д. содержащие: <table background="http:// <img alt="" src="http:// background-image: url(http:// Я своими мозгами нашел только 3 варианта второго типа ссылок. Пожалуйста, перечислите еще все возможные варианты, где могут встречаться символы http(s):// Спасибо!
-
Вот здесь написано, что Опера с 12.10. А у меня как раз стоит 12.16 После внимательного ознакомления, обнаружил: Информация о версии Версия: 12.16 Сборка: 1860 Платформа: Win32 Система: Windows 7 Идентификация браузера: Opera/9.80 (Windows NT 6.1) Presto/2.12.388 Version/12.16 Это я нашел в закладке "О программе". Как здесь понять, 12 или 9 ?
-
Доброго вечера! Друзья! Пожалуйста подскажите что делать, если стилевое свойство transform не работает в Опере. Вот по этой ссылке есть баннер. Там надо открыть второй слайд этого баннера. И наверху есть человечек с конвертом. Вот к этой картинке применено свойство transform, которое работает в Мозилле и в Хроме, но не в Опере. Пытался туда вписать специально для Оперы -o-transform, но что-то не работает....
-
Доброго дня! Прошу совета профессионалов по поводу проблемы отображения в браузере Опера. На страницах, где надо что-то создать всегда много полей для заполнения, и, соответственно, рядом с этими полями присутствуют всплывающие подсказки. При наведении на картинку со знаком вопроса выплывает подсказка с текстом. Вот именно эти всплывающие подсказки работают во всех браузерах нормально, за исключением "Оперы". У меня одна из последних версий этой Оперы и в ней эти всплывающие подсказки ведут себя, как будто у них нервный тик, они дергаются, наслаиваются друг на друга. В общем неприятно. Причем, в других браузерах все о,кей. Вот выкладываю код html и css <span class="tt-wrapper"> <a class="tt-gplus" href="#"> <img border="0" width="24" height="16" alt="?" src="images/help.gif"> <span> <em id="vcv">Название компании</em> <br /> <em>Вы можете добавить название вашей компании здесь, чтобы использовать в качестве пользовательского поля в своих сообщениях электронной почты, как участник программы Антиспама.<br> <br>Программа Антиспама утверждает, что вы должны включать данные о своей компании в свои сообщения электронной почты.</em> </span> </a> </span> .tt-wrapper a{ width: 24px; height: 16px; margin: 0 2px; outline: none; position: relative; } .tt-wrapper a span{ width: 400px; height: auto; line-height: 15px; padding: 10px; left: 20%; margin-left: -64px; font-family: 'Alegreya SC', Georgia, serif; font-size: 11px; color: #000000; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); border: 4px solid #fff; text-indent: 0px; border-radius: 5px; position: absolute; pointer-events: none; bottom: 100px; opacity: 0; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); transition: all 0.3s ease-in-out; } .tt-wrapper a span:before, .tt-wrapper a span:after{ content: ''; position: absolute; bottom: -15px; left: 20%; margin-left: -9px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid rgba(0,0,0,0.1); } .tt-wrapper a span:after{ bottom: -14px; margin-left: -10px; border-top: 10px solid #fff; } .tt-wrapper a:hover span{ opacity: 1; bottom: 30px; background:#E0ECFF; } Есть возможность зайти на сайт и в живую посмотреть http://www.shopvision1.ru/respond/admin/index.php логин demo пароль demo в левом углу в меню "Списки контактов" -> "Создание списка контактов" Буду благодарен за подсказки!!
-
А что вы еще хотели увидеть, прошу прощения? Не надо умничать, я же говорю, что впервые столкнулся со шрифтами.
-
Спасибо, сделал. Просто со шрифтами впервые столкнулся. Оказывается все так же аналогично. Закидываем файл, прописываем путь и указываем в css.
-
Подскажите, пожалуйста, какой font-family прописать в css, что бы хотя бы примерно было похоже как здесь, но только русскими буквами. Спасибо!
-
Сразу стоко много ответов! Спасибо! Пошел рабираться.
-
Здравствуйте! Мне очень надо сделать посредством css рамку. Во времена СССР были почтовые конверты, а по краям у них была рамка из наклонной полосатой зебры, где чередуются белый, красный и голубой. Пожалуйста, подскажите, как мне сделать такую рамку средствами CSS. Эта рамка будет вокруг блока, содержимое которого может меняться, то есть зависит от наполнения текстом, так что рамка тоже должна изменяться в соответствии с размерами блока.
-
Подскажите тогда до конца. Как мне назначать правили css для основного и мобильного и где вообще почитать про то, как сделать мобильную копию шаблона. Ни разу не приходилось делать для мобильников и пока полный аут. Но я догадываюсь, что там должно быть максимально упрощено. Как прописать в индексовой странице, что бы если мобильник, то иди сюда, а если обычный браузер, то сюда. А потом, что более актуально на сегодняшний день, wap-сайт, или что-то другое? Буду благодарен за подсказки.
-
Господа! При верстке сайта пришлось применить пяти-колончатый шаблон. Первый-третий-пятые колонки вытягиваются в длину, в зависимости от того, насколько заполнены текстом основные колонки - вторая-четвертая. Проблема с отображением в мобильных приложениях. В данный момент необходимо назначит новое css правило для ширины этих колонок, и желательно, что бы вообще не отображать 1-3-5 в мобильных приложениях.Пример сайта здесь Буду благодарен за подсказки!
-
Вывод более одного изображения посредствои css
rafaello9 replied to rafaello9's question in HTML Coding
Вчера этот вариант у меня не прошел по причине того, что размер статичной картинки по ширине больше, чем div-блок. Этот момент я не смог решить, а именно... Внутри одного css-правила, когда значению backround присваиваются две картинки, я не смог спозиционировать одну статичную картинку(ее ширина больше блока div) Пришлось применить другой способ(подсказали на другом форуме) Внутри div-блока я определил еще один div-блок, и во внутреннем блоке посредством margin вывел статичную картинку туда, куда надо. Такой способ, поддерживают IE8. Проверил. -
Вывод более одного изображения посредствои css
rafaello9 replied to rafaello9's question in HTML Coding
Вопрос решил. Большое всем спасибо за помощь!