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
29,542 questions in this forum
-
Как сделать у меню вот такой угол закругленный ?
Подскажите как сделать вот такой закругленный угол ? http://pixs.ru/showimage/herdesigns_2623263_16167245.jpg
0 votes3 answers -
Как решить проблему с z-index?
Доброго времени суток! Попробую сформулировать вопрос. Есть меню, при наведении на пункты появляется выпадающее меню. Проблема в том, что меню выпадает при изменении координаты top и свойства transition и является дочерним элементом меню главного, поэтому получается перекрывание и z-index не помогает (здесь эта проблема подробно описана). Как решить такую задачу? Пример
0 votes1 answer -
HTML разметка по методологии БЭМ
Доброго времени суток! Осваиваю верстку по методологии БЭМ. Не совсем понятно как делать HTML разметку. Как я понимаю нужно именовать классами все теги и при этом все блоки состоят из элементов, дальше все элементы состоят из блоков, далее эти блоки состоят из элементов, далее эти элементы состоят из блоков и так далее? То есть непонятно как определить где блок а где элемент, согласно вложенности? Вот так например правильно? http://codepen.io/Andre_w/pen/EaLVJW?editors=100 Правильно я понял разметку по БЭМ или не совсем?
0 votes4 answers -
как сделать чтобы отображались 2 иконки
Всем привет, Подскажите, плиз, у меня отображабтся данные с полями type, status и в зависимости от значений этих полей надо отобразить иконку С иконкой для каждого из них по отдельности без проблем : .fc-event-custom-service { background-color: #3aad8b !important; border: none !important; background: url('/static/images/appointment.png') 40% 40% no-repeat; background-position: right top;}.fc-event-status-Confirmed { background: url('/static/images/appointment_confirmed.png') 40% 40% no-repeat; background-position: right top;}.fc-event-status-Cancelled { background: url('/static/images/appointment_cancelled.png') 40% 40% no-repeat; background-p…
0 votes6 answers -
SEO frendly перемещение блоков
Добрый день. Есть известная фишка о том, что для SEO полезно, чтобы текст содержащий ключевые слова был как можно выше по коду страницы, таким образом робот присвоит ему более высокий коэффициент значимости и в целом это даст положительный эффект. Из соображений красивости дизайна у меня есть необходимость того, чтобы перед этим самым "ключевым" текстом (выше него на странице) шел достаточно большой, но бессмысленный с точки зрения SEO блок. Так вот, есть ли возможность поместить этот блок по коду ниже, но так, чтобы он выводился на странице выше и при этом влияние используемых средств (z-index или что-то другое) не оказало негативного воздействия на продвижение в целом?
0 votes0 answers -
плагин для проверки размера и формата файла
посоветуйте пожалуйста js-плагин, который имеет штатные методы проверки формата и размера загружаемого через форму файла. не jqueryvalidate
0 votes1 answer -
Фиксированный блок по центру экрана
Можно ли сделать фиксированный блок по центру экрана без дополнительной обёртки? Делаю так: nav{ position:fixed; width:100%; height:32px; max-width:1000px; margin:0 auto; top:0;}И оно не работает. А как правильно не соображу.
0 votes2 answers -
schema.org + xhtml
Стоит ли на сайте написанном на xhtml 1.0 Transitional внедрять schema.org. Я внедрил и W3C выдал её всю как ошибки.
0 votes3 answers -
jivosite
кто-нибудь устанавливал на свой сайт мессенджер jivosite? на сайте, который я поддерживаю этот мессенджер предлагает вбить свой эмайл и отправить сообщение, но раньше окошко мессенжера само открывалось и предлагало пообщаться без свяких эмайлов скажите пожалуйста, значит ли это, что оператора нет на связи(как я понял, оператор устанавливает программку в свою ОС) и как только он подключится, то это окошко перестанет запрашивать эмайл?
0 votes2 answers -
Кастомизация input type="number"
Нужно сверстать вот такое: Подскажите, как это сделать? Ничего не нагуглила, к сожалению.
0 votes4 answers -
Прошу помощи в понимении меню
Добрый день. В интеренете нашел статью о создании мега меню http://ruseller.com/lessons.php?rub=2&id=750 мне не ясен смысл использования некоторых CSS парамеров: Например: #menu li { ... display:block; ... } я понимаю что это свойство display:block; делает из #menu li блочный элемент, но зачем? Если мы его таковым не сделаем, li будет вести себя иначе?
0 votes5 answers -
Неопределенная ширина блоков
Есть меню из блоков, часть фиксированной ширины и один плавающей, как сделать чтобы список блоков занял все 100% ширины? http://jsfiddle.net/sx88yeah/2/
0 votes2 answers -
как вставить текст снизу на фоновое изображение
<!DOCTYPE html> <html> <head> <title>Создание Сайтов</title> <meta charset="windows-1251"> <link rel="stylesheet" href="css/main.css" type="text/css"> </head> <body> <div id="page_aligen"> <div id="shapka"> <a href="Glavnaya" class="cvet" >Главная </a> <a href="Ceni" class="cvet">Цены</a> <a href="Docky" class="cvet">Документы</a> <a href="kontakti" class="cvet">Контакты</a> <a href="Npishute" class="cvet">Напишите нам</a> <a href="Zakaz" …
0 votes3 answers -
начать изучение php
День добрый Лирический отступ - сейчас нахожусь в поиске работы, обьективно оценивая свои знания и умения, гожусь на практиканта/ junior-a, тобишь начальный уровень. Активно изучаю HTML/CSS, есть опыт написания и внедрения простеньких js скриптов, прикручивания на страницу jQuery- слайдеров, галерей, отправки данных, полученных из формы на почту, с помощью php. Собственно здесь и начинается проблема - практически во всех вакансиях, учитывая размер моего города, требуются не только знания html/css, но и знания php. требуемый уровень - разный, но повторюсь, практически везде он нужен. Я же с php знаком сугубо на начальном этапе - когда изучал движки Wordpress и Joomla - ин…
0 votes6 answers -
Верстка такого пути по сайту
Добрый вечер! Нужно сверстать вот такое: Моя верстка здесь: http://jsfiddle.net/e4z1bLrf/ Не получается у серого треугольничка сделать еще темную рамку, чтобы он не сливался с фоном соседнего пункта. Пожалуйста, помогите.
0 votes8 answers -
Не работают px в градиенте
Не получается задать в пикселях, только в процентах: работает:background: -webkit-gradient(linear, 30% top, 60% top, color-stop(33%,#ff0000), color-stop(33%,#ffffff), color-stop(54%,#ffffff), color-stop(54%,#ff0000));не работает:background: -webkit-gradient(linear, 300px top, 600px top, color-stop(33%,#ff0000), color-stop(33%,#ffffff), color-stop(54%,#ffffff), color-stop(54%,#ff0000));
0 votes2 answers -
контент блоков скрывается, если высота блоков в процентах
Есть такая конструкция: <div class="contaner"> <div class="header"></div> <div class="content"></div></div>html, body, .container {height:100%}.header{height:30%}.content{height:70%}Если сильно уменьшить браузер по высоте, header становиться настолько маленьким, что его содержимое скрывается. Можно ли сделать, чотбы блок по высоте не становился меньше, чем его содержимое.
0 votes4 answers -
вопрос кросс-браузерной верстки блока absolute
Здравствуйте уважаемые форумчане. Проблема заключается в не переносе текста на след строку в браузере хром. в остальных переносится нормально. Что нужно добавить в свойства <h1>, чтобы все отображалось корректно? http://auto-rentgarant.com.ua/ru/catalog // пациент, .products ul li .info { position: absolute; left: 300px; top:0px; font-size: 12px;}.products ul li .info h1 { //кусок подозреваемого кода margin: 13px 0 5px 0; padding: 0; font-size: 14px;}.products ul li .info h1 a { color: #000; text-decoration: none;}.products ul li .info h1 a:hover { text-decoration: underline;} https://yadi.sk/i/Zd8OeKy-ekwp8 - н…
0 votes6 answers -
Несколько выпадающих чекбоксов на одной странице
Здраствуйте! Верстаю админку и столкнулась с такой проблемой. Нужно реализовать несколько выпадающих чекбоксов на одной странице. Скрипт я подключила и адаптировала, но возникает проблема что раскрыт чекбокс перекрывает нижние элементы. Как решить эту проблему я без понятия, попыталась сделать банально обертку - не подходит. Плюс возникла проблема, другие элементы формы немного съезжают((( http://clip2net.com/s/3cIFUf8 Возможно кто-то сталкивался с подобной проблемкой. Буду очень благодарна за Ваши комментарии. П.С. Скрипт взяла отсюда http://codepen.io/ElmahdiMahmoud/pen/hlmri
0 votes2 answers -
пропорциональное изменение размера картинки в резиновом блоке
помогите пожалуйста решить проблему есть резиновый блок из 3 картинок. при уменьшении ширины окна браузера ширина картинок уменьшается, но высота не уменьшается. а хотелось бы чтобы при уменьшении ширины экрана ширина картинок уменьшалась и высота картинок тоже уменьшалась пропорционально ширине сервер отдаёт картинки в размере 290x145 px. но это можно изменить. использовать бутстрап и прочие фреймворки нельзя. использовать лёгкий нативный js можно, но не жалательно
0 votes6 answers -
div внутри head
Можно ли и будет ли работать, если я вставлю в head тег div и оберну ещё им тег link?, то есть вот так: <head> <div class="myBlock"> <link href="styles.css"> </div></head> Только, пожалуйста, не спрашивайте зачем, мне просто надо знать и все тут... Спасибо.
0 votes5 answers -
[Таблица] Как разбить ячейку на две строки?
Всем привет. В общем виде код шапки первого варианта выглядит так: <tr> <td>/<td> <td></td> <td></td> <td colspan = "4"> </td></tr>Но мне нужно четвертую ячейку разбить горизонтально, чтобы было как во втором варианте. Как сделать?
0 votes2 answers -
Проблемы с установкой компонентов bower
Система - MacOSX 10.9.5 Git и bower как глобально установлен. Но если попытаюсь установить какой-нибудь компонент через bower install требует установить x-code который весить более 2 гига и нихрена мне не нужен. Есть ли какой нибудь способ решить проблему без установки X-code. Заранее благодарен. Скрин:
0 votes0 answers -
Размер верхнего отступа картинки от рамки bxSlider
Не поможет ли кто может сталкивался - есть такой бесплатный слайдер bxSlider http://bxslider.com Ставится он легко, в настройках все понятно, однако получаю такую картинку - сверху очень большой отступ картинки от вьюпорта, может кто сталкивался? как бороть? скрин прилагаю..... порылся в css слайдера - ничего не действет на проклятущий отступ
0 votes9 answers -
Кривое отображение таблицы в Firefox
Сверстал таблицу на сайт, во всех браузерах открывает корректно (даже в IE 6,7), a в Mozila FireFox (версия браузера 33.1.1) такое ощущение, что все рядки отображаются как столбцы. В чем может быть дело? Как выглядит в хрмое: http://kitmaker.tk/files/1.png Как выглядит в ФФ: http://kitmaker.tk/files/2.png Сайт: gl-hotelТОЧКАru/index.php/component/content/article/47.html
0 votes2 answers