HTML Coding

29,542 questions in this forum

1. Разделитель в меню

   Здравствуйте, подскажите пожалуйста как сделать такой разделитель через css без картинки. это можно сделать через правый бордер, но как его обрезать? он же не по всей высоте

   Asked by cruel09, September 29, 2014

   0 votes
   11 answers
2. slider jquery

   Доброе утро, не подключается скрип, все делаю по инструкции, но не работает((( подскажите в чем может быт ошибка, я предполагаю, что не правильно прописываю этот скрипт <script>$(document).ready() ({ $('.bxslider').bxSlider({ pagerCustom: '#bx-pager'}); });</script>ссылка моего слайдера http://sport.teslalight.com.ua/index-slider.html скачал отсюда http://bxslider.com/examples/thumbnail-pager-1

   Asked by mrfrunze, October 13, 2014

   • jquery
   • slider
   0 votes
   11 answers
3. Модальные адаптивные окна

   Друзья, такое дело. Адаптирую лендинг, ну тут понятно все. Кто как осуществляет адаптивные модальные окна, какие плагины берете? или сами кодите?

   Asked by raptor-dm, October 13, 2014

   0 votes
   11 answers
4. Задержка при подключение css-файла

   Добрый день. Столкнулся с проблемой. Как только захожу на свой сайт, на доли секунды элементы отображается без стилей. Стили находятся в отдельном файле. Как только я их помещаю в файл html, в теге <style>,то всё работает идеально. Можно ли как то по другому решить мою проблему, чтоб стили находились в отдельном файле. Заранее спасибо!!!

   Asked by myRoot, October 19, 2014

   • css
   • css-файл
   0 votes
   11 answers
5. Вертикальный скроллинг. Как зафиксировать навигацию?

   Всем добрый день! Подскажите, как зафиксировать навигацию при прокрутке страниц? Причем, хотелось бы, чтобы при прокрутке страницы шапка исчезала, а меню оставалось. Например, как здесь: http://p120.createme.tk/ -- при нажатии на пункт меню "Услуги", шапка исчезает, навигация -- остается.

   Asked by Fendia, October 24, 2014

   0 votes
   11 answers
6. Меню на всю ширину.

   Здравствуйте! Есть задача сверстать такое меню для адаптивной верстки: Вся задача в том, чтобы крайние пункты были прижаты к своему краю, т. е. не имели бы отступов. Я сделала табличной версткой, но не получилось.

   Asked by Светлана Г., November 12, 2014

   0 votes
   11 answers
7. Помгите реализовать рамку заголовка средствами html и css

   Дизайнер нарисовал вот такую рамку, для всех заголовков сайта. background блока не однотонный, как правило картинка или текстура Есть у кого нибудь мысли как это реализовать средствами html и css?

   Asked by gap, December 3, 2014

   • рамка
   0 votes
   11 answers
8. Плавный полупрозрачный фон с затуханием

   У меня есть блок фиксированных размеров с ссылками и простым текстом. Подскажите пожалуйста как сделать: - что бы только фон блока (в примере - желтый цвет) был полупрозрачный, а всё что в самом блоке (ссылка и текст) были нормальные БЕЗ прозрачности - чтобы фон блока справа плавно затухал, например 10-30 пикселей плавного затухания, причём и при наведении и без наведения его правая грань плавно затухала (растворялась). Вот только что я сумел сделать - http://jsfiddle.net/kn4k4bqh/

   Asked by alleclf, November 30, 2014

   0 votes
   11 answers
9. Перенос списка

   Ребят подскажите как можно реализовать перенос списка. Например есть список <ul> в нем 40 <li>, вопрос в том как сделать что бы список переносился в право через каждые 10 элементов <li>, вот так: 1. 11. 2. 12. 3. 13. 4. 14. 5. 15.... 6. 7. 8. 9. 10.

   Asked by AlexandrV, December 8, 2014

   • ul
   • li
   • html
   • js
   0 votes
   11 answers
10. Помогите с СSS

    Есть сайт - http://mebel.mordovia-sutochno.ru/mebel/gostinye/gostinaya-1 Когда я добавляю товар в корзину http://joxi.ru/YmEVDQETZn8X26 Появляются квадратики - я хочу их убрать... при этом сохранив их в левом верхнем меню сайта... Когда я добавляю товар в корзину http://joxi.ru/YmEVDQETZn8X26 Появляются квадратики - я хочу их убрать... при этом сохранив их в левом верхнем меню сайта...

    Asked by 561144, December 15, 2014

    0 votes
    11 answers
11. Как сейчас правильно верстать?

    Несколько лет просто не занимался этим всем делом... И вот тут увидел где-то мельком фразу, что "....табличная вёрстка уже не в моде". А ведь именно с помощью таблиц я раньше располагал все блоки и элементы на странице.. Правда ли, что не в моде, и что тогда взамен таблиц используется теперь?

    Asked by spaceboy, December 16, 2014

    0 votes
    11 answers
12. Hover

    Подскажите пожалуйста, есть меню: т.е ссылка + слева иконка я сделал это так: .menu li.faq{ background: url(../img/faq.png) no-repeat 20px center;}.menu li.news{ background: url(../img/news.png) no-repeat 20px center;}Но, при наведении должен меняться цвет + добавляется еше 1 иконка вот так: .menu li a:hover { background: #d9d9d9 url(../img/menu-active.png) no-repeat 90% 50%;}сделал я это вот так и в итоге у меня иконка слева пропадает при наведении, как исправить можно?

    Asked by cruel09, December 27, 2014

    0 votes
    11 answers
13. overflow:hidden

    Помогите разобраться слева и справа с помощью overflow:hidden получилось скрыть(обрезать) края картинки, а сверху не получается.

    Asked by eremeevd, December 28, 2014

    0 votes
    11 answers
14. Input по правому краю (без float:left)

    Со вчерашнего дня пытаюсь найти решение. Нужно кнопку придвинуть к правому краю формы(родителя) не прибегая ко float Это возможно? Вот мои эксперименты. для кнопки установлены такие спили (рамочку и т.д. упустил) input[type="submit"] { width: auto; position: absolute; right: 0px;} Для формы form { padding: 2em 3em 0em 4em; position: relative;}Кнопка позиционируется по правому краю контейнера, в котором находится форма. Если кнопку поместить в контейнер <span style="display:block;position:relative"><input type="submit"></span>Все в порядке, но его высота = 0px и ревизор фаерфокса показывает, что она отображается за пределами формы, что вполне согласу…

    Asked by ekkl, January 11, 2015

    • position
    • relative
    • absolute
    0 votes
    11 answers
15. Блокируется ли загрузка страницы

    Хотелось бы проконсультироваться вот по какому вопросу. Мне известно, что JS-скрипт, расположенный на удаленном интернет-ресурсе и подгружаемый на html-страницу вот так: <script src="https://www.example.com/copy.js"></script>сделает невозможным загрузку html-страницы до тех пор, пока целиком не выкачает JS-скрипт с удаленного ресурса, который, возможно, сильно тормозит. Таким образом, загрузка пусть и небольшой html-страницы значительно затянется. Вопрос, будет ли блокироваться загрузка html-страницы, если браузер встретит теги: <img src="https://www.example.com/mini.png" /><div style="background: url(https://www.example.com/copy.css)"></div…

    Asked by hike, January 13, 2015

    0 votes
    11 answers
16. Как сделать такое?

    Как сверстать такую штуку как на картинке? https://2.downloader.disk.yandex.ru/preview/bb355da3b29f1b14faf0a5b771c05c0f/mpfs/GQ_v0KAbgGFSicJ5IvYx1SuMQJ98KJdfNviSWtAErdtct6q1Q7ycULrlHkrmLsgSlnc0k0gAbTCC3DnDIPb3sA%3D%3D?uid=45017258&filename=2123jpg&disposition=inline&hash=&limit=0&content_type=image%2Fjpeg&size=1003x795 если код приведете будет хорошо, если нет, то хотя бы на словах сказать как можно реализовать

    Asked by kolhoz, January 13, 2015

    0 votes
    11 answers
17. Требуются советы верстальщиков с опытом.

    Всем привет. Народ. У меня такои вопросы: 1) Какие преимущества дает бустрап и нужен ли он вообще верстальщику на фрилансе? (просмотрел с десяток роликов и не понял в чем его преимущество.) 2) Есть ли смысл использовать препроцессоры(напирмер SASS) в своих проектах на фрилансе и насколько это сейчас востребовано? (как я понимаю обычный фрилансер с небольшим опытом такой проект уже будет не в состояннии доработать?) 3) Какие способы CSS(или возможно HTML) опимимизации кода существуют на сегодняшний день? (читал в некоторых источниках, что перед продакшином код необходимо в идеале оптимизировать.) 4) существует ли какой то механизм по определению того, сколько кода в тв…

    Asked by Yamaradg, January 18, 2015

    0 votes
    11 answers
