xTODx

Ого, спасибо) Неожиданно, ведь и правда, без видео работало и по старому, а этот способ работает и с ним!)

хорошо к тому-же, видио 17 мб весит, попробую без него Без видео - полёт идёт нормально!) А теперь самое интересное, видео с 16 мб, сжал до 2.7, и знаете что?)) всё такая-же проблема

про изображения знаю, это всё сжиматься будет дело. Благодарю, я тоже на него грешил, пошёл сжимать А то дизайнеры такие дизайнеры, говори им одно, дают совсем другое....))

Только на хроме залипает? в IE не залипает

Ну на компе, так на компе. Ничего не поделать — пусть и дальше залипает, раз такие дела. Вот, залил http://uwdes.com/ я просто вроде прикреплял же ссылку к исходнику. п.с. глючит не только в хроме(

я кинул то, что залипает) страничка в компе находится.

Сразу покажу что есть https://jsfiddle.net/rm29u4ps/1/ НА jsfiddle всё работает как нужно, а на отдельной страничке nav залипает при скролинге, а если навожу на то место, где должна быть ссылка то он появляется. Так как картинки большие кидаю ссылками 1)Залипло 2)Навёл мышкой Может конечно глюки хрома, но это пугает.(

Добрый день, вот есть страничка , гугл видит "Студия Блог Кладезь знаний О нас Партнёрство. +38 095 136 28 86 Моя галерея Регистрация. Живопись Графика Скульптура Дпи Фото" а фейсбук выводит текст с блока фильтра, при вставке ссылки, нужно чтобы был текст, как исправить?

Спасибо огромное, тоже начал уже так ковырять! Благодарю!

HTML <div class="imgcenter"> <div class="oneimg"> <a href="/course/1"> <img src="http://borsh/img/course/1431865746.jpg"> <h3>Курс 14</h3> </a> </div> <div class="oneimg"> <a href="/course/1"> <img src="http://borsh/img/course/1431865746.jpg"> <h3>Курс 14</h3> </a> </div> <div style="clear:both;" id="del"></div></div>CSS .imgcenter{ max-width:98%; display:inline-block; margin: 0 auto; }.oneimg { text-align: center; width: 133px; float: left; margin: 1%; position: relative;}.oneimg img { width: 100%;}https://jsfiddle.net/s5oa58xq/2/ хочется чтобы картинки были по центру, одна рядом со второй, если добавлю ещё-одну они всё-равно будут по центру. Логика такая, внешний блок растягивать зависимо от колва картинок, и его разместить по центру. Но этот вот родительский блок почему-то на всю ширину растягивается. Пробовал display:inline-block;, но так не станет по центру.

При создании чата похожего на VK столкнулся с проблемами: 1) как сделать чтобы полоса прокрутки была не в самом блоке с сообщениями, а для всего документа, как в вк. 2) держать эту прокрутку снизу(ну это уже скорее js)

ну +- решил Эту тему можно считать закрытой, сделал велосипед. Решение http://jsfiddle.net/wssaLzbk/3/

При добавлении псевдоэлемента появился странный отступ сверху Посмотреть тут http://jsfiddle.net/wssaLzbk/4/

