rafaello9

Здравствуйте! Только начинаю делать сайты, прошу помощи в следующем вопросе. Сайт использует систему сеток 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 в мобильных приложениях.Пример сайта здесь Буду благодарен за подсказки!

Вчера этот вариант у меня не прошел по причине того, что размер статичной картинки по ширине больше, чем div-блок. Этот момент я не смог решить, а именно... Внутри одного css-правила, когда значению backround присваиваются две картинки, я не смог спозиционировать одну статичную картинку(ее ширина больше блока div) Пришлось применить другой способ(подсказали на другом форуме) Внутри div-блока я определил еще один div-блок, и во внутреннем блоке посредством margin вывел статичную картинку туда, куда надо. Такой способ, поддерживают IE8. Проверил.

Вопрос решил. Большое всем спасибо за помощь!

Здорово! То что надо, а то голову поломал. Спасибо! А в приведенном примере, за счет чего картинка земного шара поверх другой, которая повторяется?

Прочитал в учебнике css, что через background или background-image можно вывести более одного изображения. Никак не могу применить этот момент на практике. Дело в том, что мне необходимо оформить боковую вертикальную колонку, вынесенную отдельным блоком через <div></div>. Причем, нельзя использовать вставку картинок посредством html (это связано с некоректным отображением сайта в мобильных устройствах). В самом верху надо вывести одну угловую картинку, а потом, под ней или как, вторую. Причем вторая картинка - это квадратик, который повторяется по вертикали. Тем самым, при растягивании основного макета, боковая колонка вытягивается соответственно. Каким образом можно, использую только css вывести в верхнем углу одну картинку, а второй залить пространство до низу? И второй вопрос. Почему, если выводить картинку в виде фона, как backround, то качество ее понижается по сравнению с тем, если ее вывести просто через html. И как можно исправить это?

Здравствуйте! При загрузке моего сайта на мобильном телефоне через Опера-мини все картинки, которые я использую для оформления не пропорционально изменяются. Большие сжимаются по размеру, а маленькие наоборот, чрезмерно увеличиваются, что нарушает нормальное восприятие. Более того, Опера-мини просто тупо идет по картинкам, выстраивая их в одну колонку. Пояснения. Сайт по бокам имеет фоновые вертикальные изображения, вынесенные в отдельные div-блоки. Под каждым изображением, кроме этого есть backround-image с вертикальным повторением. Это на тот случай, если содержимое страницы увеличивается, то боковые оформления соответственно вытягиваются. Так-вот. Опера-мини тупо показывает сначала картинки левого блока на всю ширину экрана, потом содержимое страницы, а потом картинки правого блока, опять таки на весь экран. То есть страница разбивается на три колонки. Прошу помощи, как этого избежать. Как сделать, что бы страница целиком показывалась без этого тупого деления на три колонки. Дело в том, что убрать это оформление картинками нельзя, они придают соответствующий вид сайту при рассмотрении на обычном компьютере. Как сделать картинки невидимыми для мобильного веб-браузера. Или есть какой-то другой выход?