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
-
Помогите с версткой выпадаюше.
Наткнулся в ступор. Не знаю, как сверстать меню на скриншоте. Главная для меня проблема в том что, фон выпадающего меню должен выйти за пределы контейнера. При этом контент должен остаться в контейнере. Как можно это реализовать? Просто раньше никогда не сталкивался подобной задачей. На десерт, порекомендовали бы хорошую Jquery плагин для такой задачи(выпадающее меню). Спасибо заранее.
0 votes17 answers -
Не открывается модальное окно по-хорошему
Здравствуйте. Случилась проблема - плохо открывается модальное окно http://top-matras.ru/- при нажатии на " Заказать обратный звонок" Было всё неплохо, потом кто-то там хозяйничал, всё сломал. А я устала куда смотреть, не могу найти! Спасибо.
0 votes4 answers -
Градиент на Mac OS
Подскажите как сделать css градиент на 20% высоты блока, чтобы корректно смотрелось на Safari, что на Mac, что на Windows. Сейчас выглядит вот так: http://www.picshare.ru/view/6918945/ справа Safari, слева остальные браузеры background: -moz-linear-gradient(top, rgba(247,247,247,0.65) 0%, rgba(128,128,128,0) 48%, rgba(0,0,0,0) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,0.65)), color-stop(48%,rgba(128,128,128,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(247,247,247,0.65) 0%,rgba(128,128,128,0) 48%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */…
0 votes6 answers -
Изменение порядка блоков
<div>Лого</div> <div>Текст</div> <div>Меню</div> Как сделать чтобы в адаптивной версии меню оказалось выше текста?
0 votes6 answers -
В чем причина чудовищно долгой загрузкой лендинга?
Здравствуйте! Только что закончил работу над лендингом и перешел к его оптимизации. Перед этим решил его проверить с помощью сервиса Pingdom: https://tools.pingdom.com Показатели следующие: Performance grade: 97 Page size: 3.5 MB Requests: 93 Load time: 60 СЕКУНД! Голова трещит, что переспелый арбуз, не могу понять, в чем причина столь долгой загрузки? Буду искренне благодарен за экспертное мнение. Адрес лендинга: https://hutor.kh.ua/ P.S. Проверял этим сервисом сторонние лендинги, с весом и обращениями в 2-3 раза превышающие мои. Скорость загрузки у них всего несколько секунд.
0 votes5 answers -
Некорректное отображение шапки сайта в Google Chrome
Добрый день. Появилась следующая проблема: При отображении сайта в любых браузерах - все работает корректно, кроме Google Chrome. Съезжает шапка сайта, а точнее то, что в css указывал позиционировать справа - располагается в левой части и закрывает логотип. Ну уж очень меня это напрягает. Не пойму, что нужно делать. Кто сталкивался с такой же проблемой? Сайт - ganzola.ru Заранее спасибо.
0 votes0 answers -
Как вставить в шапку баннер
Приветствую. Можете помочь вставить в саму шапку сайта баннер 468*60, в определенное место? В данный момент код выглядит так как указал ниже. Как лучше сделать? <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Всё для начала игры в SAMP. Скачать Grand Theft Suto San Andreas, Multiplayer для GTA SA, биндер, флудер, редактор худа, редактор карты и многое другое!"> <meta name="keywords" content="<?php include_once 'keywords.php'; ?>" /> <meta name="author" content="Mihail Rusich">…
0 votes6 answers -
Что такое SPAN?
До сих пор не могу понять ЧТО делает этот тэг? Для чего он нужен?
0 votes3 answers -
ХЕЛП! В Мозиле иероглифы!
сайт написан в html при открытии его в minefield русский шрифт отображается как иероглифы. что делать?
0 votes1 answer -
Система авторизации
Как сделать такую же систему авторизации, как на http://forum.nvkz.net Точнее, как вызвать и работать с таким окном?
0 votes5 answers -
Изменение высоты флэш пропорционально ширине без js
Подскажите плз. Есть флэш, вставленный в тело страницы, ширина указана в %, необходимо высоту менять пропорционально ширине в зависимости от сужения/расширения окна браузера. Если указать только ширину, в отличие от того же img высота автоматом не высчитывается, а почему-то всегда ставится 200px:( Пытался решить через js, но уж больно мигает...некрасиво.
0 votes1 answer -
ie7 hr
Всем привет. Решил сверстать простой шаблон - появилась проблема оступами у элемента hr в ie7 @CHARSET "UTF-8"; *{ margin: 0px; padding: 0px; font-family: sans-serif; font-size: 16px; } #wrapper{ width: 960px; margin: auto; } #wrapper #header{ height: 50px; background-color: teal; padding: 10px; } #wrapper #header p{ font-size: 12px; } #wrapper hr{ margin-top: 0px; height:5px; background-color: #295C4A; } <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link href = "stylesheets/testing_temp…
0 votes4 answers -
Как писать в файл?
Стал вопрос как записать в JSON файл информацию!? вот такая структура: window.dataStore = [{ title: "Гвардиола: «Немногие ставят на нас»", date: "25/04/2011", description: "Мадридский «Реал» подходит к первому полуфинальному матчу Лиги чемпионов против каталонской «Барселоны» в статусе фаворита, считает главный тренер каталонцев Хосеп Гвардиола, передает AP.", url: "http://i.eurosport.ru/2011/04/12/710370-8475905-317-238.jpg" }, { title: "Нойер: «Рауль обязательно забьет «МЮ»", date: "25/04/2011", description: "Перед первым полуфинальным матчем Лиги чемпионов между «Шальке» и «Манчестер Юнайтед» голкипер немецкой команды Мануэль Нойер вспомнил о том, как подавал мя…
0 votes1 answer -
И снова вопрос
Снова нужна помощь знающих, В общем вот такой кусок: Интересует 2 вопроса: 1. правильно ли делать через таблицу 2. как сделать такие прикольные границы между ячейками Мой код: HTML: <table width="98%" style="border: solid 1pt #810e05; font-family: Arial 11px; color: #cea9a2"> <tr style="background-color: #770000"> <td width="30%"></td> <td width="20%" valign="middle">Jouer ? la Roulette dans All Jackpots Casino</td> <td width="40%">200€ de Bonus de Bienvenue Bonus de 100% sur Votre Premier D?p?</td> <td width="10%" align="right"></td> </tr> <tr style="background-color: #440B06"> <td></td&…
0 votes11 answers -
Размещение картинки в блоке
Скажите как можно сделать так что бы картинка отображалась как бы обрезано,то есть не сжатой по ширине,а что бы была как обрезана по ширине. Просто здесь в блоках картинки выглядят не очень красиво
0 votes1 answer -
Не отображается елемент в IE7
Всем привет сайт http://нцн-недвижимость.рф В IE7 по какой-то причине не отображается блок под заголовком Новосибирский Центр Недвижимости специальные предложения Причем если изменить масштаб сайта в браузере или напрмер выделить какую нибудь область в центре и подвести указатель к какой-то странной всплывающей синей стрелочке - блок появляется. Подскажите пожалуйста в чем может быть причина?
0 votes1 answer -
Контур button
Доброго времени суток, столкнулся с такой проблемой, создал кнопку, задал ей следующие параметры: .menu button:hover { background:#86C129; color:#FFFFFF;}.menu button:active { background:#901D79;}.menu button:focus { border:none;}Однако основная проблема, что после нажатия на кнопку появляется контур и пока не клацну мышкой в любом месте не исчезает, перебрал псевдоклассы не могу понять к чему относится этот контур. Также у меня сама кнопка заключена в ссылку: <a href="#" title="Главная"><button>ГЛАВНАЯ</button></a>Думал мб, что наследуется от гиперссылки однако просто кнопка без тега ссылки также себя ведет. Вот так выглядит проблема http://jsf…
0 votes10 answers -
Валидность HTML
Здравствуйте. Мой сайт (http://kovkavolgograd.ru/) не проверяется на валидность -http://validator.w3.org/#validate_by_uri . Выдает ошибку - Sorry! This document cannot be checked.Sorry, I am unable to validate this document because on line 611 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication. The error was: utf8 "\xDF" does not map to Unicode Подскажите пожалуйста, в чем может быть проблема?
0 votes3 answers -
Проблема с масштабированием в айфон
Верстка адаптивная под 480, когда выбираешь из селекта что-либо, обратно масштабирование экрана не возвращется (как на первой картинке). Как вылечить? Вот так пока не выбрали: А так когда выбрали:
0 votes3 answers -
Как сделать подсвечивания поля с ошибками, bootstrap?
Я использовала старую версию bootstrap 3.3.5 сейчас я подключила Bootstrap v4.3.1. и вот этот код больше не работает. errorPlacement: function ( error, element ) { error.addClass( "help-warrior" ); if ( element.prop( "type" ) === "checkbox" ) { error.insertAfter( element.parent( "label" ) ); } else { error.insertAfter( element ); } }, highlight: function ( element, errorClass, validClass ) { $( element ).parents( ".form-group" ).addClass( "has-error" ).removeClass( "has-success" ); $( element ).next( "span" ).addClass( "glyphicon-remove" ).removeClass( "glyphicon-ok" ); }, unhighlight: function…
0 votes7 answers -
Проблема с плашкой
Сделал плашку, Вот код; .title_red_grad{ background:url(../images/red_title_grad.gif) repeat-x; height:24px; width:auto; margin:0 0 0 10px; text-align:center; position:absolute; } .title_red_left{ background:url(../images/red_title_left.gif) no-repeat left; height:24px; margin:0 0 0 16px; } .title_red_right{ background:url(../images/red_title_right.gif) no-repeat right; height:24px; } title_red_grad внутри этого дива стоит заголовок, плашка расятгивает в ширину от размера заголовка. Все отлично работает в Мозилле и Опере, в IE 6 Плашка растягивается во весь контейнер. Вопрос что делать?
0 votes3 answers -
Помогите выбрать хорошую программу.
Уже долго пользуюсь WebPageMaker v.2 для создания сайтов. Но она хороша для небольших ресурсов. Сейчас работаю над большим. С этой прогой получается все очень трудоемко. Очень много приходится делать вручную, так как в ней почему-то нет возможности править HTML-код всей страницы в целом, а только коды отдельных элементов. Поставила Дримвейвер МХ 2004 v.7, но он под Висту не работает. Подскажите, где взять подходящий визуальный редактор. Во всяких там HTML, SSI, PHP я практически не разбираюсь (HTML только чуть-чуть). Или может быть Дримвейвер поздней версии с кряком и русификатором.
0 votes7 answers -
Frameset
здраствуйте у меня на сайте frameset состоит из 4х фреймов проблема такая в некоторых ситуациях нужно при переходе в одном фрейме обновить информацию в другом! именно обновить ну или перейти на ту же самую страницу ) прошу помочь )
0 votes1 answer -
Шапка сайта
Пожалуйста, мне очень нужна ваша помощь, подскажите как мне реализовать, чтобы обьект выходил за пределы самой шапки.
0 votes7 answers -
Интересная структура
Всем доброго времени суток. Меня интересует вопрос - как сделать такую структуру как на этом сайте? - http://bit-center.ru/ И как люди делают штуки типо по бокам повторение по X и идут картинки? Например как тут http://www.edinros.ru/ Думаю это делаю путём таблиц - то есть делаются 3 колонки и двум из них присваиваются фоновый рисунок
0 votes6 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-