nikki4

есть большая картинка - кора дерева. задача разместить в качестве фона. размер для ширины в 1280пх - около 750кб.. что есть не оптимально для скорости загрузки. вот как бы её так сжать правильно? как вариант вижу - сделать левый и правый сайд бары, и в них выводить 2 крайние картинки шириной примерно 300*800, с повторением по вертикали. Но может это как-то по другому делается? пс: решил не заморачиваться, сжал до 350х800, повторение везде + снизил качество фона, получилось 100кб..

Убрал оба тега. Не помогло. Посмотрел другие ошибки - там ничего такого, что могло повлиять быть вроде бы.

если навести файрбагом на ячейку таблицы, то можете увидеть класс: .ntable если написать: .ntable th, td { border: 1px solid black;}тогда стиль применится и к футеру (смотреть не с мобильного надо) . Вопрос почему? и как сделать, чтобы у таблицы были границы в контенте, а в футере рамок не было. ps: если таблице футера присвоить свой класс, тогда он будет применяться к контентной части таблицы! Почему это происходит? Ведь они находятся в совершенно разных контейнерах. даже если к itemBody применять стиль - он действует и на футер. ничего не понимаю..

Как увеличить размер области для клика в меню? По умолчанию ссылка срабатывает только если кликнуть на текст "главная". А как сделать, чтобы по всему li можно было нажать и перейти? пробовал указывать ширину и высоту для a, li, ul - всеравно не работает Вспомнил. Я же уже сталкивался с этим. нужно ссылке прописать дисплей:блок

маленькое ® сверху справа, около товара как сделать в css? в html понятно ^® дело в том, что создаю пункт меню в джумле, там потому не html, а просто текстом ввожу название. вот можно ли как-то применить css именно к этому символу?

Кулинарный сайт с фото-рецептами. Копирайтеры присылают статьи в ворде Я копирую из ворда в дримвивер (чтобы очистился весь мусорный код ворда, на мой взгляд он лучше всех чистит) однако там все абзацы <br> я делаю замену по файлу на </p><p> в результате <br> фото <br> превращается в <p>фото</p> - вот я и хотел сделать плагин чтобы класс присвоился такому абацу свой. я уже это сделал. теперь правда решаю вопрос с переносом строки, так как некоторые фотки на отдельной строке от <p>

жаль. кстати я придумал решение. можно сделать плагин, который на этапе формирования контента <p><img будет превращать в <p class=""><img

есть код вида: <p><img....></p>картинку нужно во всю ширину страницы, но из-за стилей тега P, она имеет отступы и отображается не корректно. можно ли применить стиль только к тегу P после которого идет IMG? наоборот знаю, можно: p img {} а нужно наоборот. если да, то как?

Есть всякие табы без классов. один из табов содержит swf файл (флеш анимация товара, с возможностью вручную его покрутить со всех сторон) для мобильника соответственно выдает ошибку , мол загрузите плагин. потому для адаптивной верстки задача скрыть этот таб. Вопрос - как это сделать, так как класса не стоит. есть только тайтл. чувствую тут как-то при помощи js делается.. или всеже в css можно? <ul class="jwts_tabbernav"> <li class=""> <a href="javascript:void(null);" title="3d">3d</a> </li></ul>

Спасибо, тогда почему так не работает? переименовал класс без черточки, и вот тестирую: следующий код - вообще ничего не выдает, никакое сообщение. <script type="text/javascript">var $bsdocsexample = $('.bsdocsexample');if($bsdocsexample.width() > 300){alert('Да');}else{alert('Нет'); }alert('aaaa'); </script>если же оставить так: <script type="text/javascript">alert('aaaa');</script>то пишет "аааа" почему, что теперь не так? при этом на jsfiddle работает

Да действительно.. тогда в чем дело? вот пробую, сделал для теста такое, но оно не выдает ни Да, ни Нет. <script type="text/javascript">var $bs-docs-example = $('.bs-docs-example');if($bs-docs-example.width() > 300){alert('Да');}else{alert('Нет'); }</script>

Спасибо, но на реальном примере не работает. Как я понял это связанно с тем, что поля высоты не заполнены. Я их выше заполнил просто, чтобы объяснить какой блок куда. так то выглядит скорее так, где информация о яблоках, в случае если есть место после описания - переместить на верх. а если нет, оставить на 100% ширину под http://jsfiddle.net/fv3hqtsc/2/ <div class="wrapper"> <div class="wrapper2"> <div class="photo"><img src="http://s1.iconbird.com/ico/2013/11/491/w256h2561384698911applered.png"/></div> <div class="param">энергетическая ценность яблока</div> </div><div class="desc">информация о яблоках</div></div>.wrapper {width:500px; height:1000px; background:pink; margin:0 auto;}.photo {float:left;}.param {float:left; }.desc {float:left;}

Вот сделал рыбу, что есть: <div class="wrapper"> <div class="wrapper2"> <div class="photo"></div> <div class="param"></div> </div><div class="desc"></div></div>.wrapper {width:500px; height:1000px; background:pink; margin:0 auto;}.photo {background:yellow;float:left;height:300px;width:200px;}.param {background:green;float:left; height:200px;width:200px;}.desc {background:black;float:left; height:400px;width:100%;}тоже, онлайн: http://cssdeck.com/labs/usgkdfyd задача: если тех. характеристики товара (param) короткие, т.е. есть полно свободного места, то втиснуть описание (desc), чтобы карточка товара выглядела так: http://cssdeck.com/labs/kd56nsdh Если же характеристик товара много, тогда просто растянуть описание под всем на 100%. Как на первой ссылке Как такое сделать?