18. Три колонки с двумя резиновыми

    Привет. Мне нужно сделать три колонки: 1 2 3. Первая с левого края резиновая — по ширине текста внутри неё. Вторая резиновая от первой до третьей. Третья с правого края — её можно считать фиксированной, допсутим, шириной 100 пикселей. Хоть тресни — не понимаю как сделать, хотя кажется, что вообще всё элементарно. Прямо хоть таблицей делай. Я выжил из ума или это и правда как-то нетривиально?

    Asked by Veseloff, January 28, 2015

    0 votes
    11 answers
19. наложить размытие на изображение

    помогите пожалуйста решить проблему есть картинка, нужно на её часть наложить сверху размытый зелёный фон. в результате выглядеть должно так я пытался решить проблему, применив фотошоповский фильтр "размытие по гауссу" к зелёному фону из исходника. так же пробовал применить css-свойство filter. в результате не решил проблему(есть эффект наложения зелёного стекла, но нет именно размытия). вот jsfiddle

    Asked by cyklop77, February 12, 2015

    0 votes
    11 answers
20. Футер съехал вправо

    Подскажите, пожалуйста, почему футер съехал вправо и находится не внизу страницы. И слева серое поле как убрать(после кнопки дизайнерам)http://www.mix-mart.ru/Roto-door.html html,body{ height:100%; margin:0; padding: 0; background:#fff;}#body{height:100%;height: auto; min-height: 100%; }#container{height:100%; background:#e6e6e6; width:1000px; min-height:1670px; margin: 0 auto; padding-bottom:30px; }#footer{ clear: both; position: relative; z-index: 10; background:#ddd; float:right; width:1000px; height:30px; font:12px Verdana, Arial, Sans-Serif, Helvetica; text-align: left; padding:14px 20px 0 0; margin:0 12px 0 0; margin-top:-30px;}#f1{ float:lef…

    Asked by Савоини Анастасия Андреевн, February 24, 2015

    • Футер внизу страницы
    0 votes
    11 answers
