alleclf

Есть блок с текстом. Скажите, можно ли как-то фоновую картинку разместить в этом блоке справа.

Вот заготовка - https://jsfiddle.net/22gLeLLo/

Блок я специально сделал узким. Необходимо что бы картинка немного сжалась пропорционально и полностью поместилась в блок.

Кстати, всё необходимо сделать в одном блоке. 

Как вывести на сайте флеш-ролик с нормальными пропорциями?

Например, одни ролики более квадратные 4:3, другие продолговатые - 16:9.

Использую один контейнер для всех роликов. Из-за этого появляются полоски, либо по бокам, либо сверху-снизу. Обрезка параметром scale=noborder не подходит, так как может отрезать элементы управления.

Есть ли возможность узнать параметры ролика и подогнать высоту контейнера для корректных пропорций?

Есть 3 блока размещенные вертикально в общем контейнере. Необходимо, что бы первые два были в самом верху, а третий в самом низу.

Проблема в том, что высота главного блока меняется (в шаблоне указана в % и зависит от размеров окна браузера).

Вот заготовка (я отступом отодвинул блок туда где он примерно должен быть) - https://jsfiddle.net/s306hnge/1/

Спасибо.

Как правильно вставить флеш swf-файл на сайт что бы работал во всех браузерах + смартфоны/планшеты.

Необходимо:

• если на компьютере не установлен флеш что бы выводилась ссылка на скачивание.
• если мобильное устройство НЕ поддерживает флеш (iOS) что бы выводилось сообщение

Я много сервисов перепробовал и программ-эмуляторов - они все врут ))

Лучше всего иметь все необходимые устройства. Я тестирую на том что у меня есть + беру у друзей/знакомых. Открываю сайт на их устройстве и, в случае какого-либо косяка, делаю скрин и отправляю себе на почту. А уже дома разбираюсь чё с ним делать.

Да мне без разницы.

Разве проще скачать один чуть больше файл, чем два суммарно чуть меньших?

Планирую на сайте сделать несколько тем оформления. Отличаться будут только цветовым оформлением, вся структура страницы останется без изменений.

Например, есть 2 темы - светлая и темная:

1. Файл стилей со структурой сделать общим для всех тем. При изменении темы оформления подгружать второй файл со стилями в котором указаны только цвета - шрифта, фона, ссылок и т.д.

2. Для каждой темы сделать один свой стиль включающий как структуру так и цвета.

Как лучше поступить? Я склоняюсь к 2 стилевым файлам - это как-то более логично. Зачем при переходе подгружать все стили если можно тянуть маленький файл. С другой стороны гугл советует на сайте использовать только один файл стилей (не понимаю почему).

2 часа назад, klierik сказал:

Глянь на этот пример http://getbootstrap.com/css/?#buttons-active

В принципе можно кое-что утянуть - вроде внутренней тени. Спасибо.

Помогите создать две кнопки. Точнее даже не кнопки а два блока в виде кнопок.

Одна кнопка должна быть вжата - вроде как уже включена и повторно её нажать нельзя.

Вторая, наоборот отжатая - на неё можно нажать.

Проблема в визуальном оформлении. Что-то ничего не получается, только вот такая ерунда - https://jsfiddle.net/ctst3y92/

Необходимо именно формой как-то передать состояние кнопок, НЕ цветом.

В шаблоне страницы движком выводятся миниатюры картинок. Мне необходимо вместо миниатюр отобразить оригинальные изображения.

У меня есть строка вида:

<img src="http://site.com/uploads/posts/2016-09/thumbs/image-1.jpg">

Надо получить:

<img src="http://site.com/uploads/posts/2016-09/image-1.jpg">

То есть, из строки убрать "thumbs". 

Как можно такое сделать на PHP? На станице надо обработать 10-15 таких картинок.

by chris, отлично, спасибо

На компьютере работает, на планшете нет.

Не нравится поддержка "display: flex;" - http://caniuse.com/#search=flex

Может есть более универсальное решение?

Ведь средние два блока можно объединить в один а потом уже разделять.

Есть 4 блока выстроенные в одну линию. Крайние два имеют фиксированную ширину (например 100 и 150 пх). Средние два блока одинаковой ширины и должны растянуться что бы вся конструкция заняла всю ширину экрана.

При изменении ширины окна браузера конструкция, сжимая\разжимая средние 2 блока, должна занимать всю ширину.

Для примера: https://jsfiddle.net/jjzycey8/2/

На днях статью читал о продвижении сайта. В рассылке пришла от 1ps. Так вот они настоятельно рекомендовали вообще убрать тег со страниц. Из-за чего, собственно, я и начал перечитывать блоги пытаясь разобраться.

Понятно, спасибо.

Сам недавно обновил ДЛЕ, тоже подумал, что если бы тег приносил вред его бы уже убрали в новой версии движка.

Скажите, стоит ли на сайте использовать метатег keywords? На некоторых сайтах пишут что поисковики сейчас просто его игнорируют. На некоторых рекомендуют убрать его вообще так как от него ПС понижают в выдаче.

Хочу на сайте сделать боковое меню. В углу картинка/кнопка при клике/наведении на которую в боку выезжает блок на всю высоту страницы а сама страница затеняется.

В блоке располагаются сами пункты и если их много они прокручиваются вниз независимо от основной страницы.

Помогите найти что-то подобное. Сам находил несколько интересных вариантов, но практически все скриптовые. Можно ли подобную задумку реализовать на чистом CSS?

Необходима кроссбраузерность и кроссплатформенность - что бы работали в разных браузерах и на разных ОС (включая моб.телефоны).

Кстати, хотел спросить. Как мобильные устройства относятся к элементам на ActivX?

Видел на нескольких сайтах такую штуку - при клике по ссылке, новая страничка открывается в этой вкладке а та страничка где кликали в новой. То есть, вроде как наоборот чем надо.

Может скажите где почитать о подобной реализации. Интересно.

Нашел скрипт "Предупреждение о переходе по внешней ссылке" - habrahabr.ru/sandbox/78244/

Но, этот скрипт не работает в Файрфоксе при установленном АДБлоке. Страница вроде как открывается в новой вкладке но тут же, мгновенно, закрывается. Причем не важно, дождался пока таймер оттикает или кликнул для перехода - невозможно перейти. 

Скажите пожалуйста, можно ли как-то подправить скрипт для нормальной работы в Файрфоксе?

Скажите пожалуйста, стоит ли на сайте реализовать поддержку свайпов для сенсорных экранов?

Основное назначение - перелистывание, увеличение/уменьшение фотографий и скринов на странице. Нашел два варианта - Hammer.JS и Zepto.js

Можно ли как-то открыть картинку или видеоролик во всплывающем окне на весь экран.

Что бы не было видно ни окна браузера ни панели задач - вообще на весь экран.

line-height: 48px; 

добавьте 

да нет, не надпись внутри блока, а сам блок

http://howtocenterincss.com/

 

http://frontender.info/centering-css-complete-guide/

спасибо, почитаю...

Сохранить забыл ))

Исправил.

Вот небольшой пример - https://jsfiddle.net/zpLhab6z/

Как можно выставить по центру экрана сам блок с ссылкой? Желательно без использования дополнительных контейнеров и структуры типа <center_></center_>

Спасибо.

Я добавлял стили "normalize.css" - ничего не изменилось, так же сжимается.

Да и просто обнулял самодеятельность хрома

p {    display: block;    -webkit-margin-before: 0px;    -webkit-margin-after: 0px;    -webkit-margin-start: 0px;    -webkit-margin-end: 0px;}