Спасибо! Работает, вот только теперь уже второй час пытаюсь выполнить это к базе (проще видимо было все же руками за 2-3 часа это сделать...) в общем следующий код не вносит никаких изменений <?php$file='bdname.mysql.sql';$string=file_get_contents($file);$result = preg_replace('#(<p>.*)(<img.*/>)(.*</p>)#', '$1$3$2', $string);echo htmlspecialchars($result);?>Попробовал взять кусок кода, но тогда вообще не работает, то на запятые ругается, то еще что-то (много спец символов) Провел еще один тест: скопировал кусок кода <p><img параметры картинки /></p>\r\n<p>текст1.</p>\r\n','\r\n<p> </p>\r\n<p> </p>\r\n<h2>подзаголовок</h2>\r\n<p>текст2.</p>\r\n<p>в нотпаде и дримвивере поиск по #(<p>.*)(<img.*/>)(.*</p>)# - ничего не находит а так - (<p>.*)(<img.*/>)(.*</p>) находит все кроме последних \r\n<p> Может в этом дело..

Сложность в том, что таких картинок тысячи и руками займет несколько часов. вот ищу какую-то регулярку, или может в css есть свойство позволяющее поменять местами

так надо, чтобы текст был сверху. Раньше я писал как <p><img>text</p> чтобы картинка была слева. Но сейчас стали люди с мобильников больше смотреть, да и вообще так подумал, большая картинка нагляднее чем маленькие фото слева и текст не едет никуда. и решил что будет лучше картинку поместить под текстом. в ручную это займет достаточно много времени... вот ищу способ какой-нибудь\ т.е. картинка width:100%

есть: <p><img путь и параметры картинки />текст</p>надо: <p>текст</p><img путь и параметры картинки />как такое сделать регулярками не понимаю, если вообще возможно. зато знаю как сделать так: <img путь и параметры картинки /><p>текст</p>но так получается что картинка над текстом.. может можно как-то при помощи CSS сделать визуально, чтобы фото было под текстом?

Все правильно это только фрагмент из большого меню. Спасибо вопрос решен. Я просто не знал, что это 3 класса - class="item-3 deeper parent" Думал что один, а он не работал.. теперь понятно почему. Оказалось достаточно написать просто .item-3 .mega-menu

Нужно расширить подменю 2, но чтобы 1 осталось как есть но я путаюсь в уровнях вложенности , пробовал так, но не работает .item-3 deeper parent .mega-menu { }т.е. нужно изменить стиль к "мега-меню" , которое расположено в li с классом item-3 deeper parent при этом чтобы мега-меню li другого пункта не задело Вот пример <li class="item-1 deeper parent"><a class="separator" href="#">Меню 1</a> <ul class="mega-menu" style="width: 307px;"><li class="item-2 deeper parent" style="width: 500px;"><a class="separator" href="#">Пунт меню 1</a> <li class="item-3 deeper parent"><a class="separator" href="#">Меню 2</a> <ul class="mega-menu" style="width: 307px;"><li class="item-4 deeper parent" style="width: 500px;"><a class="separator" href="#">Пунт меню 2</a> .mega-menu { background:yellow; height:50px; width:1000px !important;}http://codepen.io/anon/pen/BNwRZL

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

Погуглил, добавил <script type="text/javascript">jQuery.noConflict();</script>перестало работать меню, заработали другие два. как я понял, тут конфликт между большим количеством плагинов пс: файрбагом пользовался, но я не понял где там ошибка, писали только

Закончил наконец-то делать адаптивное меню. Но после его установки обнаружил, что перестает работать плагин LLFJ - Lazy Load for Joomla! и модуль Lof ArticlesSlideShow Module Поэксперементировал, пришел к выводу, что все дело в этой строчке: <head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript" ></script></head>Т.е. если убрать , то все работает, а если включить - меню работает, а другое выключается. Причем я читал, касательно первого плагина т.е. поидее все совместимо. тогда в чем дело?

Запутался с синтаксисом, почитал про дочерние, но что-то не работает.. table > tbody > tr > td > p > a > img {max-width:150px;}Как правильно оформить? спасибо., такой вариант я первым делом и делал.. а проблема оказалось в другом, просто для страницы был отдельный css..

Помогите пожалуйста адаптировать вертикальное меню, хоть чем бы. Вот нашел парочку: http://plugins.adchsm.me/slidebars/ http://www.christopheryee.ca/pushy/ Но как их установить? начинал делать по инструкции, но ничего не работает. даже просто скачать демо и запустить - никакие стили не грузятся. Видимо я что-то делаю не так... Может есть какая-то еще альтернатива, чтобы просто и понятно можно было поставить? в общем поставил простое меню , приложение к движку

Это какие такие браузеры? Вот на википедии сказано какие теги из html5 поддерживаются какими браузерами. как понимаю хоть все браузерами понимают html5, но не все элементы