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
-
Как удалить первый макер сделаный с помощью псевдокласса?
В меню маркеры сделал псевдоклассами, а сейчас пытаюсь удалить первый маркет у раздела СОБЫТИЯ(li::before:nth-last-child), пока не очень получается это сделать, подскажите варианты? https://jsfiddle.net/hq4txpsz/
0 votes1 answer -
Как установить максимальное количество знаков в ячейке?
Подкажите пожалуйста, как задать максимальное количество знаков в строке, так, чтоб при достижении максимального значения строка обрывалась и ставилось многоточие? Если прсто подсчитать максимальное количество знаков, которое умещается в строке, то как быть с тем, что у разных букв, например у прописных и заглавных, разная ширина?
0 votes2 answers -
Выравнивание списка
есть такой макет думаю много кто сталкивался с такого рода макетами Как вы поступаете с проблемой на картинке выше? Как бы самое простое решение это задать блоку фикс высоту по максимальному контенту Ещё вот решение это динамически обсчитытвать высоты блоков и задавать максимальную посредством js хотелось бы узнать как вы решаете такую штуку да и список сделан на конструкции <ul><li></li></ul>
0 votes4 answers -
Copyright
Скажите почему после верстки сайта ево верстальщик подписует Copyright тра та та та??? ведь это не копия.или я чевото непонимаю.
0 votes5 answers -
Как "грамотно" собрать спрайт по цветам или нет ?
Использование и сборка понятна - ну теория интеграции в HTML, тоже ясна. Но есть тут одна догадка, интересно узнать мнение опытной аудитории. Спрайт лучше собирать по цветам ? Или можно в разнобой ? Имеет тяжелый из трех цветов макет: бежевый и его оттенки, зеленый и его оттенки, коричневый и его оттенки. В теории я могу сделать один спрайт содержащий все элементы, которые представляется возможным сделать с фиксированным размером. Но я так же могу поделить их по цветам и получиться несколько спрайтов. По скольку макет большой, то работы много не хочется по три раза переделывать. Кто что думает по этому поводу ?
0 votes4 answers -
Проблема с переносом внутри inline-block
Привет всем. Есть четырёх-колонная страница. В каждой колонке: заголовок и список. Каждый элемент списка состоит из одного input'а типа checkbox и блока с двумя span'ами текста. Страница выглядит вот так. Проблема в следующих участках кода: <li> <input name="" type="checkbox"> <section> <span class="first-line">Текст</span><br> <span class="second-line">Текст</span> </section> </li> li { white-space: nowrap; /* Иначе после input'а section переносится на след. строку */ } input { margin-top: 0.4em; vertical-align: top; } section { display: inline-block; margin-left: 5px; white-space: normal; …
0 votes0 answers -
Верстка необычного ul
Основная проблема графика Для начала хотел сделать с jquery, но может кто сталкивался и находил более легкое решение такой верстки. Желательно конечно чтобы было в одном ul Или дайте направление куда копать и как выгоднее сделать
0 votes9 answers -
Подгон слоя под картинку с параметром align
Возникла проблема. при помещении картинки внутри слоя слой растягивается под размер картинки, а если к картинке добавляю align="сторона" слой перестает подгоняться под размер картинки. Внимание, вопрос: как сделать, чтобы слой подгонялся с наличием параметра align в картинке? Width/height к слою не предлогать
0 votes3 answers -
select css без js
Доброго времени суток. Делаю select с измененным видом. Заменяю изображениями, без js, только css. Вчера придумал способ, но он не работает в chrome и opera. Код такой <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru" > <head><style> #mod1 { margin:200px 0 0 350px; padding:0; width:250px; height:210px; } #mod1 select { border:0; padding:5px 0 0 0; width: 247px; height: 27px; background: url(bistrl3.png) 90% 0 no-repeat; } #mod3 { margin:10px 0 0 0; padding:0 0 0 7px; background: url(bistrl1.png) 0 0 no-re…
0 votes2 answers -
Растягивание неск.блоков по всей ширине родителя
Верстка блочная, каждый блок имеет один и тот же класс, никаких идентификаторов. В каждой строке по 4 блока, использую инлайн-блоки + свойство родителя "text-align: justify", не знаю, как бороться с последними блоками. Я думаю, данная проблема уже разбиралась не раз, но мои поиски не дали никакого результата, может ткнете меня в сыллку, или скажете, как правильно задавать поисковый запрос, а может и напишите решение этого.. Вот мой код: <div id="content"> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="bl…
0 votes4 answers -
Непонятная область блока
Приветствую! Интересная штука. Когда водишь мышью над третьим пунктом меню (Logout), попадается непонятная невидимая область, принадлежащая второму пункту (Gallery). И она довольно большая. Это хорошо видно по ховер эффекту изменения цвета иконки второго пункта. Такое действо происходит в Хроме, Опере, Сафари. А в Фаерфоксе - нет. Что это? http://tellmeof.cc.ua/DarkVertMenu/darkvertmenu.html
0 votes2 answers -
В какую сторону копать для упрощения верстки (макетирование).
Я в веб-верстки ровно месяц. Так что извините за незнание каких-либо терминов или/и их неправильное употребление. Попытался сделать сайт для себя, т.к. просто учиться на офлайн-файликах немного скучно. И уже сейчас столкнулся с такой проблемой. HTML-файлов в сайте уже штук 10, и каждый раз когда я хочу изменить интерфейс сайта мне приходится последовательно менять его во всех этих 10 файликах. Можно ли как-то оптимизировать этот процесс? Порылся в интернете - есть рекомендации Adobe Dreamweaver CC, но также пишут мол он "отупляет" верстальщика. Какую программу посоветуете для решения этой проблемы? В какую сторону копать?
0 votes4 answers -
Ожидание действия
Вот меню:https://jsfiddle.net/b5uma4re/2/ Если на вкладке "О нас" несколько раз наводить и убирать указатель мыши, то подменю будет выезжать несколько раз. Как сделать чтобы подменю реагировало только если указатель находится 500 миллисекунд ? т. е. если указатель продержался 400 миллисекунд и убрался то подменю не появляется.
0 votes5 answers -
как сделать чекбоксы
Подскажите, как сделать чекбоксы вроде http://imgur.com/a/NUfi0 совместимые с bootstrap ? Спасибо!
0 votes3 answers -
увеличение картинок при клике
Приветствую! Никак не могу понять как увеличивать картинки по клику. Есть статьи обернутые в класс article <div class="article"> <p>Текст текст текст</p> <img src="image.jpg"> <img src="image.jpg"> <img src="image.jpg"> <img src="image.jpg"> <p>Текст текст текст</p> </div> Картинки большие, уменьшаются css по ширине с авто высотой. .article img { max-width: 100%; height: auto; } Как сделать чтобы при клике на них в модальном окне открывалась полноразмерная картинка. Идеально было бы fancybox или аналог. Но я так понял они работают, только если обернуть картинки в …
0 votes0 answers -
Кодировка данных формы
Обнаружилась такая проблема. Данные формы отправляются по e-mail методом post. При нажатии на отправить открывается мэйл агент(в моем случае Outlook), там в нем все данные формы которые написаны кириллицой отображаются в таком виде Р?С?Р?Р?РчС?С? Р?С?Р?Р?РчС?Р?Р?Р?С╪ Р?С?Р?Р?РчС?Р?Р?. вот код фомы: <form method="post" enctype="text/plain" name="orderform" onsubmit="return check()" action="mailto:proverka@proverka.ru?subject=проверка" > думаю что дело в энктайпе, но этот тоже неподходит application/x-www-form-urlencoded. Думаю распространенная проблема. Подскажите пожалуйта что не так. да добавлю еще то, что через браузерный gmail агент кирилица отображется нормальн…
0 votes0 answers -
Вопрос по фреймам
На вашем сайте в описании тега frameset обнаружил вот такой код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Тег FRAMESET</title> </head> <frameset rows="80,*" cols="*"> <frame src="top.html" name="topFrame" scrolling="no" noresize> <frameset cols="80,*"> <frame src="left.html" name="leftFrame" scrolling="no" noresize> <frame src="main.html" name="mainFrame"> </frameset> </frameset> </html> У меня вопрос: зач…
0 votes1 answer -
Помогите ламмеру
Привет ребята помогите ламмеру. Как сделать фон Web-страницы в HTML. Хочу чтобы фоном была ненавязчивая катинка jpg размером 1024 Х 768. Но подлый браузер не растягивает её а копирует. <body background="pic.jpg"> что добавить к этому коду или как правильно его написать??????? Приношу извиения за тупость, заранее СПАСИБО за ответ.
0 votes5 answers -
Центровка элементов страницы
Есть у меня сайт. Главная страница разделена таблицей на две части 10% (меню), 90% (начинка). Начинка набивается кучей маленьких блоков, вот так (сократил): <body> <table> <tr><td width=10%>menu</td> <td width=90% align=center> <div class="column1"> новость 1 </div> <div class="column1"> новость 2 </div> <div class="column1"> новость ..... </div> </td></tr></table> стиль column 1: .column1 { float: left; margin-right: 20px; margin-bottom: 20px; } Очень удобно все получается, если экран у монитора широкоформатный, то блоки выстраиваются по горизонтале, если не очень, то в…
0 votes3 answers -
Как добиться отображаемости?
Привет, All! подскажите какие есть системные подходы к решению проблемы правильной отображаемости страницы в разных браузерах? вариант сарафанного радио (вариант "кто-то говорил Васе, что нужно делать вот так" явно не системный) спасибо
0 votes4 answers -
Вопрос по верстке шапки
Здравствуйте. Мне очень нужен совет и помощь по этому такому вопросу: Работодатель на свою и мою голову стал партнером mamba.ru. Появилась задача сменить дизайн сайта, чтобы он был не таким, как у конкурентов и пр. Нарисовали шапку. И тут все началось. Все файлы лежат на хосте мамбы. Все изменения, которые можно вносить в админке, очень скудны. Чтобы править шапку, туда можно вставлять html и css код, НО!!!! Этот код вставляется не в шапке(не в блоке с id HeadBlock), а до нее, отсюда все проблемы. Все что я добавляю, появляется вверху шапки а не в ней! А добавить туда надо аж 2 меню, он-лайн радио-плеер. Добавил, но теперь не знаю как это все опустить правильно в шапку. В…
0 votes2 answers -
Анимация глючит
Есть резиновая дивная вёрстка с анимацией скрытия боковых блоков: http://maestro-magnifico.ru/ Используется jQueryUI. Проблема в том, что при анимации боковых блоков, текст в центральном блоке не разъезжается плавно. CSS центрального блока: #center_column { margin: 0px 190px; /* ширина боковых блоков + отступы */ border: 2px solid red; /* для наглядности */ } Если сюда добавить ещё: display: inline-block; то, анимация текста становится плавной, но сам центральный блок опускается под высоту боковых блоков: http://savepic.net/1291355.png Как это исправить? =\
0 votes6 answers -
Резиновый сайт
Сделал резиновую верстку, но все равно появляются горизонтальные полосы прокрутки как это можно исправить и все элементы отображаются с права, как можно сделать чтобы они были по центру.Заранее очень благодарен за советы и ответы. Это CSS: * { margin: 0; padding: 0; } html { height: 100%; width:100%; } header, nav, section, article, aside, footer { display: block; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; height: 100%; width:100%; background-color:#000033; } a { color: blue; outline: none; text-decoration: underline; } a:hover { text-decoration: none; } p { margin: 0 0 18px } img { border: none; } input { vertical-align: middle; } #wra…
0 votes5 answers -
Помогите с гребанным кубом
Сколько возьмете чтоб куб вращался наместе а не бегал. вот адрес lesnoe.zz.mu там стили и скрипт все вместе...
0 votes7 answers -
Как сделать, чтобы сайдбар был по центру контента?
Здравствуйте. С такой вот задачкой столкнулся - как сделать, чтобы сайдбар был по центру контента? Дело в том, что на сайте есть очень длинные тексты. Вот надо чтоб в центре была реклама в сайдбаре например. Структура сайта <div id="wrapper"> <div id="header"></div> <div id="sidebar"></div> <div id="content"></div></div>стиль сайдбара #sidebar { background:blue; width:160px; height:600px; float: left; left: -50px; position: relative; top: 45%;}если писать в файрбаге top:xx%; то нормально блок уезжает куда надо. но когда в css файл сайта это пишу, то ничего не происходит и он как распологался сверху, та…
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-