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
-
Проблемка с версткой..
В общем, раньше в основном занимался PHP, теперь занялся версткой. Такая проблема. <!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>.</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Loading Bootstrap --> <link href="bootstrap/css/bootstrap.css" rel="stylesheet"> <!-- Loading Flat UI --> <link href="css/flat-ui.css" rel="stylesheet"> <link rel="shortcut icon" href="images/favicon.ico"> <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. --> <!--[if lt IE 9]> <scr…
0 votes2 answers -
Как правильно написать?
Здравствуйте друзья, как мне написать такое C value=A value +B value? <input type="text" size="40" name="email"><input type="text" size="40" name="phone"> <input type="hidden" size="40" name="comment" value="">
0 votes5 answers -
таблица вылазит из дива из-за длинной непрерывной строки
Есть страница шаблона панели управления в которой из-за длинной непрерырвной строки таблица сильно вылазит за пределы дива. Просьба помочь в данном вопросе, желательно с помощью css, так как редактирование html ограниченно тем что панель генерит часть кода. вот шаблон данной страницы, а вот сгенерированая страница. Заранее благодарю за помощь...
0 votes2 answers -
оцените html сайт
Cоздала сайт на html , где рассказывается про canvas с объяснением, на конкретных программах. http://www.animacanvaszdorove.ru/
0 votes3 answers -
css Как заделеигировать событие?
Как сделать чтобы событие на 'div' выполнилось, после своего появления от нажатия на 'p' ? https://jsfiddle.net/s4eoawef/17/
0 votes3 answers -
Вопрос по поводу форм и форума на сайте.
- Я не привередлив. И не требую, чтобы мне сюда выложили код, а я его вставил и точка... Это бесполезно и мне вовсе не интересно. Программировать сайты, или как там их, я начал недавно. Пока только научился применять таблицы, с элементами всякого прочего, что мне нужно, чтобы достичь желаемого результата. Например: <table width="95%" align="center" bgcolor="fbede7"><tr><td colspan="3" bgcolor="e76d31" align="center"><font size="2" color="8A425C">фывыф</font></td></tr><tr><td valign="top" align="center" width="25%"><img src="http://i051.radikal.ru/0811/de/36c64dcdd0ef.gif" width="150"; height="150"></td><…
0 votes2 answers -
Динамическая html форма
Здравствуйте. Задача: сделать на сайте динамическую html форму. По образу автомобильных сайтов. Например, если выбрана марка авто тойота, то следующий выпадающий список - модели тойоты, и т.д. Данные из формы надо отправлять на мыло. Погуглил - ничего даже похожего не нашел. Подскажите, пожалуйста пути решения вопроса, или ссылку на скрипты или хоть "что гуглить". Спасибо.
0 votes5 answers -
Equal Height Colums & IE9
Привет, тестировал тут некоторые оптимизации разных методов вёрстки колонок одинаковой высоты, и наткнулся на одну странную особенность IE 9 в случае использования одного старого метода, который так и называется Equal Height Colums. Суть этой странности продемонстрирована на скринах ниже: рис 1. - рендер браузеров с правильным отображением (куда входит ie6-ie8, Opera > 9.2x, Safari > 3.x, FF > 3.6x и т.д) рис 2. - отображение в IE9, на рисунке видно, что border-bottom элемента blockquote на один пиксель выше, чем во всех остальных Рис. 1 Рис. 2 Собственно, подскажите пожалуйста из-за чего это происходит, и как это фиксить относительно без хаков и условных комме…
0 votes3 answers -
Помогите переделать оформление h2 в div
Было так .sidebar h2{ margin: 10px 0 0px 0; padding: 10px 0 10px 6px; text-align: left; font-size: 18px; line-height: 18px; color: #F4F5F6; font-family: Arial, Helvetica, Sans-serif; font-weight: bold; text-transform: uppercase; background: url(images/sidebar-tab.png) left top repeat-x; } .............. <h2 class="widgettitle">Новые статьи</div> Мне нужно убрать тег h2 и сделать такоеже оформление, но через div. Как правильно переделать код?
0 votes3 answers -
Как выравнять по центру инлайновые дивы?
Вот код: <style> #inners{ width: 400px; margin: auto; background-color: red; text-align: center; } #inners .inner{ display: inline; float: left; margin-right: 10px; background-color: green; } </style> <div id="inners"> <div class="inner">11111<br>11111<br>1111</div> <div class="inner">222222</div> <div class="inner">3333</div> <div style="clear: both;"></div> </div> Хочу выравнять эти инлайновые блоки по центру. Думал, что text-align: center сработает для инлайновых элементов, но не сработал Может кто знает?
0 votes6 answers -
Помогите с версткой
народ помогите советом. не могу решение найти, потому что даже не знаю как сформулировать проблему. не сохраняются изменения в css файлах. Пишет This file has been modified by another program Когда нажимаю "проинспектировать страницу " в опере или в хроме то вместо нормальных файлов (style.css или template.css) мне предлагаются вот такой файл 3ee76bd7b2de32d1ae03139124316705. css (причем для любого элемента и страницы) , который лежит в папке cache До недавнего времени все нормально было. Почему все изменения предлагаются через КЕШ файл? Подскажите кто сталкивался пожалуйста. К сожалению пока на локалке, не могу предоставить сайт. использую joomla 1.5 + virtuemart 1.1.9 …
0 votes2 answers -
<li> в одну строчку с градиентным скрыванием
Где-то видел, не помню где, что элементы списка вписанного в 200-пиксельный столбец если в 1 строчку не помещались, то плавно градиентом обрезались.. Подскажите, хотябы в какую степь искать.. Сейчас вот так: http://free-mp3-download.ru/ (см. слева блок Свежие mp3) Хотелось бы типа вот так: (как сделать в 1 срочку я знаю, вопрос в том как сделать "затухание") Заранее благодарен.
0 votes2 answers -
проблема с float
промлема в том, что когда я прописываю картинке float, она становится как бы не видимой для блоков которые следуют после неё... помогите кто чем может)) вот код: <div id="content"> <h1>Home</h1> <img class="line" src="img/line.png" alt="дет сайт" /> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse sagittis. Donec dictum, magna ullamcorper eleifend dapibus, lectus purus condimentum tellus, eu blandit nisl augue et massa. Mauris nisl diam, placerat vel, lacinia eu, luctus at, orci.Cras eget libero at sapien molestie condimentum. Ut interdum elit in risus. Pellentesque nisi. Aenean mauris nisl, interdum eu,tempor f…
0 votes4 answers -
Между блоками зазор
Тест Если footer-у добавить padding или border,зазора(15px) нет,если убрать сразу появляется,не могу въехать где ошибка
0 votes12 answers -
Выравнивание текста внутри блока.
Стоит задача выровнять текст внутри блока по горизонтали и по вертикали. Т.е. вне зависимости от ширины и высоты текста он должен быть всегда по центру. Прилагаю скриншот Есть соображения как это сделать?
0 votes3 answers -
Первая верстка
Всем привет! Решил сверстать свой первый пробный макет. Сам по себе макет очень простой, но и тот вызвал некоторые сложности.. Вот сайт - http://probocha.ucoz.ru/index.html Проблема заключается в том, что при изменении масштаба блоки едут. Как с этим бороться? И заодно воспользуюсь случаем и попрошу обратить внимание на верстку в общем. Буду рад услышать ваши конструктивные комментарии. Спасибо огромное!
0 votes8 answers -
Изменение цвета кнопки "active"
Кнопка: <span id="h1" class="south" onclick="show_wm()" original-title="WebMoney"></span> Работает "hover", остальные значения не живут A:link Определяет стиль для обычной непосещенной ссылки. A:visited Определяет стиль для посещенной ссылки. A:active Определяет стиль для активной ссылки. Активной ссылка становится при нажатии на нее. A:hover Определяет стиль для ссылки при наведении на нее мышью. или надо переделать в <a id="h1" class="south" onclick="show_wm()" original-title="WebMoney"></a>
0 votes0 answers -
Меняется размер меню навигации в разных браузерах.
Здравствуйте, решил установить себе на сайт вот это меню. Все прошло нормально, меню нормально отображается в Chrome и IE11, но при открытии сайта через Firefox 28 меню укорачивается в длине на 3-4 пикселя. Не понимаю в чем может быть проблема. Снимки проблемы в разных браузерах: Код CSS навигации. /*—————————- CSS3 Animated Navigation—————————--*/.fancyNav{ /* Affects the UL element */ overflow: hidden; display: inline-block;}.fancyNav li{ /* Specifying a fallback color and we define CSS3 gradients for the major browsers: */ background-color: #f0f0f0; background-image: -webkit-gradient(linear,left top, left bottom,from(#fefefe), color-stop(0.5,#f0f0f0), color-sto…
0 votes2 answers -
Абсолютный блок растягивает родителя
Привет. Есть вот такой пример http://jsfiddle.net/npofopr/wSTJ3/ Можно ли как то сделать, чтобы при клике Добавить, блок с появляющейся формой не был "поверх" всего остального, а растягивал своего родителя, т.е. был обычным внутренним содержимым, а не выглядел отдельным элементом. По примеру более понятно должно быть, что не получается. Не то чтобы не получается, а пока вообще не знаю как быть.
0 votes6 answers -
Как это сделано?
http://blocparty.com/#home что за фича такая? у Павла Воли такая же мулька http://pavelvolya.com/
0 votes4 answers -
Рамка текста
Здравствуйте! В компоненте Cherry Picker (Joomla) в поле ввода цены курсор выделяется рамкой, как её убрать? Вот кусок кода стилей http://jsfiddle.net/0LcLqs5t/ Пробовал через color:white, но оно делает и сам текст белым. Спасибо.
0 votes5 answers -
Форма с кнопкой
Как верстаются такие кнопки: http://joxi.ru/yYwqVIwyTJBgeQmmPUE http://joxi.ru/y40qVIwyTJDVAvBqhbk <div id="search" class="form-box"> <form action="/search/"> <input id="form" type="text" name="q" placeholder="Поиск товара..." value="" maxlength="50" autocomplete="off"> </form> </div><input name="s" type="submit" value="jr" id="submit">div.form-box { position: relative; z-index: 2; left: 20px; top: 20px;/*22px;*/ margin: 0; padding: 0;} #form { position: absolute; height: 30px;/*24px;*/ margin: 0; padding: 0 7px; width: 270px; border-top: transparent; border-bottom: transparent; border-left: 1px solid #00…
0 votes4 answers -
Это можно сделать только фреймами?
Хочу сверстать страницы таким образом. Слева - одновременно панель меню и навигации. Правая часть подгружается в зависимости от выбора пункта меню. Я предполагаю сделать это с фреймами. Теперь вопросы. 1. Если делать фреймами, сколько должно быть html-файлов? У меня получается два: - index.html (в нем задается фрейм - left.html) - и собственно сам left.html Нужно два html-файла. Или можно обойтись как-то и одним? 2. Как еще можно сверстать то, что я описал?
0 votes15 answers -
Блок с 2 bg
Всем привет, есть вот такие блоки в макете, не могу придумать как реализовать Изображение в бэкграунде смещено, при масштабирование не должно "съезжать", блок 100% ширины. Есть идеи? Конечно можно картинкой весь блок вставить, но как-то жестко выйдет
0 votes6 answers -
Перед текстом остается пустое пространство
Должно отображаться так (без пустого места сверху): http://joxi.ru/KAgZWzJfgE14V2 Проблема: http://joxi.ru/52a5RMeIGELED2 Небольшой комментарий: если на страницу добавить текста, то все сверху будет меньше места. Как можно убрать свободное пространство?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-