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
-
Как лучше разбить статью с точки зрения SEO в HTML5?
Здравствуйте. Я сделал сайт. Написал основную статью для главной страницы на 6000 тыс.символов при этом оптимизировал написанную статью под 1 определенный поисковый запрос. В какие теги лучше всего с точки зрения SEO будет разместить мою основную статью на главной странице? Варианты: 1)<main> <h1>Заголовок статьи<h1> <p>Текс статьи на 6000тыс.сим.</p> </main> 2)<main> <h1>Заголовок статьи<h1> <p>Текс статьи скажем на 2000тыс сим.</p> <article> <h2>Как бы подзаголовок<h2> <p>Текс статьи тоже скажем на 2000тыс сим.</p> </article> <article> <h2>Как бы уже второй …
0 votes4 answers -
Firefox скрывает картинку
Привет, друзья. Есть такая страничка http://avtoport.tv/ Там почти ничего нет, но не в этом суть. Почти в самом начале страницы есть картинка <img src="/media/ads/banner1.png"> или <img src="/media/ads/banner.png"> — там ещё написано «Баннер 1920×190» (они в случайном порядке ставятся, но суть и не в этом). Если посмотреть html-код, то вроде всё ок. В хроме картинка есть. А вот в фаерфоксе почему-то её нет. Если смотреть фаербагом, то просто жесть какая-то. Failed to load и какой-то класс добавлен к тегу img неведомый. Если открыть напрямую, то всё открывается. Косяк точно не в веб-сервере, так как что на продакшене, где nginx и на девелоперском веб-сервере, в…
0 votes4 answers -
Не работает свойство border-collapse: collapse;
Добрый день,Судари и Сударыни!Подскажите пожалуйста новичку,почему в моем примере не работает свойство border-collapse: collapse; Оно же должно по идее схлопывать границы,т.е. отображать 1 линию вместо 2х. http://cssdesk.com/xf5uE Если же я не прав с этим свойством - подскажите как можно по другому решить эту задачу? P.s.Вы бы стали помещать 3 инпута в div?Или и так все в порядке? Заранее спасибо! P.p.s. Подскажите почему у меня на пк и на cssdesk при одинаковом коде результат отображается по разному? 1.Картинка с пк 2.Картинка с cssdesk Отступы разные! Браузер хром последней версии.
0 votes4 answers -
Позиционирование
День добрый. Столкнулся с проблемой позиционирования. Вот код <html> <head> <style type="text/css"> #basket{ margin:0px 0px 0px 300px; width:200px; height:70px; padding:5px; float:left; } #basket > div{ border-radius: 3px; border: 1px solid #CCCCCC; background-image: -o-linear-gradient(top, #FAFAFA, #F2F2F2); padding:5px; overflow:hidden; border-bottom-color: #138CB3; border-left-color: #1391B9; border-right-color: #1391B9; border-top-color: #1496C0; } #basket > div > img{ float:left; border:none; } #basket-text{ margin:8px 0px 0px 60px; } .wiev-hover{ display:none; position:absolute; width:350px; min-height:200px; border-radius: 3px; border-b…
0 votes4 answers -
Ширина страницы сайта меньше 1024
Хочется узнать, если дизайнер сделал главный контент шириной 940px, а я сделала min-width 960px - это никак не повлияет? Может под какие-то устройства 940, а не 960px минималкой выбрана?
0 votes4 answers -
Поиск Гуру верстки!
Добрый вечер! нужен наставник верстальщик! был бы очень рад если кто нить откликнулся!) ICQ: 419419450 Skype: Naive_nSIk
0 votes4 answers -
ключевое слово transparent - какова поддержка браузерами?
Допустим я задаю цвет для шрифта или чего-то другого через transparent (color: transparent) - какова поддержка браузерами этого ключего слова? Какие поддерживают, какие нет?
0 votes4 answers -
Как убрать промежуток под div?
http://cssdesk.com/u44mp Как убрать этот пустой промежуток? Как я понял,он возникает из-за круглого div Подскажите пожалуйста как будет правильнее:разбить на 2 блока top(красный с important notice) и bottom(все что ниже блока top) или в главном блоке разместить top и все остальные элементы не засовывая их в div bottom? Заранее спасибо!
0 votes4 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 -
display: table-cell, table или div
В огромном множестве макетов можно найти, скажем, несколько изображений в ряд или даже несколько рядов. Или необязательно изображений. По сути это выглядит как таблица, но исходя из логики таблицей не является. Как по мне, то такие моменты удобно делать с использованием display: table, display: table-cell. Какие еще есть варианты для решения такой задачи? И какой из них "правильнее"?
0 votes4 answers -
при изменении размера окна нижний <div> наезжает на верхний<div>
Всем привет! Подскажите новичку. Длжно быть так: Два блока один привязан к верху, другой к низу экрана, при увеличении окна расстояние между ними увеличивается(так щас и есть), а при уменьшении до определенного размера должен появится скрол. Но min-height не помогает, точнее нижний блок так и остается внизу при прокручивании скрола перекрывает верхний блок. Я так понимаю что я неправильно привязал нижний блок. http://jsfiddle.net/avRPt/2/
0 votes4 answers -
Подскажите пожалуйста. Смена картинки через кнопку
Добрый день! Подскажите пожалуйста в одном вопросе. Пишу сайт, в нем каталог товаров. Немогу реализовать кнопку или иконку, при нажатии на которую идет смена основной картинки товара. Пример реализации http://bose.ru/catalog/46/508/ Там при нажатии на выбор цвета меняется основная картинка товара. Пытался загуглить, но к сожалению без успешно =( Я как понимаю тут нужно реализовать Javascript? Есть ли способы это реализовать на html + css? Буду очень благодарен за подсказку =)
0 votes4 answers -
пропорции шрифтов в bootstrap3
скажите пожалуйста умеет ли bootstrap3 пропорционально изменять размер шрифта при изменении ширины экрана? размер изображений, например, умеет(для этого изображение должно иметь класс img-responsive)
0 votes4 answers -
позиционирование
Кто знает подскажите, есть слайд шоу готовое(сделанное на CSS - с помощью форм), в нем есть кнопочки переключатели на каждую картинку, див контейнер имеет относительное позиционирование, кнопочки соответственно абсолютное, задача в том что нужно вынести эти кнопочки за пределы контейнера родителя, чтобы они были под слайд шоу, но это не получается сделать так как кнопки привязываются к самому близкому относительному контейнеру коем есть это слайд шоу! хз как сделать, может помогёте чем , спасиб
0 votes4 answers -
раскрывающийся список
Хочу небольшой блок создать на странице и в этом блоке сделать раскрывающийся список, а под этим списком текст, который будет меняться в зависимости от выбранного элемента в списке без перезагрузки страницы. Подробнее: в списке написано "выберите номер". Пользователь нажимает на фразу "выберите номер" и из нее выпадает список следующего содержания: "номер 1", "номер 2", "номер 3", ..., "номер N", .... Пользователь нажимает на какой-то "номер K" и происходят 2 вещи: 1) список становится опять свернутым и вместо фразы "выберите номер" отображается фраза "номер K"; 2) под списком появляется текст(какой-то подблок с информацией) "текст K", соответствующий "номеру K". Все эт…
0 votes4 answers -
не виходит прижать блоки
привет, нужна помощь, может вопрос и банальный, но все же я почему-то не могу разобраться сам ... Есть макет сайта ... все вроде хорошо .. но в блоке content есть 2-ва блоки в которых будут размещены фоновые изображения, и у меня никак не получается прижать эти блоки, а именно BG_1 к верху, а BG_2 вниз. т.е. чтобы они растягивались на полную высоту окна (height: 100%), чтобы между двумя блоками BG_1 и BG_2, можно поместить изображение. вот графическая схемма http://pix.am/FgMG/ вот сам код <!doctype html><html> <head> <meta charset="utf-8"> <title>Test Site</title> <link rel="stylesheet" href="style.css…
0 votes4 answers -
Не работает input
Ребят,почему не работает input?Текст нельзя вводить. http://cssdesk.com/bU5uD
0 votes4 answers -
Не работает input-placeholder
Не работает input-placeholder!!! Он должен делать точки большими в инпут поле.(Задаю font-size:50px к примеру) .left-block form label input[type=text]::input-placeholder Почему так? http://cssdesk.com/JySyC
0 votes4 answers -
Ротатор как здесь
На этом сайте http://www.teohim-ek.ru/ в шапке 4 картинки, которые последовательно, друг за другом меняются. Подскажите подобный скрипт? Не 4 ротатора ведь ставить туда, правда?
0 votes4 answers -
Белая полоса в мозилле
http://zverushka.zz.mu/test5/ В самом низу на границе волнистой границы в мозилле белая полоса, в хроме нет. Не могу понять причины сего поведения и отображения и как исправить.
0 votes4 answers -
Помогите настроить слайдер
Здравствуйте. Выполняю тестовое задание на верстку. В числе элементов страницы есть и относительно простой слайдер на Jquery. Я выполняю его по уроку, найденному здесь: http://heavenweb.ru/delaem-prostoy-slayder-na-jquery В идеале должно получиться примерно так как здесь: http://allins.ru/ Я полностью скопировал приведенный на HeavenWeb код, только имена объектов, естественно, поменял на свои. К сожалению, код работает не полностью: кнопки переключения не подсвечиваются, как должны и по стрелкам слайды не переключаются. Кроме того, после подключения js-кода, на картинки с кнопками накладываются сверху еще такие же картинки. В firebug'е убираю background-image - подсветк…
0 votes4 answers -
Psd макеты
Здравствуйте,нужна ваша помощь!Подскажите как правильно нарезать psd шаблон,что бы впоследствии можно было получившиеся картинки использовать в создании сайта(фотошопом владею очень слабо,именно поэтому и спрашиваю)может кто нибудь знает самоучители,уроки,или просто сам расскажет,а возможно даже и покажет как это делается) в общем надеюсь на вашу помощь,заранее благодарен!
0 votes4 answers -
Проблема в скроллинге
Дело в том, что при написании шаблона всё было нормально. Но при применении аналогичного кода на форуме появляется горизонтальный скролл, а изображения встают в строчку. Ссылка на форум: (для появления бокса кликните на черный медальон) http://fandance.ru/showthread.php?p=14460#post14460
0 votes4 answers -
помогите пожалуйста исправить баг с кнопками меню
Кнопки меню при нажатии изменяют свой размер и я никак не могу разобраться вот ссылка на пример http://1241254.96.lt/WorkSpace/
0 votes4 answers -
Проблема с absolute right
Дано: Родительский блок DIV1 cо свойством relative Внутри него два DIV2 со свойством absolute оба DIV2 прижаты к DIV1 свойством right:0px; Проблема: При уменьшении окна браузера DIV2 наезжают на блоки, что слева. Внизу поясняю картинками. Как решить или, быть может, реализовывать floatm'и? То тогда как организовать выравнивание от родительского блока. Гугл ответа не дал, вся надежда на вас. Все хорошо: http://itmages.ru/image/view/1326754/cb63091c Уменьшаем ширину браузера и все плывет: http://itmages.ru/image/view/1326759/0870c412
0 votes4 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/
-