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
-
Как сделать, чтобы ® было маленькое и сверху?
маленькое ® сверху справа, около товара как сделать в css? в html понятно <sup>®</sup> дело в том, что создаю пункт меню в джумле, там потому не html, а просто текстом ввожу название. вот можно ли как-то применить css именно к этому символу?
0 votes4 answers -
Макет HTML5
Посмотрите правильно ли я сделал заготовку для начала блога на HTML5 ? http://codepen.io/anon/pen/gPOxWb
0 votes4 answers -
Поведение вертикального меню оформленного через списки
Доброго времени! Я не так давно начал осваивать css и html в качестве хобби.И один момент меня озадачил, с чем прошу и помочь разобраться. Суть - вот есть меню, с подменю, которое динамически появляется при наведении на пункт меню. Оформленно тегами <ul><li></li></ul>. Вот ссылка на код: https://jsfiddle.net/ftgvod1t/ Наводим мышь на пункт "уровень1" и появляется подменю содержащее "уровни2". При этом контейнер <ul> растягивается по высоте (зеленый border). Но стоит в этом же примере задать высоту (width) для пункта меню верхнего уровня "уровень1" (да собственно всем <li> можно высоту задать) - то поведение…
0 votes0 answers -
Поделиться в соц. сети
Здравствуйте. У меня такая проблема, хочу сделать кнопку поделиться в соц. сети на этом сайте http://www.plusnol.ru/ при нажатии на которую отправлялся текст только тот который находится в блоке. Код я прописываю такой: <li style="display: block; border: 1px solid #000; padding:5px; border-radius:3px; margin-bottom: 10px;">Здесь текст который надо отправить<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script> <script src="//yastatic.net/share2/share.js"></script> <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,twitter,viber,whatsapp,telegram" data-size="s"></div></li&g…
0 votes0 answers -
Помогите с расположением элементов!
Здравствуйте! Подскажите как можно сместить иконку Facebook вправо а текст оставить слева чтобы потом иконки можно было добавить border. Вот код HTML <div class="item__price"> Цена по запросу <a href="" target="_blank"><i class="fa fa-facebook"></i></a> </div> Вот Css .item__price { padding: 5px; font-size: 16px; margin-bottom: 5px; color: #778899 }
0 votes2 answers -
Градиентное изображение
Вся шапка сайта это отдельный фрейм. В нем 3 рисунка. Первый логотип, второй логотип, а третий хочу растянуть на все оставшееся место. Проблема в том что сам фрейм уже подгружает файл css. И пробовал по всякому стандартными средствами. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <link rel="stylesheet" type="text/css" href="style.css"> <html> <head> <title>frlogo</title> </head> <body> <a href="index.html"><img src="logo.bmp" align="left" height="60" width="100" hspace="0" vspace="0" border="0"></a> <a href="index.html"><img src="logo2.bmp" align="left" height="60" widt…
0 votes0 answers -
Вопрос по таблицам!
Добрый день! У меня такой вопрос: Я пробую сделать сайт и столкнулся с такой проблемой. Когда делаю таблицу (тег table) получаются зазору в окне броузера и между таблицfvb - Как их убрать? http://testsait2010.narod.ru/index.htm И еще: Как меню которое слева подънять на верх и чтобы оно не опускалось с изменениями в среднем столбце? Спасибо!
0 votes1 answer -
Фотошоп
Фотошоп сохраняет из всех нарезанных слайсов только нарезанный последним. Как могут настройки вернуть к привычному ходу событий, т есть сохраняются все слайсы?
0 votes3 answers -
Подвал прижат к низу с повторяющимся background-ом
Уважаемые товарищи html-верстальщики и web-разработчики! Прошу вашей помощи! Фиксированный макет, подвал прижат к низу отрицательным marginом, html,body(height = 100%). Как задать для окна браузера повторяющийся бэкграунд на всю ширину и высоту страницы ?? Ведь высота получается ограниченной высотой body, а за её пределы выходит только фиксированный элемент, которые не на всю ширину. Посмотрел примеры, у всех сайтов, у которых подобный задний фон, у них футер не прижат к низу. но может есть какой то способ?
0 votes2 answers -
помогите с меню
нужно меню сделать по центру вот пример
0 votes3 answers -
Расположение блоков при блочной верстке
Здравствуйте, коллеги! При блочной верстке я использую способ position: relative и указываю пиксели и тд. Иногда у меня получается все разместить как нужно. Однако, это не выход, к каждому блоки использовать position. Какими способами вы пользуетесь?
0 votes2 answers -
Как сверстать меню под углом
Вот интересует вопрос как сверстать вот такое меню: то-есть как развернуть каждый пункт меню под определенный угол.
0 votes2 answers -
Как прописать стили отдельно для каждого браузера ?
Как прописать стили отдельно для каждого браузера ? А то у меня проблема, слева Мозилла и Опера, справа Хром Проблема на этом форуме http://forum.surgeryzone.net
0 votes1 answer -
непонятный отступ
помогите пожалуйста решить проблему нежелательного отступа верстаю почтовую рассылку. использую однопиксельную gif-распорку для позиционирования. при этом между этой распоркой и следующим элементом появляется отступ, который виден в ie6, ie7 и во многих почтовых клиентах при получении письма(например в yandex) dragonfly показывает непонятный символ пробовал в коде убирать все пробелы между тэгами, не помогло пробовал обернуть gif-распорку в контейнер со style="line-height: 0" , не помогло
0 votes3 answers -
Рамка вокруг сайта
Помогите, пожалуста,решить проблему. Я верстаю сайт сделан он слоями, и вроде бы все хорошо но вокруг сайта имеется рамка которую я никак не могу убрать, что делать ? Сайт: http://nagibin.freeopti.ru/ Таблица: http://nagibin.freeo...s/123/style.css Если все упростить и убрать лишки то код такой : <!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=cp1251" /> <title>Верстка от ICE</title> <link href="Nagibin/style.css" rel="stylesheet" type="text/css" /> </head…
0 votes2 answers -
Форма ввода из ниоткуда
Я начинающий верстальщик. Вот моя проблема. Есть html и css файл.Их содержание представлено здесь. На случай если не будет работать сайт вот фото: Как видите над таблицей появляется форма ввода. Если нажать сюда и кликнуть правой кнопкой мыши по форме ввода и выбрать "Проинспектировать элемент"(это в Опере, в Гугл Хром жмем "Просмотр кода элемента") то видно что поле ввода создано из-за строчки с тегом input. Подскажите как input влияет на поле ввода и как его убрать. Благодарю заранее.
0 votes2 answers -
Как реализовать подобный скролл?
http://i.imgur.com/VW0ODIL.png http://i.imgur.com/xHmw0of.jpg
0 votes4 answers -
Соответствие верстки и содержимого WYSIWYG редактора контента
Здравствуйте! Часто контентщики сайта жалуются, что содержимое контента страницы в WYSIWYG редакторе в админке (например TinyMCE) отображается не так как на фронтэнде (например, отступы между абзацами в WYSIWYG редакторе отображаются, а на сайте это в стилях может быть не прописано). В связи с этим вопрос: затачивают ли верстальщики верстку под WYSIWIG редактор контента и существует ли некий набор общих правил и стандартов для WYSIWYG редакторов или же надо для каждого сайта настраивать редактор контента под верстку этого сайта, но тогда тут тоже должен быть некий набор правил?
0 votes3 answers -
Какими способами можно сделать псевдо 3D блок
Ребята, подскажите пожалуйста, какими способами можно добиться вот такого вот эффекта, как на картинке? Код приводить не обязательно - можно просто дать направление... просто идей что-то совсем нет...
0 votes3 answers -
Не пойму как работает min-width
Здравствуйте! Не пойму как работает min-width в медиа запросах. Вот, например, мне нужно, чтобы на больших экранах был фон у блока с картинкой, а на маленьких экранах -- картинку убрать. То есть, на экранах с минимальной шириной 768px картинка с фоном должна исчезнуть...но она не исчезает. Пишу такой код: @media (min-width: 1200px) {.footer { background: url(../images/1.png) no-repeat;}}@media (min-width: 992px) {.footer { background: url(../images/1.png) no-repeat;}}@media (min-width: 768px) {.footer { background:none;}}
0 votes3 answers -
При добавлении в сборку js файла перестал работать слайдер
Доброго времени суток! Сразу к сути. Делаю учебный проект в шторме, конечный результат которого собирается при помощи сборки проекта. все библиотеки и зависимости установлены. с подключением slick-carousel разобрался, начал делать выпадающее меню в шапке, создал файл head.js, пописал в main.js такую строчку import 'head.js' в результате сломался слайдер, а в консоли ошибка "файл не найден" увидеть воочию можно тут https://rimidbit.github.io/shopia-S/ исходники тут https://github.com/rimidbit/source_code.git Что еще добавить не знаю. Готов предоставить все вводные, только б разобраться
0 votes0 answers -
Неполучаеся осуществить!
немогу разместить в лево и вправо синим выделено то что надо в лево красным выделено то что надо в право
0 votes5 answers -
IE WebDeveloper V2. Изменяет свойства стилей. Так и должно быть? :(
Скачал прогу: IE WebDeveloper V2. Нормально ли она работает? Когда выбираю на панели webpage inspector свой инпут, то он подсвечивается красной рамкой и, как мне кажется, изменяет какие то стили объекта для его отображения. Прикрепил картинку. Первый вариант - фактический вид, второй вариант - тогда когда выбран инпут в окне инспектора: Это у моей проге глюки? Или это нормальный режим работы программы? Как смотреть свойства стилей, если программа их меняет при выборе объекта?
0 votes1 answer -
Заполненное поле описание при создании закладки
При добавлении в браузере Opera закладок на сайты, я обратил внимание, что некоторые закладки имеют поле "описание" уже заполненное полезной информацией. Как этого можно добиться?
0 votes2 answers -
? лемент выбора количества в форме
В форме поиска необходимо сделать элемент выбора количества. Да не просто точного количества, а чтобы можно было выбрать equals, greater (or equal), etc. Единственное, что приходит в голову - сделать селект с опциями (больше-меньше-равно) и рядом поле для ввода числа. Но выглядит, честно говоря, не очень изящно. Какие еще могут быть более юзабельные решения?
0 votes3 answers