HTML Coding

29542 questions in this forum

1. При малой высоте блока содержимое идет ввсерх

   При клике на некоторых ссылках на странице должен отобразится плавающий блок, высота которого средством css анимации изменяется от нулевой до некоторой фиксированной высоты. В начале анимации, когда весь контент не помещается, он сильно пождат вверх, и только вконце стает на свое место. Это выглядит примерно так. Вот этот пример: http://jsbin.com/wekixa/1/edit?html,css,js,output Браузер: Фаерфокс, версия 41.0.1 Методом тыка установил, что если не писать $('#confirm a[role="cancel"]').focus();То все нормально. Как можно изменить поведение, чтобы содержимое блока не подскакиволо вверх. Перепробывал всевозможные способы например, top: 0 и тому подобные. Не помогло.

   Asked by ekkl, October 29, 2015

   • CSS
   • javascript
   • height
   0 votes
   1 answer
2. Правильная нарезка и верстка блока

   Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как правильно нарезать графику и сверстать такой блок: P.S. Если кому надо этот блок в формате PSD пишите свою почту скину )

   Asked by stan07, October 29, 2015

   0 votes
   1 answer
3. HTML/CSS редактор online

   Добрый день! Вопрос такой. Я делаю первые шаги в HTML/CSS , но я работаю в Chrome OS, а значит для меня недоступны такие вещи как, к примеру, Notepad++ и т.д. Не могли бы Вы порекомендовать редактор HTML/CSS который может работать в облачном режиме или как расширение для браузера GoogleChrome ? Кроме того, мне нужна возможность делать отдельный файл CSS. И как в этом случае можно смотреть, что получилось ? Я так понимаю, что у меня будет возможность проверять результаты только в браузер GoogleChrome, но пока ОК. Я просто хочу научиться работать с кодом разметки и стилей. Спасибо большое за помощь!

   Asked by Shank, October 29, 2015

   0 votes
   4 answers
4. Создание галереи

   Как сделать галерею картинок чтобы при выходе за пределы ширины блока, появлялась прокрутка. Делаю так <div class="gallery"><img src="images/watch.png"> <img src="images/apple.png"> <img src="images/headset.png"> <img src="images/seminar.png"> <img src="images/jobs.png"> <img src="images/glass.png"> </div>.news-day .gallery{ box-sizing: border-box; height: 510px; overflow-x: scroll; width: 1900px;}.news-day .gallery img{ margin-right: 3px;}Но картинки просто вылазиют за ширину http://i67.tinypic.com/15x4xll.png

   Asked by rpmcmerphy, October 29, 2015

   0 votes
   1 answer
5. Заставить блок обтекать.

   Доброго времени суток. Бьюсь и мучаюсь с шаблоном. Нашел очень красивый дизайн на вывод блочно товара и попытался присоединить к своему шаблону. Вот страница проблема в том, что все, что идет после div class="tesst" написано не мной и переписать не получилось. Так вот этот блок я не могу поднять к верху, мешает стиль clear:both И я его отменить не могу, пробовал отдельно слой с отменой clear:none - не помогло. Если слою "leftBar" присвоить - position: absolute; то все становится отлично НО когда блок "content" меньше блока "leftBar" то блок "footer" начинает налазить на блок "leftBar". Как победить? Мне-то по уму надо чтоб блок "leftBar" нормально начал обтекать блок "c…

   Asked by Drag0n, October 29, 2015

   0 votes
   2 answers
6. Как скрыть ссылку с определенным тайтлом

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

   Asked by nikki4, October 29, 2015

   0 votes
   1 answer
7. Помогите разместить картинку рядом с переключателем слайдов

   Здравствуйте ! Помогите разместить картинку (next.png) рядом с переключателем слайдов как показано на изображении. При этом, чтобы она никуда не съезжала при изменении разрешения монитора. Верстку слайдера можно посмотреть по ссылке (https://www.dropbox.com/sh/0xnl4z68q0pw9q3/AABctWVsS1GpQD5hgvbplXtsa?dl=0) и там же скачать как zip-архив. Заранее большое спасибо !

   Asked by 964758, October 29, 2015

   0 votes
   2 answers
8. Слайдер интернет- магазина

   Подскажите, пожалуйста, как называется такой слайдер для интернет-магазина? Спасибо.

   Asked by Alfa2015, October 29, 2015

   0 votes
   1 answer
9. Внутренние странички

   Всем привет, я начинающий и нуждаюсь в совете от профи. Появилась задача сделать внутренние ссылки, чтобы в адресной строке адрес выглядел примерно так: mysite.ru/company/inner.html Что нужно прописать и где нужно расположить на сервере inner.html Надеюсь, что более менее внятно объяснил) Заранее спасибо!

   Asked by Gutman, October 30, 2015

   0 votes
   8 answers
