HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Вёрстка паджинатора с переменным количеством страниц
Привет. В общем столкнулся с задачей от дизайнера, которую вообще не понимаю как решить. Необходимо запилить паджинатор (то есть постраничную навигацию) Вот условия: 1. Страница резиновая. Немного упрощает жизнь то, что она не полностью резиновая, а от 1000 до 1300, но ширина переменная. 2. Ссылочек надо показать столько, сколько влезает на отведённое место, которое резиновое. 3. Если не выводится первая или последняя страница, то активная страница должна быть по центру, а справа и слева должны быть многоточия. 4. Если показывается первая или последняя страница, то точки только с одной стороны. Прилагаю скриншот. http://borber.ru/htmlbook/paginator.png У кого есть какие у…
0 votes9 answers -
Запуск анимации при прокрутке страници
Подсобите ребята! Имеется анмированные стили, запускается так: <div class="fadeIn"><!-- подключение стиля анимации для логотипа --><img src="images/logo-big.png" width="80%" alt=""></div>Все работает на ура но при загрузке странице, но вот дело какое, хотелось бы прикрутить скриптик который бы запускал, анимацию при достижения прокрутки определенного расстояния. Желательно еще один скрипт на все анимации на странице что бы там и растояние срабатывания разное было. Заранее благодарю!
0 votes1 answer -
Не открывает сайт в Chrome
Здравствуйте. Сегодня заметил что Chrome не подгружает стиля сайта, в Firefox все работает, чему может быть причина ? В консоли ошибок нету http://omega24v.esy.es
0 votes3 answers -
Сайт отображается некорректно при большом разрешении экрана.
Работаю над первым своим сайтом и столкнулся с такой проблемой - при разрешении свыше 1366х768 сайт отображается некорректно (съезжает влево). Сайт - betonzavod-spekt.ru Буду благодарен, если кто-нибудь подскажет, как это исправить.
0 votes2 answers -
Помогите чайнику
Я создал свой первый сайт с нуля, но когда стал заливать на бесплатный хостинг понял, что слишком много файлов html. Посмотрите пожалуйста и скажите что делать(с пк у себя запускаю, всё оки). Приложу скрин и ссылку на скачивание архива с сайтом CSS присуствует (Если написал не в тот раздел прошу прощения, ибо не знал куда написать). http://rghost.ru/6J4pMM7rx- ссылка на скачивание архива. Может проверить на dr.web Вирусов не имеется.
0 votes3 answers -
На Brackets LivePreview открывается норм а если так открыть лажа..
Привет ребята! Я вообще в расстерянности, сверстал все через Brackets LivePreview отработал все через Хром и после когда все сверстал открываю без LivePreview от Brackets на том же хроме только теперь через не Brackets а через индексный файл смотрю и вижу никакие стили не работают. Фоновый изображение не действуют хотя все в стилях прописано и все файлы на месте. В чем проблема помогите.
0 votes3 answers -
h1 внутри main или снаружи
С точки зрения семантики как правильно делать: <main><h1></h1></main>или <h1></h1><main></main>
0 votes1 answer -
Безопасные web-шрифты
Не могу вспомнить адрес сайта, на котором был список шрифтов и их доступность на разных платформах. Хочу подобрать шрифты с засечками и без, чтобы они были установлены на максимальном количестве систем.
0 votes2 answers -
Помогите найти решение для верстки "хитрого" элемента
Добрый день, ситуация на скриншоте. Нужно чтобы при наведении на пункт меню, слева была не оранжевая полоска (фон), а прозрачность, которая бы действовала и на нижний слой (красный) всего блока с меню. Т.е. чтобы был виден фон сайта. Возможно существует какое-либо решение для таких вещей..
0 votes3 answers -
Извлечь нужные значения из HTML страницы
Помогите пожалуйста с кодом для консоли браузера. Вот страница http://proxyb.net/proksi_rossiya_besplatno.html Мне нужно скопировать все прокси из первого столбца IP:Порт вставить в текстовый файл Для этого нужно убрать всё лишнее, оставить только значения в формате ХХ.ХХ.ХХ.ХХ:хххх Важно, чтоб каждая прокси была с новой строки - одним столбцом. В итоге должно получиться так: 1.169.198.197:80 1.162.34.57:80 1.93.2.191:3128 120.195.205.99:80 120.195.194.56:80 и так далее. главное чтоб можно было всё скопировать и вставить в текстовый файл. Заранее огромное спасибо!
0 votes0 answers -
запретить доступ к элементам через tab
когда я делаю стандартное диалоговое окно с затемнением фона, фон закрывает все окно и не дает доступ через мышку ко всем фоновым элементам. но через tab к ним все равно можно получить доступ. как от этого избавиться?
0 votes6 answers -
Треугольник-стрелка средствами css
Здравствуйте! Подскажите, как сделать, чтобы треугольник-стрелка перекрывала border (см. картинку, как должно быть ) ? z-index почему-то не помогает... У меня получилось так
0 votes3 answers -
В firefox пропадает часть страницы
Здравствуйте. Есть шаблончик: http://template-preview.ru/OS/3001108571/ В firefox не отображаются картинки в середине страницы. Помогите понять в чем проблема.
0 votes2 answers -
автоматические методы в js
подскажите пожалуйста есть ли в javascript-объектах методы, которые автоматически выполняются при создании и уничтожении объекта? типа init() и final();
0 votes1 answer -
Чередование значения переменной в цикле
Здравствуйте, подскажите пожалуйста... Есть переменная со значением 1 и есть цикл, в моём случае while. Как сделать так чтобы после первой итерации цикла переменная стала со значением 2 а потом уже с последующей итерацией опять 1 и так до бесконечности? То-есть нужно чтобы было что-то типа такого: 1 2 1 2 1 2 ... В голову пока никаких идей не пришло но подозреваю что данная вещь легко реализуется, может функция какая то есть. Спасибо за внимание!
0 votes9 answers -
Помогите разобраться с веб-шрифтами.
Здравствуйте! Читаю руководство "Большая книга CSS3" и дошёл до шестой главы "Форматирование текста". Пробую импортировать шрифт, но... сталкиваюсь с тем, что браузер не понимает этого... либо я что-то не так делаю. Вот код: <!DOCTYPE html><head><meta charset="utf-8" /><title>CSS Typography</title><style>body{font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}.two @font-face{ font-family: "League Gothic Regular "; src:url(font/leaguegothicregular-webfont.ttf);}</style></head><body><p>Первое</p></body></html>Что я не так делаю? Браузеры: F…
0 votes2 answers -
событие change для select, когда нет изменения
Подскажите, как поймать событие, когда пользователь в элементе select выбирает option, который уже был выбран до этого. Вот если он option с каким-то другим value выбирает, то срабатывает событие change, а как поймать, если value то же самое?
0 votes4 answers -
Поделитесь опытом
Доброго времени суток. По неопытности не получается сверстать элемент http://static2.keep4u.ru/2016/02/07/BEZIMENI-2.jpg Проблему вижу в том, что не понимаю каким должен быть конечный результат,то есть что ссылкой а что просто статическим элементом. Буду признателен,если кто-то накидает свой вариант
0 votes3 answers -
2 footer'а и масштабирование ширины в Bootstrap 3
Делаю первый раз верстку под bootstrap — решил осваивать фреймворк и все такое. Проблема — «плывет» при сужении экрана. Он высокий, 400px, фоном стоит картинка. При сужении экрана столбцы, которые не помещаются по ширине, уходят вниз, но картинка не «размножается» по вертикали (вариант repeat-y не срабатывает так, как надо). Далее, под футером стоит еще одна строка (div height:80px) более темная по фону (в ней копирайты). При сужении экрана она не уходит вниз под все выстроившиеся вертикально колонки footer, а остается «прилеплена» к нему снизу, таким образом частично закрывая столбцы футера. Вот нормальный футер, который задуман: А вот после сжатия экрана: В вариан…
0 votes0 answers -
стоит ли спользовать EasyUI
Всем привет, Попалась мне такая либа EasyUI (jeasyui.com) и заинтересовала : я php/mysql/javascript программист и зачастую, занимаясь разработкой сайтов, хочется меньше заморачиваться версткой страниц(как бекэндов так и фронтендов), но при этом чтобы мои страницы нормально выглядели (в том числе и с поддержкой Bootstrap-а). HTML я знаю неплохо, но верстка страниц - это несколько иное. Помогла бы мне эта либа ? Если да, то лучше ли использовать html или javascript код для декларации компонентов? Может есть какие более удобные(функциональные и простые в использовании) либы для этого ? Спасибо!
0 votes1 answer -
необьяснимый z-index
Здравствуйте. Разъясните пожалуйста свойства z-index. Как то не логично он себя ведет в комплекте с :before и :after http://codepen.io/mikhail09/pen/WrYvdb Почему желтые квадраты сверху вопреки z-index? если убрать з-индекс у дива и прописать в after z-indez: -1; все отображается как надо? http://codepen.io/mikhail09/pen/KVrpez
0 votes20 answers -
Анимация фиксированного меню
Здравствуйте. У меня есть два фиксированных меню. У первого высота 150рх и видно оно сразу на странице, а когда пользователь прокручивает страницу меню уменьшается до 60рх. Мне нужно сделать так, что бы маленькое меню выезжало с верху страницы. Примерно как на этом видео: Если есть готовый скрипт, буду благодарен. upd. Задача немного изменилась, нужен эффект fade in , fade out
0 votes4 answers -
Адаптивность хлебных крошек
Здравствуйте коллеги! На мелких экранах слишком длинное название в хлебных крошках не влезает в экран Пример Эта же страница на экране мобильного - направьте пожалуйста в нужное русло !
0 votes3 answers -
закрывающие тэги, html и xhtml
скажите, почему когда я пишу <script src="jquery-2.2.0.js"/>вместо <script src="jquery-2.2.0.js"></script> у меня страница просто не загружается? неужели в HTML запрещено сокращать пустые элементы также как в XHTML? и какой DOCTYPE я должен указать в этом случае? или это только с тегом scritpt так причем даже в XHTML?
0 votes6 answers -
Масштабировать код шаблона
Здравствуйте! Есть HTML, CSS страницы, всё вроде нормально, но при сжатии окна браузера до максимума, внизу появляется скрол (ползунок, прокрутка). Как и сообщил ранее - всё вроде сделал, но что-то мешает, может margin, padding где-то проглядел. Просьба подправить с пояснением что и куда. Адаптация под мобильники, планшеты и т.п.
0 votes1 answer