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
-
placeholder в Opera
Всем привет В общем, есть проблема: использую собственный шрифт @font-face в input-е строки поиска, внутри указан placeholder тем же шрифтом. Во всех браузерах приемлемый результат, кроме Оперы. Опера, цука, во фразу placeholder-а вместо пробелов тулит "неизвестный науке" символ - "знак вопроса в прямоугольничке". И этот же гадский знак вопроса выскакивает в самом инпуте, если хомячок в поисковой фразе пишет несколько слов. Символ этот — не есть пробел, и не есть неразрывный пробел. Шрифт оптимизирован для загрузки, лишние символы выброшены. Нужно найти недостающий - именно тот, который юзает Опера. ЧТО это за символ такой? Идеи есть, как его выловить? ЗЫ: Дефолтный/систе…
0 votes0 answers -
А как?
Собственно как сделать, чтобы выпадающий список выстраивался по центру а не по левому краю как сейчас? Подскажите кто знает, заранее благодарен. Сам код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" <HTML> <HEAD> <TITLE>DiMetro</TITLE> </HEAD> <BODY> <style type="text/css" media="all"> #mainmenu { float: left; width: 100%; margin: 77px -34px; list-style: none; } #mainmenu li { float: left; width: auto; padding: 0 10px; font-family:MyriadPro; font-size:14px; list-style: none; } #mainmenu li ul { display: none; width: 200px; } #mainmenu li:hover ul { display: block; position: absolute; list-style: none; margin: 0; pa…
0 votes4 answers -
Помогите с PDF пожалуйста?
Пожалуйста, если кто умеет, помогите мне перенести файлы PDF в doc или exl, все перпробовала, разные прогграммы скачала, но ни-чего не получается, может что н етак делаю, уже не знаю Помогите пожалуйста, это надо срочно Спасибо
0 votes3 answers -
Нестандартные кнопки социальных сетей
Думаю все видели, но прикладываю на всякий случай пример. Я тоже где-то видел на работающем сайте - теперь проблема найти где. Проблема и в реализации с нуля, если наложить сверху картинки абсолютным позиционированием и передавать клик на реальные кнопки скриптом, то как? Ведь все соц-кнопки загружаются в iframe'ах, разумеется с другого домена, значить кликнуть ссылку внутри такого фрейма не представляется возможным. Разве что прибегнуть к проксированию этих кнопок. Может кто знает попроще реализацию? П.С. где-то видел еще он-лайн генератор подобоных кнопок, тоже не могу найти. В общем пропасть ).
0 votes1 answer -
Проблема с float в IE 6-7
Позвольте вопрос по верстке. Проблема с float в IE 6-7. Есть макет сайта, имеющий структуру, как на схеме (упрощенно). Суть в том, что в в div основного контента вставлены два дива, один из которых, по замыслу должен быть пристыкован к левому краю, второй, соотоветственно к правому. Внутри каждого пристыкованного дива находится таблица для структурирования контента. Для левого пристыкованного прописано align:left; float:left, для правого, соответственно align:right ; float:right. Во всех браузерах отображается нормально, кроме IE 6-7. В IE 6-7 текст не обтекает внутренние диву и "спускается" ниже, а между внутреннними дивами отображается пустое поле. Как решить проблем…
0 votes4 answers -
CSS меню
всем привет я вот озадачился с стилем для меню меню у меня горизонтальное в тегах ul li Я хочу к каждому тегу li присвоить свою картинку картинки естественно разные их у меня пять, пять в обычном состоянии и пять при наведении Вот как мне нужно прописать в CSS? А то у меня первая картинка на все теги li
0 votes3 answers -
Убрать линии в форме подписки
Сздала на одном сервисе форму подписки. Выглядит нормально, но когда выкладываешь на сайт между полями появляются черные линии. Может кто подскажет как их убрать. Вот код формы <!-- SmartResponder.ru subscribe form code (begin) --> <style type="text/css"><!-- .sr-box table {width: auto !important;}#elem_table_element_header{width:268px !important;}.sr-box img {max-width: none;}.sr-box br {display:none;}.sr-box p {display:none;}.sr-box {display: block !important;position: relative;width: 250px;}.sr-box-list table{border:0 !important}.sr-box-list td{padding:0px !important; border:0 !important}.sr-box-list{clear: both;display: block;list-style: none outside…
0 votes2 answers -
Расширение при помощи background-size:cover;
Вот такая проблема, не могу некак решить уже часа 3 мучаюсь надежда тока на вас К сожелению саму картинку показать не могу, постораюсь обьяснить на словах У нас есть фон для меню шириной 1200px и высотой в 88px а щас вот сам код .top { background:url(images/bg_top.png) no-repeat; background-size:cover; max-width:1200px; height:88px; display:block; margin:0 auto;}то есть при разрешений больше 1200px все нормально картинка стоит по центру при смене разрешения в 1024 на 768 картинка режется и правый скругленный угол не видно тоже самое при разрешеий 800*600 но еще в добавок появляется scroll Как решить эту проблему , вообще перепробовал много способов но не по…
0 votes6 answers -
input type="time"
Всем привет. Прошу дать совет : заказчик попросил сделать поле выбора времени. Диапазон значений от 09:00 до 20:00 c шагом 30мин. Вышло так <input type="time" name="timeexample" id="timeexample" step="1800" min="09:00:00" max="20:00:00" />Проблема 1 = в ряде браузеров не поддерживается, соответственно необходимо сделать это на js или все таки есть варианты как обойти? Проблема 2 = дизайнер отрисовал как это должно выглядеть, и вот что у него вышло , как это сделать? Ребят выручайте, перепробывал всё и скоро я уйду в запой))))
0 votes2 answers -
Подскажите как собрать такую схему
Здравствуйте! Подскажите как собрать схему как на ричунке. Уже 3 часа как пытаюсь, никак не могу всё расставить по местам. Главное чтобы между блоками <div> было расстояние в 10px. Заранее благодарен. https://www.dropbox.com/s/z40ch98w0f62d8n/sxema.png?dl=0
0 votes1 answer -
Responsive (резиновая, адаптивная) верстка. Проблемы с высотой
Здравствуйте. Делаю адаптивную (responsive) верстку. При ширине экрана 1280px блок с изображением выглядит так: А при ширине 1800 px так:А должно быть так: media-queries решают проблему, но ведь придется через каждые 50px их прописывать. Можно как-то более разумно поступить? http://codepen.io/anon/pen/XdKzVr
0 votes1 answer -
Grid проблема с текстом
display: grid grid: "leftSection regStep rightSection " auto "leftSection submitButton rightSection" auto / auto auto Когда в regStep появляется текст, сетка исчезает, то есть весь текст растягивается на всю ширину текста, как исправить этот баг и заставить текст оставаться по середине экрана? Набросал такой вариант grid "leftSection regStep rightSection " auto "leftSection submitButton rightSection" auto/ minmax(20px, 20%) minmax(60%, 1fr) minmax(20px, 20%) Но мне кажется этот код попахивает ?
0 votes0 answers -
почему это работает - сайдбар
почему это работает? почему #sidebar так втискивается в ту область, которая вроде как принадлежит #main ? какое значение имеет right-margin: -250px у #main? при чем в контенте можно использовать и clear:both и float:left, float:right - и всё нормально будет и на сайдбар не повлияет! это лучший вариант верстки сайдбаров, из тех, что я знаю. но _почему он работает_ ? ? ? <html> <head> <style type="text/css"> body { width: 800px; } #main { width: 100%; margin: 0 -250px 0 0; float: left; } #content { margin: 0 250px 0 20px; } #sidebar …
0 votes1 answer -
Размер шрифта при его изменении в настройках браузера
Увеличил шрифт в настройках браузера - на многих сайтах шрифт увеличился, но на некоторых нет! Например на этом форуме заголовки сообщений и некотор. другой контент остался прежнего размера, а Select внизу - увеличился, и сейчас я пишу в увеличенной textarea.. Вопрос: Как верстать, чтобы при изменении пользователем шрифта, он бы остался прежним на вашем сайте??
0 votes2 answers -
Проблема с высотой <div>
Здравствуйте! Ситуация такая: блок #page, растянутый на 100% высоты страницы, содержит в себе два блока: #content и #footer. Блок #footer зафиксирован внизу блока #page, и его высота зависит от содержащегося в нем текста (текст, при этом, может быть различный, т.е. высота не фиксирована). Задача: нужно максимально растянуть #content по высоте, так, чтобы он не перекрывал #footer (по центру блока #content будет выровнено изображение). Иными словами, #footer растет вверх от нижнего края страницы, а #content должен занимать все свободное пространство от верха страницы до блока #footer. Подскажите, пожалуйста, как этого добиться.
0 votes6 answers -
Проблема с футером
Здравствуйте. Помогите, пожалуйста, у меня проблема, с футером. Во всех браузерах отображается нормально, в Хроме и Сафари - косяки. Косяки в тех местах, где применялося отрицательный margin.Что делать? Сайт: http://avtomat5.ru/ <body> <div id="all"> <div id="footer1"> </div> <!-- Пытался решить с помощью дополнительного дива, не помогло --> <div id="footer"> </body> </html> #footer { background-image:url(../images/footer.png); background-repeat:no-repeat; background-color:#E9EDF1 ; margin:0 auto; padding-bottom:15px; text-align:center; height:85px; margin-top:-85px; width:1090px; clear:both !important;} html { height:…
0 votes5 answers -
Добавила код соц.закладок от Pluso
Добавила код соц.закладок от Pluso http://share.pluso.ru на страница[ пропали border у картинок. С чем это может быть связано?
0 votes2 answers -
Растягивание контента при пустом правым sidebar'е
Здравствуйте нужна помощь, я уже запарился, все не по фен-шую них... Проблема заключается в том чтоб при пустом правом сайд-баре контент растягивался на всю ширину, а если там что-то имеется сужался и по низу не оптекал сайд-бар. Я додумался только вот до токого: <!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #main { width:300px; margin:0 auto; height:500px; background-color:#E4E4E4; } *{ margin:0; padding:0; } #block { float:right; /*background-color:#C9C;*/ width:100%; margin-left:-100px; } #content{ } #r-sidebar { width:100px; float:right; background-color:#66F; } …
0 votes9 answers -
Рамка
Приветствую! Подскажите, как убрать рамку вокруг пунктирного <hr>.
0 votes2 answers -
Как выровнять все картинки по центру через CSS
Здравствуйте, подскажите пожалуйста, как вровнять все картинки по центру страница через CSS? Что нужно дописать в уже существующий стиль, чтобы каждую картинку не приходилось выравнивать вручную? спасибо
0 votes2 answers -
Необычное меню)
привет всем! была такая задача сверстать такое меню, я его сверстал, элементы подогнал отрицательным margin, все вроде прекрасно, но тут появилась такая проблема как наведении и клике ты попадаешь совсем на другую страницу, по скриншоту очевидно видно, что каждый div имеет свой прямоугольник и тем самым когда я провожу мышкой по нему он активирует ту область, на которой див. <a href="http://www.picshare.ru/view/2204796/" target="_blank"><img src="http://www.picshare.ru/uploads/130610/YH7eB7IFkH_thumb.jpg" border="0" title="Хостинг картинок PicShare.ru"></a> что я хочу этим сказать, есть ли способы, чтобы уменьшить зону ссылки до картинки? или может есть…
0 votes2 answers -
Помогите убрать лишнее поле ввода
Доброго времени суток. Помогите пожалуйста убрать поле ввода выделенное на скрине (скрин ниже) без ущерба работоспособности всего остального. <script type="text/javascript">function changeText(){var rezultat1 = 0;var odin = document.getElementById('odin').value;var spisok = document.getElementById('spisok').options[document.getElementById('spisok').selectedIndex].value;var spisokx = document.getElementById('spisokx').options[document.getElementById('spisokx').selectedIndex].value;rezultat1 = parseFloat(odin);rezultat1 *= parseFloat(spisok);rezultat1 *= parseFloat(spisokx);document.getElementById('rezultat1').innerHTML = rezultat1;}</script><form onsubmit="…
0 votes2 answers -
Сайт не работает в ИЕ
Здравствуйте, ребята. Возникла боль в ИЕ - http://landpage.gezerweb.com/ Сайт-контруктор, там где текст - при клике появляется поле для редактирования. Эта гадость не работает в ИЕ 11. Есть свои косяки и в версиях ниже, но это решаемо с pie.htc. Может быть проблема в лпагине редактирования? Та то он срабатывает, но текста при этом в ИЕ11 нет. Шрифты отсюда - http://fonts.googleapis.com/earlyaccess/alefhebrew.css Думаю, дело в них. Сайт на вордпрессе. Всем шолом и алейхем
0 votes1 answer -
Качественная печать страницы.
Доброй ночи. Народ. Кто нибудь в курсе - что прописывать необходимо в стилях(или может еще где(например в теге HEAD)) , что бы можно было пользователю потом распечатать страницу в нормальном(не искаженном качестве)? (это реально вообще?) + проверить можно как то это дело(достоверно) не имея принтера в наличии? P.S. Буду благодарен за любые конструктивные советы..
0 votes1 answer -
Подскажите по свойствам шрифта
Подскажите какие свойства нужно выставить что бы расположение текста было пиксель в пиксель. С помощью letter-spacing подогнать не удаестся, font-stretch для этого шрифта не работает, хотя при использовании PerfectPixel видно что буквы в надписи "Fishnet Chair" уже чем показывает браузер. Если в меню еще удалось почти до пискеля подогнать с помощью margin, letter-spacing и text-stroke, то что делать с "Fishnet Chair" ума не приложу... Какими свойствами еще можно воспользоваться чтобы выглядело так как на макете? Не подгонять же с помощью позиционирования в самом деле. Макет по ссылке https://drive.google.com/file/d/1D8rNpa5YPo0ukPTT1RAikhvjES35k5E0/view?usp=sharing
0 votes0 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-