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
-
Работа с таблицей, эфект при наведении на ячейку
Есть некая таблица http://jsfiddle.net/shjtjhpg/ как сделать чтоб при наведении на ячейку менялся цвет фона всей строчки, но кроме заглавной .? У себя на сайте я делал эффект, но все строчки меняли цвет,никак не мог разобраться с первой (( ..
0 votes4 answers -
Подскажите по вёрстке
В чём может быть проблема в вёрстке, при уменьшении экрана после 990px контент фиксируется на 990px и появляться прокрутка. Это правильно, но меню всё равно продолжает уменьшаться, в чём может быть проблема? На скриншоте пример вывода Файлы вёрстки можно посмотреть тут: https://yadi.sk/d/eW--fg1UftBKG Помогите решить проблему кто знает, уже голову сломал с этим
0 votes3 answers -
Запустить счетчик после клика
День добрый. Вот пример http://codepen.io/npofopr/pen/vNBabW animateNumber "запускает" счетчик по загрузке страницы. А как сделать так, чтобы счетчик запускался по клику на ссылке, но если ссылка уже active, то счетчик бы сразу запускался. Пробовал вот так и много ещё как (что получалось нагуглить): if ($('.tabs__content').hasClass('active')){ $('#lines1').animateNumber({ number: 69 });};$('lines2-btn').on("click","#lines2-btn:not(.acitve):not(.disabled)", function() { $('#lines2').animateNumber({ number: 69 });});$('#lines2-btn').click(function(){ $('#lines2').animateNumber({ number: 69 });});Но не срабатывает. Просто по клику срабатывает, но не полу…
0 votes2 answers -
Проблема в JS, скролл табов
На этой страничке http://zimnitskiy.com/peregrin/one-direction.html есть табы, которые скроллятся вместе с контентом, а на последнем табе их скролл прекращается и дальше скроллится только контент. Использовал скрипт отсюда http://shpargalkablog.ru/2013/09/scroll-block.html, последний вариант. Всё работает, но есть баг, который заключается в том, что когда контента не хватает для скролла, на ul где эти табы остается класс "stop", который вешает скрипт выше для его работы. Этот класс фиксирует блок и добавляет свойство top равное проскроллиному непроблемного таба. Т.е. когда контента хватает для скролла класс убирается или меняется на другой "sticky"…
0 votes1 answer -
Как лучше сверстать?
Как лучше всего сверстать данную секцию? Чтобы и адаптивить было не сложно.
0 votes2 answers -
Фоновая картинка
Как сделать так, чтобы фоновая картинка страницы растягивалась по всей ширине и высоте, и не повторялась?
0 votes1 answer -
вопрос этики что ли
Друзья! Как думаете...вот стоит ли использовать изображения такого вида, когда на самом деле фирма занимает пару кабинетов, в ней работает всего несколько климаксных женщин, и встречи проводятся в убогом помещении - "офисе" мне кажется, использовать такие картинки - жалко? или типа - маркетинг?
0 votes9 answers -
Картинка на сайте
Делая своё сайт, наткнулся на проблему, почему-то не показывает картинку! Вот строчка <img src="header.jpg" alt="Логотип"> Вот! Не показывает кртинку, но показывает альтернативный текст! В чём дело?
0 votes7 answers -
Как установить шрифт в html документ.
Да я чёт найти не могу, где про это говорят, а через поиск выдаёт font-family но font вродежь устаревший тег? В общем, как вставлять шрифты в xhtml код?
0 votes3 answers -
Странные вещи творятся с изображениями в IE7
Я пользуюсь windows XP и время от времени тестирую макеты в IE7. Я уже парочку макетов сверстал и везде одна и та же проблема: почему-то изображения в IE7 отображаются иначе, чем в Firefox, в результате элементы не совпадают. В Firefox такой проблемы нет. Сделал скриншот: Вопрос: в чем проблема? Как её решить?
0 votes7 answers -
css3 слайдер (не могу заставить остановиться)
В общем беда такая: Сделал я слайдер который отображает сразу 2 картинки рядом. И смещаются они по одной. все хорошо. Но надо сделать так чтобы при наведении курсора они замирали ВСЕ. А пока что у меня замирает только та из двух, на которую навел мышкой (:hover). Остальные продолжают двигаться. в результате происходит разброд и шатание. http://jsfiddle.net/Elizaurus/qccag8x1/4/
0 votes2 answers -
Применение стилей и их отмена для фрагмента
Здравствуйте. На странице есть боковая колонка, к которой применяется стиль , он подтягивается из единого файла style.css (сайт на wordpress) При правке контента в этой боковой колонке, там отображается только выводимая информация для посетителей (ссылки) Ниже решил добавить еще одну ссылку, но не хочу, чтобы к ней применялся стиль.Можно ли как-то для этой ссылки указать что-то типа "style= none"
0 votes3 answers -
html5 в дизайне интернет магазинов
Здравствуйте. Подскажите пожалуйста такую вещь, я решил сделать новый шаблон для старого интернет магазина с использованием тегов html5 для более ясного семантического понимания поисковыми системами(да и нужно идти в ногу с современными тенденциями ).Открыл я перечень html5 тегов вот тут http://htmlbook.ru/html5 Сижу читаю про каждый, думаю какой куда применить. Возникло несколько вопросов, допустим очень интересует оберточный тег для карточек товара на страницах категорий, раньше это был обычный див(часто встречаю что подобное оборачивают в тег li, не знаю на сколько это правильно, в нем идет фотография товара, описание, цена и форма с кнопками, многовато как-то для li …
0 votes2 answers -
Верстка формы
Есть в макете форма, в которой поля расположены следующим образом: Как разместить поля в таком порядке. Для label я пишу display:block, чтобы они были над полями. Если для первого input прописать float-left, то второй input располагается чуть ниже первого. Как это можно правильно сверстать? Вот код формы: <form class="orderform" method="" action=""> <label for="user-name">Ваше имя</label> <input id="user-name" name="user-name" value="" type="text"> <label for="phone-number">Ваш телефон</label> <input id="phone-number" name="phone-number" value="" type="text"> <input type="submit" value="Вызвать мастера"></form&…
0 votes4 answers -
Как применить стиль к лейблу чекнутого инпута?
Как сделать, что если выбрана радиокнопка, тогда лейблу присвоить такой-то стиль? <div class="radio"> <label><input name="option[10]" value="45" type="radio">50</label> </div> недавно задавал похожий вопрос только там была картинка, а не цифра input[type="radio"]:checked ~ img { Попробовал по аналогии: input[type="radio"]:checked ~ label { но не сработало
0 votes1 answer -
Как в css прописать стиль текста для UL?
Здравствуйте, в верстке я новичок, поэтому не судите строго за вопрос. Сейчас я работаю над сайтом на WP. Мне нужно задать размер шрифта для всех элементов UL на страницах сайта. Как это лучше сделать?
0 votes1 answer -
Проблема с высотой блока
beta.remodelzz.com/professionals Если в правой форме в select выбрать пункт "Contractor(any)". Добавляется новое поле в форму, и прыгает некрасиво высота всей страницы. Если например форме задать фикс высоту, то внизу белое пространство остается некрасивое. Может кто-нибудь подскажет красивое решение, спасибо
0 votes4 answers -
Кодировка UTF-8
Использую следующий доктайп <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> Код пишу в блокноте, сохраняю файл в кодировке ANSI При проверке в браузере телефона на странице отображаются знаки "?" вместо текста. При сохранении файла в UTF-8, страница отображается нормально. Вопрос: почему? Ведь в доктайпе кодировка указана.
0 votes1 answer -
Страница открывается только один раз
Здравствуйте ! Помогите пожалста чайнику. Делаю на сайте соц. сеть для рыболовов и наткнулся на такую проблему. Страница просмотра профиля участников открывается только один раз. Для того, чтобы просмотреть второй раз, или следующего участника, нужно выйти из сайта и снова войти. Иначе покажет... ( Not Found The requested URL /my_org//vasil was not found on this server. ) Вот код страницы, может кто подскажет в чем дело, что нужно изменить в коде, или в базе данных ? А здесь наглядный пример (испытательный) http://www.rybalka24.de/my_org//index.php <?php ////////////////////////////////////////////////////////////////////////// // my_profile.php // ///…
0 votes5 answers -
деление пространства меж обектами
скажем есть div c вложенными в него 3 других контейнера div как сделать так чтобы один из вложенных имел определенную ширину (в пикселях) и находился по середине (меж осталных) а остальные поделили оставшееся пространство (от родителя) в соотношение 1 к 2
0 votes5 answers -
Вопро по CSS
Я сделал в Photoshop'e ресунок и разделил его на три части вверх, середину и низ, вопрос как этот все объеденить в мести?
0 votes6 answers -
background в iframe
такая вот проблема: есть страничка с рисунком (градиент зеленоватый такой), в левой части находится iframe с текстом внутри. В мозиле и опере все нормально (фон "общий") а вот в IE фон - белый цвет. если сделать в страничке, которую подключаем в iframe, фоном этот градиент, то это очень заметно, виден кусок с другого места. как решить проблему?
0 votes1 answer -
Сколько резать картинку в px для фона сайта?
Мне надо сделать фон. Некоторые говорят надо резать в ширину 1px что больше не имеет смысла, а некоторые думают наоборот. Кто прав и сколько px брать? Заранее спасибо!
0 votes4 answers -
Мистика в IE 8
Здравствуйте. Не могу понять с версткой одну мистику: IE 8, имеются два одинаковых селекта для которых прописаны свойства position: relative и left: 20px. Один из них отображается корректно, а второй съезжает, самое интересное когда в инструментах разработчика для кривого селекта убираешь галочку с left: 20px, а потом сразу же ее возвращаешь, при этом по сути ничего не поменяв - selectы становятся на свои места. Вот как так? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=…
0 votes9 answers -
vertical-align в div
<div class="head"> <img src="img/Logo.gif" width="57" height="56" class="logo">Сайт </div> #head { width:500px; height:70px; background-image: url(../img/bg_l.jpg); background-repeat: repeat-x; } .logo { position: relative; top:5px; left:0; } Как сделать вертикальное выравнивание слова: "Сайт" по ценрту. vertical-align, padding - не работают... Если что-то не так, извините, сегодня прошел курс css
0 votes6 answers