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
-
Безопасные web-шрифты
Не могу вспомнить адрес сайта, на котором был список шрифтов и их доступность на разных платформах. Хочу подобрать шрифты с засечками и без, чтобы они были установлены на максимальном количестве систем.
0 votes2 answers -
Пустое место при сдвиге "скроллера" вправо
Делаю сайт: http://czechturizm.cz резиновым (для мобильников и прочего) Слайдер .slider хочу сделать на минимальную и максимальную ширину браузера... и вот, когда окно браузера уменьшить (по ширине) чтобы снизу была полоса прокрутки, то прокрутив ее вправо... слайдер остается зафиксированным, и появляется пустое место (черный экран - я сделал фон body черным, чтобы легче заметить косяки). Как это исправить? чтобы не было пустого места... или скроллер не появлялся? —————————— Вопрос решен (вроде) оказывается, ширина среднего блока была шыре верхнего...
0 votes1 answer -
Почему то можно менять размер фрейма. HTML
Здравствуйте, я начал заниматься веб разработкой можно сказать только что. Думаю как и что расписывать не стоит. Суть проблемы в следующем. Я делаю два фрейма. Первый это под меню. Второй фрейм это контент. И вот в первом фрейме(меню) в браузере можно менять размер. Скорее всего что то не так в коде. Повторюсь что я можно сказать вот вот занялся веб, поэтому я такой тупенький. САМ КОД: <html> <head> <title> Название </title> <alt="Тоже название"> </head> <frameset rows=" 10%, 90% " > <frame src="menu.html" > <frame src="content.html"> </frameset> </html> P.S. ищу себе мастера…
0 votes0 answers -
Звездочки, но не рейтинг
Приветствую, пользователь. Делаю верстку по макету и надо сделать звездочки (Скриншот прикрепил), как я понял по макету они просто высвечиваются, возможности ставить оценку не должно быть. Так вот как лучше сверстать это, чтобы, например, когда проект уйдет в продакшн людям с админки было бы удобнее выставлять их. Я просто поместил фото звездочки в div и продублировал звездочку нужное количество раз, а также применил float:right (скриншот прикрепил) . Был вариант сделать с помощью чекбоксов (выключить их и поменять иконку на звездочку), но подумал, что это костыль. Так вот как лучше сверстать это и правильно ли использовать в таком случае float в 2020 году? Звездочки …
0 votes1 answer -
Как залить полную область чёрным цветов.
Я сделал в Фигме макет (1600х900) главной страницы, которая будет встречать при заходе на него и далее по кнопке уже переходим на освной, но не суть. Дело в том, что по середине у меня логотип, а далее внизу должна быть кнопка. Всё я это сделал. Но ниже логотипа(где должна быть кнопка), её не видно, но она есть. Там просто не заливается чёрным цветом, всё что ниже этого лога. Как это можно исправить?
0 votes3 answers -
Пункты меню
Здравствуйте! Подскажите пожалуйста,как можно сделать так,чтобы пункты меню сайта добавлял сам пользователь из админки?
0 votes5 answers -
Параметр class="" (с двупя пустыми кавычками). Что это?
Такая строчка: <div id="box" class=""> Что означает так поставленный class? Нужен он вообще или можно без него?
0 votes1 answer -
Часто сталкиваюсь с 1 проблемой в IE
У меня такой вопрос: Частро при верстке дизайна в IE появляется нижний скролинг. В конечном итоге избавляюсь от проблемы но хотелбы узнать логику что бы изначально не допускать этого! из за чего это может происходить? из за того что не указанна ширина у одного из блоков или чего еще? вот к примеру последний такой случай тут
0 votes3 answers -
Каталог
Здравствуйте. Имеется вот такой недоделанный сайт: http://happyclouds.spb.ru/ Требуется создать каталог: http://happyclouds.spb.ru/premium.html Вопрос: как автоматизировать (ускорить) создания каталога? PHP? CMS? Начала создавать вручную - получается долго и муторно. Заранее всем спасибо за ответы
0 votes1 answer -
Глюк с Оперой и QueryTabs
В общем не хочет правильно отображаться следующий код в Опере, все кнопочки перемешиваются при их перемещении... (такое происходит только в этом браузере) ПС. Заодно хотелось бы спросить, как заставить браузер запоминать положение этих кнопок (вероятно прибегнув к кукисам) Код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Навигация по сайтам </title> <meta name="generator" content="Navigation bar"> …
0 votes2 answers -
Расстояние между <TD>
Не могу добиться расстояния между <td> в таблице. cellspacing не подходит. padding, тоже не подходит, так как идет рамка. Какие варианты еще есть?
0 votes4 answers -
Отображение изображений с удаленного фтп
Здравствуйте. Даже не представляю как решить такую задачку. Есть доступ к фтп серверу по логину, паролю. В корне сервера лежат файлы изображений. Количество постоянно пополняется. Есть веб-страничка на другом сервере. Как отобразить на страничке изображения с фтп, при условии, что ни количество ни имена файлов заранее не известны. Может есть какое готовое решение на jquery, например.
0 votes3 answers -
Как растянуть #contant на всю страницу?
Сайт http://kofe.16mb.com/ Нужно для прижатия подвала к низу. HTML: <!DOCTYPE HTML> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Аренда и продажа кофемашин и продажа кофе</title> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" /> <link rel="icon" href="favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> </head> <body> <div class="topline"></div> <div id="contant"><div id="ave"><!--Приветствие--> <img src="img/logo01.png" alt="логотип" width="250" height="239" id="…
0 votes0 answers -
хелп люди
вот я например собираюсь фильмы на сайт выкладывать мне как под каждый фильм по отдельной странице запиливать или как???
0 votes5 answers -
ine-height и единицы измерения (продолжение)
Я уже создавал тему с подобным вопросом - http://forum.htmlbook.ru/index.php?showtopic=39156&st=0&p=276197entry276197 И мне дали вполне понятный ответ. Но вот сегодня меня кое-что опять загнало в тупик. Итак, возьмем тот же код http://jsfiddle.net/usfe/u8TCq/2/ При использовании у body line-height просто число пересчет line-height для абзаца происходит после наследования(то есть наследуется 28px шрифта и умножается на 1). А в случае EM перерасчет происходит ДО наследования, то есть эта 1 умножается на 16 пикселей от body. НО! Если теперь 1EM прописать для <p> то итоговый line-height внутри абзаца, как можно догадаться, станет именно 1*28, хотя по той логик…
0 votes4 answers -
Помогите решить задачу с :hover
В общем идея такая: - создал три квадрата и один список, который находится под квадратами. Данные элементы находятся в одном блоке. В каждом из квадратов находится по одному блочному элементу <p> разного цвета, у которых стоит display: none. При наведении курсора мыши на один из пунктов списка под соответствующим квадратом с использованием :hover, ожидал увидеть чудесное появление блочного элемента <p> в квадрате соответствующего цвета.... Но как то появляться он не хочет... Кто может объяснить эту проблему и возможно ли осуществить такую задумку? Вот мое творение: http://jsbin.com/fojuz/1/edit
0 votes10 answers -
Как сделать, чтобы дочерние элементы не наследовали стиль родителя?
Можно ли задать какое-нибудь свойство родителю, или воспользоваться каким-нибудь псевдоклассом, чтобы его дочерние элементы не наследовали его стиль, или необходимо для каждого возможного дочернего элемента переписывать стиль внутри данного родителя?
0 votes1 answer -
Проблемы с max-width
Вот сайт http://texteredsa.besaba.com/ там есть 3 блока которые идут друг за другом. вот пытаюсь блоку .logo задать max-width, чтобы при уменьшении элементы тянулись. но увы max-width не работает, почему ? как сделать резину ?
0 votes1 answer -
Изменение изображения при наведении на другое изображение
Вопрос в следующем: Во многих местах описано как сделать скриптами или средствами CSS изменение изображения при наведении на него курсора. Я столкнулся с необходимостью изменения одного изображения при наведении курсора на другие изображения. Может кто сталкивался, а то сам не соображу. заранее спасибо за ответы
0 votes6 answers -
Tag data в зависимости от ширины экрана
День добрый! Применение этого слайдера http://codepen.io/462960/pen/yyKrWP на разных экранах требует выведение различного количества слайдов. Их количество регулируется " data-cycle-carousel-visible=7" в теге .cycle-slideshow Предложите пожалуйста решение этой задачи. Т есть, значение " data-cycle-carousel-visible=7" для каждого @media устанавливается разное.
0 votes3 answers -
Адаптивная вёрстка и как её постичь?
Доброго всем времени суток. Дошёл я в изучении до адаптивной вёрстки. И тут я как-то заплутал) Как я понял есть несколько способов сделать сайт адаптивным. Я понимаю, что многие готовые макеты на CMS уже имеют адаптивную вёрстку. Но хотелось бы научиться адаптировать сайты самому. Но вот информации для новичков в интернете как-то маловато по этому вопросу. Могли бы вы посоветовать несколько источников, книг там или видеоуроков по адаптивной вёрстке? Так, чтобы сразу стало понятно, что это за зверь и как с ним обращаться.
0 votes1 answer -
Выпадающие списки
удалено!!!!
0 votes0 answers -
Как создать ссылку
<map> <area shape="rect" coords="10,200,10,200" href="http://sendlab.ru/sympa" alt="Перейти на главную"> </map> Можно ли сделать некоторую область экрана ссылкой. Или это обязательно должна быть часть какого-то рисунка???
0 votes1 answer -
Слой высотой в 1 пиксель
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Проверка</title> </head> <body> <div style="width:100%;height:1px;background-color:#AAAAAA;font-size:0px;margin:5px 0px 8px 0px;"></div> </body> </html> В опере и мазиле слой, как и положено, высотой 1 пиксель. В интернет експлорере почему-то его высота равна 2 пикселя. Кто-нибудь знает как это можно исправить?
0 votes1 answer -
Прозрачность не работает при наложении div
Помогите пожалуйста определить в чем проблема. Вот мой код <div id="market_right"> <div class="picture"><img src="images/market_picture.png" alt="" /></div> <div id="genius_ban"><a href=""><img src="images/genius.png" alt="Бесплатные курсы" /></a></div> </div> стили: #market_right {float:left; overflow:hidden; position:relative;height:125px; width:800px;} #market_right .picture {position:absolute; left:0px; z-index:2;} #genius_ban {position:absolute; right:0px; z-index:3;} И вот как это выглядит: http://tri4.ax3.net/akado_ural/nalozh.html Т.е. картинка или слой не просвечивают. (карти…
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-