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://bose.ru/catalog/46/508/ Там при нажатии на выбор цвета меняется основная картинка товара. Пытался загуглить, но к сожалению без успешно =( Я как понимаю тут нужно реализовать Javascript? Есть ли способы это реализовать на html + css? Буду очень благодарен за подсказку =)
0 votes4 answers -
Блок не выравнивается по центру при margin:0 auto;
День добрый,подскажите почему блок с картинкой не выравнивается по центру при заданном margin:0 auto; ? Все равно остается какой-то отступ справа. http://cssdesk.com/7gteB
0 votes8 answers -
Не могу встроить видео с youtube
Не могу встроить видео с youtube.. использую iframe из примера http://www.w3schools...tml_youtube.asp все работает, вставлю url любого другого видео..и ничего! Я понимаю,что полнейший нуб и очень надеюсь на вашу помощь..
0 votes9 answers -
при изменении размера окна нижний <div> наезжает на верхний<div>
Всем привет! Подскажите новичку. Длжно быть так: Два блока один привязан к верху, другой к низу экрана, при увеличении окна расстояние между ними увеличивается(так щас и есть), а при уменьшении до определенного размера должен появится скрол. Но min-height не помогает, точнее нижний блок так и остается внизу при прокручивании скрола перекрывает верхний блок. Я так понимаю что я неправильно привязал нижний блок. http://jsfiddle.net/avRPt/2/
0 votes4 answers -
Подскажите нужный слайдер
Добрый день! Подскажите пожалуйста слайдер, который бы работал по следующему принципу: - Есть некий блок с "Новинками" товаров - У каждого товара (внутреннего блока) задана фиксированная ширина (в px) - При уменьшении окна браузера, если то количество товаров, которое было показано первоначально, не влезает в родительский блок, то добавляется еще один слайд (кнопка слайдера), а количество товаров соответственно уменьшается (отступы между блоками товаров должен автоматически выровниться по ширине. Чтобы понять, как это должно работать, можно обратиться к рисунку:
0 votes1 answer -
Устранение ошибок верстки
Добрый день, помогите, пожалуйста, не спецу устранить некоторые ошибки шаблона, которые не проходят валидацию, верстальщик куда-то пропал вот и приходится самому. В<head></head> есть такой тег: <link href='http://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic-ext,latin-ext,cyrillic' rel='stylesheet' type='text/css' /> который дает кучу ошибок при проверке кода. Есть ли какая возможность, написать эту строку так чтобы она не выдавала ошибок и без потери ее назначения. Заранее всем спасибо. Сайт сверстан на: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">…
0 votes3 answers -
Помогите найти скрипт всплывающего окна
Пример скрипта можно посмотреть на ria.ua - в левом меню при наведении всплывает окно с дополнительными пунктами. Может кто знает где посмотреть подобные скрипты. Нужен похожий скрипт, что бы всплывающее окно было всегда фиксированного размера с возможностью вставки в него хтмл и картинок.
0 votes2 answers -
Предупреждения валидатора meta
Добрый день. <!DOCTYPE html> <html lang="ru-RU"> <head> <meta charset="utf-8"> <meta name="keywords" content="text/html; Wed, 01 Jan 2020 01:01:01 GMT"> <title>Error 404</title> <link rel="stylesheet" type="text/css" href="css/error_404.css"> </head> <body> </body> </html> Валидатор (http://validator.w3.org/check )выдает предупреждения насчет какой то тестовой функции и что то насчет игнорирования кодировки. Подскажите пожалуйста что ему не нравится? П.С. С кодировкой разобрался, загрузил файлом а не копипастом и убрал <BOM>. Но с чекером по прежнему что то не то (Using experimental feature: …
0 votes1 answer -
Подключение шрифтов в Андроид
Уважаемые коллеги! Умоляю помогите. Завтра сдавать сайт заказчику, а сайт криво показывается в мобильном. Смысл в том, что съезжает вёрстка по той причине, что не подключается шрифт Segoe UI. Точнее на компьютере то везде прекрасно всё подключается и работает, а вот если зайти с телефона то вылетает стандартный шрифт. Это наблюдается как в стандартном андроидовском браузере, так и в хроме так и в опере, и только фаерфокс нормально показывает нужный шрифт. На компе повторюсь всё отлично. Я сконвертировал во все форматы, а фонт фейс прописал вот так @font-face { font-family: Segoe UI; src: url(../fonts/SegoeUI.svg#font) format('svg'), src: url(../fonts/SegoeUI.eot) format('…
0 votes6 answers -
Вопрос по таблице
Добрый вечер. Прошу извинить, если вопрос не там создал. Создаю большую таблицу. Проблема в том, что высота некоторых ячеек больше относительно других ячеек. Проще говоря, вот код (в правой части ячейки выше ячеек из левой части): <table id="mtab" cellspacing="0" cellpadding="0" border="1" style="min-width: 350px; max-width: 2500px; padding: 5px; font-size: 10pt; height: 100%; overflow-x: auto;"> <thead style="height: 10%;"> <tr> <td width="1%" rowspan="3">N</td> <td width="6%" rowspan="3">чЙДЩ ЪБЗПМПЧЛПЧ Ч</td> <td width="1%" rowspan="3">ззз</td> <td align="center" width="auto" colspan="12">рПФТЕВОПУФЙ ПУОБУФЛ…
0 votes3 answers -
Картинка в таблице
Добрый день, уважаемые форумчане! Нужна ваша помощь. Имеется таблица на всю ширину окна, в ней изображение, причем размер может быть различный. Нужно чтобы при ресайзе окна и соответственно таблицы изображения тоже ужимались. Как это реализовать? Окно на весь экран - все ок: http://i024.radikal.ru/1310/3f/cba8b85bf489.jpg А вот так сейчас при сжатии окна - не ок: http://s51.radikal.ru/i131/1310/8a/35287f46f99d.jpg Заранее спасибо!
0 votes1 answer -
display: table-cell, table или div
В огромном множестве макетов можно найти, скажем, несколько изображений в ряд или даже несколько рядов. Или необязательно изображений. По сути это выглядит как таблица, но исходя из логики таблицей не является. Как по мне, то такие моменты удобно делать с использованием display: table, display: table-cell. Какие еще есть варианты для решения такой задачи? И какой из них "правильнее"?
0 votes4 answers -
Мобильная тема
Здравствуйте, уважаемые гуру. Возникла проблема с подключением файла стилей для хрома на айфоне. Файл с мобильными стилями должен подключаться в хедере по js проверке на наличие куки. Есть - не подключать, нет - подключать. Условие срабатывает правильно, куки выставляются нормально, css валидный. Но при этом главная страница выглядит мобильно, а при клике по внутренней ссылке переходит на десктопную версию. Если на ней снова кликнуть "перейти на мобильную версию", то отображается нормально, а при клике назад на главную - снова десктопная версия. В сафари на айфоне и на других браузерах/платформах проблем не замечено - только хром на айфоне. Не уверен, что вопрос соответст…
0 votes1 answer -
Страница портфолио
Прошу помощи!Помогите настроить страницу в которой находятся фото,разбитые по коллекциям,проблема в том что бы коллекции находились на одной странице рядом с друг другом,вот сама страница http://nezhnost-luh.ru/index-5.html вот html и css http://jsfiddle.net/Q7CMz/ вот так надо как на скрине,а пока по одной коллекции слева выводиться.
0 votes12 answers -
Изображение в IE10+
Обрезается изображение облаков по контуру кнопки в IE10+. В остальных браузерах оно выходит за пределы кнопки, как и должно быть. Почему это происходит? http://cssdeck.com/labs/full/a7jvce0r
0 votes2 answers -
Градиент средствами CSS
Мне нужно сделать градиент на всю таблицу. Пишу в файле CSS: .gradient { background: #dedede; /* Для старых браузров */ background: -webkit-linear-gradient( bottom, top, #dedede, #ffffff); background: -moz-linear-gradient( bottom, #dedede, #ffff); /* для firefox 3.6+ */ background: -o-linear-gradient( bottom, #dedede, #ffff); /* для Opera 11.10+ */ background: -ms-linear-gradient( bottom, #dedede, #ffff); /* для IE10+ */ } Далее вставляю в теги <table class="gradient"> или <body class="gradient"> Не работает ни в Хроме, ни в ИЕ.
0 votes4 answers -
Пятиугольник с фоном
Друзьяши-поняши, нужна помощь. У нас есть блок в виде повёрнутого правильного пятиугольник, (примерно вот такой) И фон у него должен быть не красный, а картинка размером эдак 1000*1000 пикселей. При этом видимая часть картинки должна ограничиваться гранями этого пятиугольника. Это, я так понимаю, через SVG или canvas надо делать? Я просто ни с тем, ни с другим особо не знаком, решил попытаться сделать на canvas, но застопорился на этапе создания пятиугольника
0 votes11 answers -
формы в bootstrap 3
скажите пожалуйста должны ли иметь формы в bootstrap3 какие-нибудь обязательные атрибуты, без которых на телефонах отображаться будут не точно или совсем не будут? например в документации у форм присутствуют такие атрибуты <form role="form"> <div class="form-group"> <input type="email" class="form-control" > ..... ..... их обязательно использовать? у меня нет различных мобильных устройств чтобы проверить
0 votes3 answers -
Класс для первого и последнего элемента списка
Доброго дня! Я знаю что есть псевдоклассы: last-child { ... } и first-child { ... } а так же: first-of-type { ... } и last-of-type { ... } Но они ведь не кроссбраузерны! А вопрос то напрашивается собсно: как? как кроссбраузерно сделать это? Дело в том, что список выводится в цикле, а инфа достается из бд..., это я к тому что смотрел уже в сторону php функций current(); и end(); но они не подходят по причине хотябы того, что массив fetch_array очень объемный, не для этих ф-ций, там надо его сначала разобрать до одномерного, и как я понял, current(); и end(); просто перемещают указатель на элемент, т.е., если я сначала использую current(); а потом end(); то выведет в итоге …
0 votes12 answers -
Валидация, что не так?
Добрый вечер Решил сделать свой проект валидным, поубирал почти все ошибки, вот не пойму как эти две ошибки исправить: there is no attribute "data-category-id" <a data-category-id="1" href="/cat/1/">Школа<ins></ins></a><br/><a data-catego there is no attribute "itemid" </h1><div style="float:left; width:20%;"><div class="catalog-entry" itemid="8"> Может кто-то знает что тут не так? И такой вопрос, как валидация влияет на индексацию страниц сайта?
0 votes30 answers -
.class:hover .class2 {display:block;} не работает
http://cssdesk.com/FyH8f Господа,почему при наведении на крестик (класс .close-button) не появляется класс .close-message ? Вроде все верно написал...
0 votes1 answer -
Горизонтальное выравнивание блочных элементов
Здравствуйте. Вот уже несколько лет верстаю разной степени сложности страницы и изучаю различные приемы и методы. Но до сих пор не нашел для себя действительно удобного, идеального метода выравнивания блочных элементов по горизонтали. О чем, собственно, речь. Есть какой-то макет с кучей элементов. И некоторые элементы надо расположить на одной линии по горизонтали, вписав в какой-нибудь фиксированный контейнер. Итак, какие есть способы сверстать такой "макет"? 1. Старые добрые таблицы. Думаю, не нужно объяснять, что "таблицы для табличных данных", и вообще, поддерживать более-менее сложный макет, сверстанный таблицами — очень муторно. 2. Способ классический. Использоват…
0 votes14 answers -
Не могу подключить сторонний шрифт
Не могу подключить сторонний шрифт, помогите разобраться: body {font-size: 14px; line-height: 1.5; color: #333; background-color: #fff;} a {text-decoration: none;} a:hover, a:focus { text-decoration: none; border: none; } h1,h2,h3,h4,h5, @font-face { font-family: "ProximaNovaExCn-Bold"; src: url("ProximaNovaExCn-Bold.otf"); } h6 { font-family: "ProximaNovaExCn-Bold"; margin: 0px 0 10px 0px; font-weight: normal; line-height: 1,5; color: inherit; text-transform: uppercase;} h1,h2 {line-height: 1.4; letter-spacing: 1px;} h1 {font-size: 40px;} h2 {font-size: 32px;} h3 {font-size: 24px; letter-spacing: 2px;} h4 {font-size: 18px; letter-spacing: 1px;} h5 {font-size: 14px; …
0 votes22 answers -
Кто-нибудь работал с lpgenerator?
Кто-нибудь работал с lpgenerator? Что это и как на нем верстать?.... Часто слышу, что требуются верстальщики на этой платформе... Но она платная и как же научиться на ней что-то делать тогда...
0 votes1 answer -
Что из этого список, а что нет.
Меню - список? Слайдер из картинок - список? Список новостей - это список? Список отзывов клиентов на лендинге - список?
0 votes32 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-