Позиция правильная изначально, нужно размер задать. изображение задавайте через background: content: ' '; background: url(http://firepic.org/images/2015-05/24/7q1dhx6gdzk9.png); и задавайте размеры/ background-size/ и тд. моожете пожалуйста помочь на примере? http://jsfiddle.net/eh2ek1t5/

Позиция правильная изначально, нужно размер задать.

http://jsfiddle.net/eh2ek1t5/ Вот, пожалуйста, помогите)

делал, тогда позицию не поставить нужную(

Добавляю псевдоэлемент - картинку h2:after{ content:url(../img/bart.png); position:relative; left:0.5vw; } Как задать этому элементу размер? Height, Width всё дело в том, что есть before и after, которые должны быть чётко по краям заголовка, оно всё правильно стоит, но только размер указать не выходит. Если сделать элемент блочным, тогда проблемно расположить его правильно. вот так это выглядит, но если приблизить, псевдоэлементы станут больше.

Всем привет, вот макет набросаю <style>div.one, div.three{ background: (img/back.jpg);}div.two{ background: (img/unback.jpg);}</style><div class='one'></div> <div class='two'></div><div class='three'></div>Как бы макет простой, Back - обычная картинка, unback - зеркально отражённая, они должны стыковаться между собой. Нужно картинку растягивать чётко под блок, как? background-size: 100% 100%; не помогли что-то

Добрый день, в общем вот макет <style type="text/css">.port{ height:200px; width:80%; margin: 0 auto;}.port .one{ width:20px; height:300px; opacity:0.8; transition:1s; }.port img{ -webkit-transform: perspective(1000px) rotateY(40deg); transform: perspective(1000px) rotateY(40deg); width:200px; height:300px; }.port .one:nth-child(1n){ float:left; margin: 10px; position: relative; left:0px; z-index:4; }.port .one:nth-child(2n){ float:left; margin: 10px; position: relative; left:-20px; z-index:3; }.port .one:nth-child(3n){ float:left; margin: 10px; position: relative; left:-40px; z-index:2; }.port .one:nth-child(4n){ float:left; margin: 10px; position: relative; left:-600px; z-index:1; }.port .one:hover{ opacity:1; z-index:99; left:+20px; transition:1s; }</style><div class="port"> <div class="one"> <img src="img3"/> </div> <div class="one"> <img src="img2"/> </div> <div class="one"> <img src="img1"/> </div></div>Когда навожу на картинку, нужно чтобы она выехала на 20 пикселей вправо! Как это сделать? что-то всё никак не выходит. Вот набросал СSS Вот трошки исправил, вроде адекватнее работает, но не знаю, правильно ли так? <style type="text/css">.port{height:200px;width:80%;margin: 0 auto;}.port .one{ width:0px;height:300px;opacity:0.8;transition:1s;}.port img{-webkit-transform: perspective(1000px) rotateY(40deg);transform: perspective(1000px) rotateY(40deg);width:200px;height:300px;}.port .one:nth-child(1n){ float:left;margin: 10px;position: relative;left:0px;z-index:4;}.port .one:nth-child(2n){ float:left;margin: 10px;position: relative;left:0px;z-index:3;}.port .one:nth-child(3n){ float:left;margin: 10px;position: relative; left:0px;z-index:2;}.port .one:nth-child(4n){ float:left;margin: 10px;position: relative; left:-600px;z-index:1;}.port .one:hover{opacity:1;left:20px;transition:1s;}</style> <div class="port"><div class="one"><img src="https://pp.vk.me/c624524/v624524584/1eac0/-r0PTrRYUcU.jpg"/> </div> <div class="one"> <img src="https://pp.vk.me/c620320/v620320584/217a2/eTmlhbfdMho.jpg"/> </div> <div class="one"> <img src="https://pp.vk.me/c308818/v308818584/3869/PY3A10QrI-k.jpg"/> </div> </div>

это оно! спасибо!

Всем привет, нужно сверстать правильный шестиугольник, из шести треугольников. Каждый треугольник это активный элемент(пункт меню). Кааак??) думал через border-ы нарисовать шестиугольник, но что-то никак.. та и к тому же, нужно менять css активного треугольника при наведении)

Вообще можно влиять только не родственные или дочерние элементы. Вот статья на тему. Покажи код самого меню, может и можно что-то сделать без скриптов, но в данный момент только через JS решается. есть буквально <li id='menu1'><a href='#'>12345</a></li> и т.д.

мне нужно менять не фон самого a, а его родителя. Вот как

Всем привет, такой косяк : "Иногда при обновлении страницы, div друг за друга вылазят, а обычно нет. На той же самой страничке. в чём проблема? Оффтоп: как растянуть на всё высоту экрана при любом маштабе элемент?