10. Yii2: pjax+ ListView

    Обгорнул pjax ListView настроил пагинацию, все ок. Потом сел настраивать поля фильтра... в стандартной сгенирированой формы ActiveForm. Добавил туда 'options'=> ['data-pjax'=>1], вроде все ок. Но фильтер работает через раз ((( раз обновляєт pjax-ом а раз все страницу, может я еще что-то забыл сделать ( _search.php <?php $form = ActiveForm::begin([ 'action' => ['index'], 'method' => 'get', 'options'=> ['data-pjax'=>1], ]); ?> index.php <?php Pjax::begin(['id' => 'countries']); ?> <div class="col-md-3 left-sidebar styled-border-1"> <?php echo $this->render('_search', ['mo…

    Asked by NOCaut, October 30, 2015

    0 votes
    1 answer
11. резиновый шаблон

    Такой вопрос: есть 2 колонки: .fon {position:fixed; width:40%; text-align:right; min-width:200px; background-color:#000000; height:100%; float: right}.content {margin-left:60%; position:relative} Проблема возникает, когда экран сильно сжимается. левый слой доходит до 200 и останавливается, а правый-то продолжает сжиматься и текст заходит за левый столбец. Как это "победить"?

    Asked by Borodulka, October 30, 2015

    0 votes
    5 answers
12. Помогите решении проблемы начинающему.

    Есть 2 слоля: 1 - 40% в ширину, но не менее 200пикселей, 100% в высоту, залика фона черным, fixed. в этом сое меню. 2 - 60% в ширину, не статичный. всем все остальное. Собственно в впринципе как их расположить рядом - не проблема.. это все сделано, прочитано, реализовано и понято, НО! Когда сжимаешь экран - левое поле доходит до 200 пикселей и останавливается. Правое же поле все-равно сжимается и текст заходит за левое поле. Как сделать так, чтобы правое поле не заходило за левое?? Пример кода: <body> <div class="fon"></div> <div class="content">111111</div> </div></body> CSS:.fon {width:40%; min-width:200px;position:fix…

    Asked by Borodulka, October 30, 2015

    • Статичное меню.
    • автомасштаб
    0 votes
    7 answers
13. Подгон под размер экрана.

    Тема такая: есть сайт http://skin-game.ru/. Как сделать, чтобы на экранах с другим разрешением подгонялись все элементы. Проблемы возникли с слайдером и кнопками.

    Asked by SadRat, October 30, 2015

    • Подгон
    0 votes
    2 answers
14. transition для меню

    Для меня было новостью, что transition не работает со св-вом display: none; Как быть тогда, если я хочу плавно показать в горизонтальном меню выпадающие подпункты и без js, jq?

    Asked by rus, October 30, 2015

    0 votes
    11 answers
15. перенос сайта в каталог

    Пытаюсь перенести сайт в тестовый каталог,никак не хочет работать.Понимаю,что из-за htaccess.Пытаюсь изменить RewriteBase /testmobile/ или RewriteRule ^(.*) /testmobile/site.php?$1,никакой реакции.Подскажите,что делать? RewriteEngine onRewriteBase /RewriteCond %{REQUEST_FILENAME} !-fRewriteRule ^(.*) /site.php?$1AddDefaultCharset UTF-8

    Asked by user, October 30, 2015

    0 votes
    18 answers
16. RGBA полупрозрачность сильно загружает Chrome

    Не знаю можно ли выкладывать здесь ссылки, поэтому объясню на словах. Сайт активно использует border-radius, shadow, transition и прочие эффекты. Страницы с фиксированным фоном (jpg 1920х1080, background-attachment:fixed). Все три колонки имеют полупрозрачный бэкграунд rgba(0,166,156,0.2), некоторые блоки внутри них тоже имеют полупрозрачность background:rgba(0,0,0,0.5). Я заметил, что в базовом Хроме весьма заметно тормозит скроллинг страницы. Другие браузеры на вебките рендерят лучше, но по сравнению с Firefox и Edge все равно не очень хорошо. Я начал с отключения всей анимации и эффектов, радиусов и теней, и в итоге пришел к заключению, что Хром спотыкается о полупроз…

    Asked by LUC, October 30, 2015

    • rgba
    • полупрозрачность
    • прозрачность
    • opacity
    0 votes
    1 answer
17. Посоветуйте хорошие книги про WEB-программированию.

    Здравствуйте. Посоветуйте пожалуйста, с какой книги (книг) начинать изучение основ программирования сайтов? Интересует HTML5, PHP (скорее всего через фраймворк CodeIgniter). Нихрена пока в этом не понимаю, но в тонкостях изучив предыдущую специальность, решил поменять жизненное увлечение

    Asked by Erenbur, October 30, 2015

    0 votes
    31 answers
18. Подскажите, пожалуйста, как привязать Easing эффекты на dropdown-menu?

    Подскажите, пожалуйста, как привязать Easing эффекты на dropdown-menu? Меню на основе http://geedmo.github.io/yamm3/

    Asked by noname1, October 30, 2015

    • bootstrap3
    0 votes
    0 answers
19. Проблема с CSS

    //dell

    Asked by TOTO, October 30, 2015

    • help
    0 votes
    0 answers
20. Пункт меню при наведении

    Вот код: http://jsfiddle.net/49uM3/ Проблема: при наведении на пункт меню "Услуги" появляется выпадающее меню, а сам пункт "Услуги" при наведении выделяется серым цветом, НО когда курсор убираешь то пункт "Услуги" становится белым, а не СЕРЫМ! Нужно, чтобы он оставался серым цветом, пока пользователь проводит курсором по выпадающему меню. Подскажите, как это осуществить? Спасибо.

    Asked by Alfa2015, October 31, 2015

    0 votes
    2 answers
21. События

    Добрый день! Мне нужно создать функцию которая будет запускаться при появлении модального окна ( не браузерного ) на странице. Появляется он в разное время, соответственно всякие setTimout не подходят. Выловить его можно по id.

    Asked by samec1337, October 31, 2015

    0 votes
    3 answers
22. Линия находится не в том месте.

    В общем суть картины тут: http://skin-game.ru/. Если пролистать в самый низ картины, то видно линию. Но я хочу ее поставить не далеко после слайдера. Как исправить, а то чего-то я не углядел.

    Asked by SadRat, October 31, 2015

    • Линия
    • верстка
    0 votes
    3 answers
23. Как сделать, чтобы при наведении картинка затемнялась?

    Использую этот код: http://bootsnipp.com/snippets/K3al А как сделать, чтобы при наведении картинка затемнялась? (Картинки, которые в индикаторе?) Пыталась применить код отсюда: http://bootsnipp.com/snippets/K3al...но, к сожалению, не работает..(((( Спасибо.

    Asked by Alfa2015, November 2, 2015

    0 votes
    1 answer
24. Выпадающее меню

    Здравствуйте! Подскажите, как сделать, чтобы выпадающее меню было закрытым. По умалчиванию оно открыто, только при нажатии закрывается. А нужно наоборот: чтобы было закрытое, а при нажатии открывалось. Вот код: https://jsfiddle.net/x15kgcc7/1 Спасибо.

    Asked by Alfa2015, October 31, 2015

    0 votes
    4 answers
25. Как лучше всего сверстать такой макет?

    Всем привет. Вот код http://jsfiddle.net/u8auj81g/2/. Мне нужно по вот такой вот незамысловатой "сетке" выравнивать картинки относительно текста. Еще есть место где с двух сторон абзаца будут картинки которые не должны превышать в ширину 245px; Кроме того и у картинки и у её описания может меняться вертикальное выравнивание (там в коде это для каждого элемента inline сделано). Собственно, меня волновал вопрос, откуда берется пустое пространство в описании к IMG4? Но пока воспроизводил ситуацию в фидле - понял откуда оно берется. Теперь мой вопрос звучит так: как мне это пустое пространство победить? Что бы не делать position: absolut; что бы все так же и осталось с float…

    Asked by nkl90, October 31, 2015

    0 votes
    2 answers