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
-
Как сделать такую панель?
Здравствуйте. Народ, подскажите - как сделать такой РОЛЛ (движение вверх-вниз панели к шапке) как вот тут - http://www.urealty.ru ? И что это за cms? Или на какой системе управление лучше делать такой проект? (Удобней, менее затратней) Благодарю!
0 votes2 answers -
Не получается выровнять
Здравствуйте, у меня 2 колонки: меню и контент соответственно CSS: #menu { float: left; width: 220px; height: 100%; background-color: #fff; padding: 0px; font-size: 9px; font-family: Verdana, sans-serif; background: #fff; margin: 17px 10px 20px 9px; } и #content { width: 1000px; margin: 10px 5px 20px 25%; padding: 10px; border: 1px solid #333; } А проблема такая, что если я попробую увеличить ширину второго блока, настолько, что он будет выходить за пределы экрана, он тут же соскакивает вниз на всю высоту блока меню, то есть они начинают располагаться по диагонали. Не подскажите чем исправить?
0 votes4 answers -
Ширина макета
Прочитал кучу тем, везде разные мнения на счет ширины макета. Макет под фиксированную ширину. Под 1024 нашел три мнения: Ширина 960 или 990 или 1000. Что выбирать и почему? А под 1280 какую ширину нужно делать?
0 votes3 answers -
Проблемы с плавающими блоками
Есть банальный 2-х колончатый шаблон. Вот собственно он: http://jsfiddle.net/ZF6mH/ Вот исходник: <!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=UTF-8" /> <title>Insert title here</title> <style type="text/css"> .l-wrapper { background-color: black; } .l-content { background-color: red; margin-left: 200px; } .l-sidebar { background-color: blue; float: left; width: 200px; } </style> </head> <body> <div class="l-wrapper">…
0 votes2 answers -
Встроенный браузер (HelpCenter) недоволен русскими буквами
Привет! Я не веб-программист!) Но мне видимо понадобится помощь такого рода. Буду писать все подробности, потому что не знаю что может пригодиться. Описание: Есть небольшая программа StencylWorks что-то типа "флэш и AS3 для самых маленьких". Подозреваю здесь не очень любят подобные программы , но речь не совсем о ней. В программу встроен простенький минибраузер. Центр Справки короче. Очень полезная штука. Файлы берет из специальной папочки StencylWorks\help\help\en\html\main . В корне этой папочки файл index.html (оглавление), а по адресу \StencylWorks\help\help\en\html также есть файл help.css. (Остальные html-странички с гайдами, уроками, описаниями разложены по папо…
0 votes2 answers -
Нужна помощь с img
В общем суть проблеммы такова: Вот путь к файлу: <img src="images/adverts/8/logo_889458.jpeg"/>, его браузеры не показывают, а когда этот же файл находится просто в папке <img src="images/logo_889458.jpeg"/>, то все нормально. Что делать? Заранее благодарен.
0 votes4 answers -
margin-top производит не тот еффект, который должен
Добрый всем вечер. Помогите, лыжи уже совсем не едут... Задавая отступ сверху или снизу, выходит что происходит не отступ дочернего элемента от родительского, а отступ родителя от прародителя <body> <div class="content_bg_all"> <div class="content_bg"> </div> </div> </body> .content_bg_all{width:950px; margin:0 auto; background:url("../images/px_topmenu.png") repeat;} .content_bg{width:910px; margin:20px auto; background:#fff;}
0 votes2 answers -
Резиновая вертска..
Решил впервые в жизни отведать резиновой верстки и вот что вышло ссылка И сразу же проблемы: - при сворачивании окна получается 2 колонки, которые налезают на футер. Как сделать, чтобы футер сдвигался вниз вместе с колонками ? - как сделать, чтобы логотип не наезжал на меню ? Спасибо.
0 votes2 answers -
Консультация в вёрстке
Как лучше сверстать окно чата, Внешний вид выглядящее как на рисунке, конкретно интересует та часть, где появляются сообщения, как реализовать полосу прокрутки? фреймсетом? и как поменять её внешний вид - системный элемент же.
0 votes1 answer -
Как создать gif анимацию
Добрый день всем! Не знаю в какой проге создать анимацию из нескольких фото, переходящих из одного в другое с эффектами в переходах. По типу видеопереходов в КиберЛинке или др. программах. Нужно просто создать главное фото на сайте с несколькими изображениями товара, переходящих из одного в другое. Спасибо! Жду помощи.
0 votes3 answers -
Проблема с отображением сайта в IE
Здравствуйте! Прошу помочь разобраться с возникшей проблемой отображения сайта в IE. Недавно заметил, что только этот непослушный гражданин напрочь отказывается красиво отображать сайт http://openprogs.info И сколько я не всматривался в исходник страницы, не смог обнаружить проблему. А между тем на сайт начали приходить люди и перед некоторыми из них (что с IE) мне становится стыдно ) Заранее благодарен.
0 votes1 answer -
Была маленькая, стала большая
Всем привет. Подскажите, как реализовать увеличение картинки при клике? Как тут справа
0 votes2 answers -
.hover проблема
День добрый! Помогите справиться. При наведении на пункт меню навигации, он подсвечивается и выпадает слайдер, при отводе мыши слайдер сворачивается 200 милисек, а ховер уже выключает тень и получается очень не красиво http://impulslkm.ru/index.html кто нибудь может что посоветовать?
0 votes2 answers -
Почему не добавляется внутренняя рамка?
Здравствуйте. На странице пытаюсь задать дополнительную 1px рамку вокруг превьюшек согласно мануалу (там правда разбирается четверная рамка на псевдоэлементах). Не получается. В чем причина? На выходе должно быть так. вокруг фотки идет 1пикс рамка, вокруг которой 10пикс белое пространство, заканчивающееся той рамкой, что видна сейчас(оранжевая обводка+тень) P.S. Как на форуме давать ссылки, чтобы они не индексировались поисковиками?
0 votes3 answers -
Отображение сайта в IE черный экран
День добрый делаю сайт для своей семьи. Столкнулся с такой проблемой. Если открыть IE и зайти на страницу и кликнуть на любое слово то в EI появляется черный экран. Я разобрался что это из-за кнопки вверх. Вопрос почему в Google chrom, Mozila все работает хорошо а IE глючит и не показываються js скрипты? Мб это из-за того, что я не так поставил кнопку?? Так же появилась проблема c js скриптом Lightbox. Она тупа перестала работаьбь в IE. Как можно решить эти проблемы? Хотя в Mozila или Google все пашет на ура! http://petrarkaclub.ru/ норм пашет http://petrarkaclub.ru/proecti.html криво пашет
0 votes1 answer -
Нужна помощь по размещению блока
Вот есть такой блок :Красным обвел то, что хочу добавить. Там хочу сделать ссылки. Вид ссылок хочу взять из этого скрипта. Помогите, пожалуйста, разместить и сделать это все. Из скрипта только внешний вид ссылок с оверлэем. Я новичок и пока с css не дружу) Для меня это как-то пока что сложновато=)) Спасибо
0 votes1 answer -
Проблема с меню
Здравствуйте подскажите пожалуйста тут такая проблема с разделителями в меню при наведении они деваються. Нужно чтобы при наведении разделители не девались можна так сделать? вот пример
0 votes4 answers -
Блоки вразнобой и фон по наведению
Здравствуйте! Сверстал свою первую страницу. Результатом доволен, однако, есть пара проблем. Вот так выглядит макет: Проблема №1: Не могу допереть, как сделать оранжевый фон с картинкой READ MORE по наведению мыши? Проблема№2: Я запихнул блоки постов в отдельные вертикальные контейнеры, коих получается 3 штуки. Но потом я задумался, как же cms будет распределять куда их пихать? Правильней сделать чтобы в одном большом контейнере все эти блоки постов клались друг за другом, но при этом не зависели от высоты друг друга. Как это можно реализовать? Или как правильно реализовывать вот такие блоки?
0 votes3 answers -
как сделать такое меню
Добрый день.Я приактикующий начинающий верстальщик , сейчас для практики делаю такой шаблон http://s017.radikal.ru/i429/1505/e1/04f7b023183b.png Подскажите плиз кто знает , как сделать такое выпадающее меню как в макете , у меня что то оно не скрывается , хотя пробовал ставить visible hidden добавлю код который я уже написал: html <DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link href="css/bootstrap.css" rel="stylesheet" type="text/css"><link href="css/bootstrap-theme.css" rel="stylesheet" type="text/css"><link href="css/custom.css" rel="stylesheet" typ…
0 votes3 answers -
Помогите с фоном
Здрасте, помогите мне с задним фоном на сайте, фон прописал, но он теперь выглядит вот так , как мне его к примеру сделать по бокам ? что-бы блоки не закрывал.
0 votes1 answer -
Приоритет наложение слоёв
Свойство z-index как правило применяется только исключительно к позиционированным элементам (relative, absolute, fixed и т. д.) Вот есть элемент Р и Н1, Р находится под Н1 потому что у Н1 задан приоритет слоя z-index:2; Далее у Р есть вложенный элемент EM у которого z-index ещё больше чем у H1, но так как ЕМ не позиционированный он не должен налаживаться на Н1 но, если его контейнеру Р присвоить display:flex; так ЕМ сразу начинает налаживаться на H1. Почему такое поведение?
0 votes3 answers -
Добавление картинок
всем привет! подскажите пожалуйста, мне нужно добавить много картинок(штук 200+/-) на сайт, может есть способ добавить все сразу а не по одной? такой план: http://htmlbook.ru/faq/kak-razmestit-neskolko-kartinok-ryadom-po-gorizontali только в разы больше фоток.
0 votes2 answers -
DOCTYPE меняет отображение страницы
Доброго времени суток! Помогите, пожалуйста, решить следующую проблему. Есть HTML5-код: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>DOCTYPE</title> <style type="text/css"> table, tr, td { margin: 0px; padding: 0px; border: 1px solid black; border-collapse: collapse; border-spacing: 0px; } </style> </head> <body> <table> <tr> <td> <img src="image.jpg"> </td> </tr> </table> </body> </html> Проблема заключается в том, что в документе с доктайпом HTML5,HTML4 Strict или XHT…
0 votes2 answers -
overflow
В css использую overflow: auto; когда к картинке в <div> добавляю этот Overflow все работает но стоит картинке указать атрибут align, то Overflow перестает работать как надо. он работает как Overflow: hidden;
0 votes1 answer -
подключить шрифт
здравствуйте подключил русский шрифт а он на английских буквах отображается нормально а на русских ничего непоменялось - в чем может буть проблема?
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-