21. display: inline с padding на следующей строке

    Здравствуйте! Необходимо залить фон текста по его ширине каждой отдельной строки. То есть, есть у меня заголовок в блоке, который не влезает по ширине, часть заголовка переносится на следующую строку. Но необходимо, чтобы заливка была только по ширине текста а не по ширине всего блока, по типу выделения текста курсора. Как это сделать я разобрался - display: inline. Только есть одна проблема - padding. Он установлен слева и справа, вот только вторая и последующие строки его не имеют, так как это единая строка и отступ будет только вначале и в конце. Можно как-то сделать, чтобы отступ был и на следующих строках. Понять сложно, поэтому прилагаю иллюстрацию

    Asked by Torawhite, March 23, 2015

    0 votes
    11 answers
22. Среда разработки вэб-верстальщика

    Кто чем пользуется? Какие программные инструменты используете для вэб-разработки? Что используете, чтобы облегчить себе жизнь? Поделитесь опытом. ))

    Asked by kidrock, March 27, 2015

    • софт
    0 votes
    11 answers
23. Градиент в Хроме

    Сделал такой простой градиент. http://jsfiddle.net/1k7arm03/ В Хроме и Опере возникает странная проблема - градиент оказывается сдвинутым в некоторых местах, особенно это заметно при открытии на весь экран или изменении размера окна. Помогает добавление координат 0 1px или 1px 0 или что-то ещё, но не 0 0. Что за странный баг, кто знает?

    Asked by Vlad, April 1, 2015

    0 votes
    11 answers
24. Иконки под новостью или CSS background

    Я сделал и хочу использовать иконки для новостей сайта: Я собрался это делать при помощи следующего кода: HTML <div class="cdetails">{link-category} <span class="inviews">{views}</span> <span class="inauthor">{author}</span> <span class="indate">{date}</span> <span class="incomments">{comments-num}</span></div>CSS .cdetails span {padding-left:16px;margin-right:16px;background:url(../images/icons.png) 10px 10px left center no-repeat;}.inviews {background-position:0 0;}.inauthor {background-position:0 0;}.indate {background-position:0 0;}.incomments {background-position:0 0;}Однако сами иконки на сайте не отоб…

    Asked by iBars, April 28, 2015

    0 votes
    11 answers
25. Две фоновых картинки (вверху и внизу)

    Нужно сделать так, чтобы вверху странички была одна фоновая картинка, а внизу - другая. Посмотрел, поискал где и как это сделано, не нашел ничего лучше чем так: <body style="background:url('img_bottom.jpg') no-repeat bottom middle"> <div style="background:url('img_top.jpg') no-repeat top middle"> тут содержимое странички </div></body>Вопросы: 1. Почему в примерах, что я нашел, во внешнем контейнере задается нижняя фоновая картинка, а во внутреннем - верхняя, а не наоборот? Так чем-то лучше или совершенно безразлично? 2. Есть ли более простой способ задать две фоновый картинки? З.Ы. не middle а center, спасибо!

    Asked by rgl, April 28, 2015

    0 votes
    11 answers