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
-
Как изменить расположение данера ( статистики)
Есть ресурс : Нажмите сюда! Как видите вверху с права маленький банер ( маленький, т.к. если его сделать больше поиск съезжает вниз, в результате чего, хедер становиться шире , и все выглядит ужасно). Как его сдвинуть в лево, что бы поиск занял свое привычное место... Спасибо "<div id="site-description"> <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a> <h1>{SITENAME}</h1> <p>{SITE_DESCRIPTION}</p> <p class="skiplink"><a href="#start_here">{L_SKIP}</a></p> </div> <a href="http://nigma.ru/m&graf20008" target="_blank" title=" Нигма "><img src="http://www.kvshu39.ru/ima…
0 votes7 answers -
Проблема отображения <ul> в Chrome
Доступен код: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег UL</title> </head> <body> <center> <ul> <li>Чебурашка</li> <li>Крокодил Гена</li> <li>Шапокляк</li> </ul> </center> </body> </html> Вот результат: В Firefox 5 & Opera 11.50 правильно отображается, а вот в Chrome 13 нет, можно как-то в CSS правило написать чтоб решить эту проблему, так как текст берется с БД после сохранения с tinymce.
0 votes7 answers -
Паранормальный HTML
Здравствуйте, я вот никак не могу понять почему так происходит, объясните пожалуйста... Есть информационный блок сайта где просто перечислены вложенными списками населённые пункты, вёрстка там самая обычная (float: left, margin-left, clear: left): При просмотре сайта на любом мобильном устройстве в вертикальном положении, размер шрифта правых ссылок становится заметно больше чем левых: Если перевернуть устройство в горизонтальное положение то всё становится ровно, так как и должно быть. Никакой адаптивности нет, нигде не задаётся размер индивидуально к чему-либо (он только у body и всё, на всём сайте), никакой font-size не помогает вместе с !…
0 votes8 answers -
Не могу заставить <button> действовать как inline
Есть span. Если спану задать padding, он вывалится за поля родителя. Если button задать padding, display: inline; border: 0, то за поля родителя кнопка все равно вылезать не хочет. Почему? Демо - https://jsfiddle.net/hmev9p1r/
1 vote6 answers -
Интересный эффект на Рамблер, как реализовать?
На Раблере, в разделе вакансии увидела очень интересный эффект, когда нажимаешь на кнопку "предложить резюме", появляется красивое окошко , с просьбой ввести свои данные, а экран как бы затуманивается. http://hr.rambler.ru/25221412.html. Это JavaScript?
0 votes5 answers -
Как реализовать 3 колонки?
Нужно сделать три колонки, ценральная имеет фиксированную ширину (и находится ровно по центру), края равномерно растягиваются по ширине экрана. Голову сломал..
0 votes5 answers -
Ширина тэгов H
Доброе время суток. Делаю такой стиль: h1 { background-color: цвет; color: цвет; padding: значение; } Вывожу заголовок, но фон закрашивается не только под текстом заголовка, но на всю ширину родительского элемента. Можно ли как-то ограницить заливку фона только границами текста заголовка? Спасибо.
0 votes8 answers -
100 однотипных страниц
Есть страница, на её основе нужно ещё 100 страниц (меняются только фото и описание этих фотографий); всё понятно, что надо использовать php, но для меня на данный момент, это сложно, споткнулась даже на денвере, не могу установить- так как вообще в вёрстке новичок и слишком далека от этой сферы. Вопрос: можно ли только на Html- или это сплошные минусы?
0 votes4 answers -
Прикрутить php к форме обратной связи.
Есть форма обратной связи.Ну уж оочень красивая...но пустышка, т.е. болванка с mail-to Где почитать последовательно как делают скрипты для отправки почты я так понимаю лучший вариант это php, но где-то слышал и про ajax
0 votes1 answer -
Сверстать портфолио
Верстаю очередной макетик-портфолио. Столкнулся с проблемой. Идут 16 картинок, по 4 вряд. Указываю для класса .works margin: 40px 0 40px 0; Получается что и у 4, 8, 12, 16 блоков есть отступ справа 40. Они как бы выступают из основного контейнера. С помощью nth-child убираю этот отступ. Есть другой способ? Так как при добавлении еще n количества работ придется дописывать css Вот сама работа: http://cm04741.tmweb.ru/
0 votes20 answers -
Отступы в IE6.
При верстке сайта столкнулся с проблемой, не понятно откуда взялись отступы в блоках в IE6. Никакие из принятых мною мер не принесли результата. Нужно сделать рамку с закругленными концами. Для этого я использую 4 изображения закругленных концов 5х5 пикселей и 2 блока с горизонтальными линиями фиксированной ширины и высотой в 5 пикселей. Во всех браузерах отображается правильно, в IE6 блоки, хранящие картинки имеют высоту гораздо больше 5 пикселей (выделено зел?ным цветом). Чтобы лучше понять о ч?м ид?т речь взгляните в браузере. CSS .clear { clear: left; } #container { width: 944px; margin: 200px auto; height: 100%; } .bottom_line { margin: 0px; padding: 0px; …
0 votes2 answers -
Header
Доброй ночи! Спасибо за удобный, понятный для начинающих мастеров сайт! Удачи Вам и процветания! Обращаюсь к Вам за помощью.))) Пытаюсь сверстать шапку сайта, которая состоит из трех картинок. Сделал все вроде так, но не так.)))) Две картинки стали нормально (слева и по центру), а третья стала справа, но сместилась вниз ровно на ту высоту которая задана в шапке. Код прилагаю. Если можете, помогите разобраться, поделитесь опытом.)))) Заранее спасибо. HTML: <!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> <title></title> <meta …
0 votes8 answers -
Проблемы с текстовым полем
Друзья, прошу помощи. Уже не первый год занимаюсь сайтами, с таким чудом столкнулся впервые. Неожиданно для меня в текстовых полях определённого модуля сайта перестали работать стрелки клавиатуры влево-вправо. работает пробел, работают стрелки вверх-вниз... Всё работает, но влево-вправо - нет. Это что-то неописуемое. На этом же самом движке сделал новый сайт - всё без проблем, всё работает, а тут просто чудеса какие-то. Всё нормально было, и тут вдруг такое... Непонятно, что произошло. Пользователи недовольны, да и самому неудобно в тексте чтобы курсор переставить, приходится мышкой по нужному месту кликать. В чём может быть дело? Сайт и проблему можно посмотреть тут в по…
0 votes9 answers -
HELP!
Всем доброго времени суток. Помогите пожалуйста с страничкой. Вот станичка содержимое правого сайдаба по разному отображается, в IE7 последняя картинка в блоке почти прилегает к низу блока, а в остальных браузерах чуть с запасом. Помогите разобраться. Уже пробовал с бубном танцевать - не помогло.
0 votes14 answers -
Правый блок заезжает на футер
Добрый день. При перевёрстке сайта с таблиц на блоки появилась проблема -- правая колонка начала упрямо залезать на футер. Padding в футере почему-то даёт отступ от основного контента (аналогично контент от футера), а "правый" div, находящийся между ними, игнорирует. Пробовал справиться с помощью float, clear: both -- увы, не помогает. Нужно чтобы подвал в любом случае находился ниже основного содержания и правого блока. Фрагмент CSS-кода: #content { margin-right: 231px; padding: 10px; border-right: 1px dashed #183533; } #content p { margin-top: 0.3em; } #rightcol { position: absolute; right: 0; top: 131px; width: 220px; font-size:…
0 votes2 answers -
jQuery
Подскажите пожалуйста знатоки, как в приведеном фрагменте прописано обращение к библиотеке jQuery? <head> <title>Animated Form Switching with jQuery</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta name="description" content="Expand, contract, animate forms with jQuery wihtout leaving the page" /> <meta name="keywords" content="expand, form, css3, jquery, animate, width, height, adapt, unobtrusive javascript"/> <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/> <link rel="stylesheet" type="text/css" href="css/style.css" /> <…
0 votes12 answers -
Соединение двух input-ов в одно. Возможно ли?
Здравствуйте. Дизайн заставляет сделать нечто такое: Первая строка - понятно, делаем input, и просто забираем все border-ы кроме нижнего. А что можно сделать с нижними строками (input) в которые также нужно вписывать текст? Как их можно соединить? Единственный возможный вариант который я вижу, это писать не простой js, который заставит перепрыгивать с input-а на input при написании/удалении текста. Но это ппц сколько работы. Не подскажите что можно сделать? Может кто-то подобное уже реализовывал? Спасибо.
0 votes7 answers -
Верстка карты мест
Добрый день! Верстаю карту мест, возник вопрос по поводу центрирования заголовков Бизнес и эконом. Учитывая то, что у них свойство display:table-row, не могу никак найти решение проблемы. Помогите,пожалуйста, найти решение проблемы. Код ниже. Спасибо. https://codepen.io/yulshaz/pen/BMWGYe
0 votes3 answers -
Какую книгу
Всем привет! Какого автра книжку купить, посоветуюте
0 votes5 answers -
height:100% и min-height:100%
Привет всем. Возник вопросик по css. как реализовать блоки таким образом, чтобы основной блок имел высоту 100% (допустим блок 1) и вложенный в него блок 100% (блок 2). Все хорошо, но есть одна проблема, если блок 2 превышает высоту 100%, то основной (блок 1) остается с высотой 100% и min-height:100 не помогает. <!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="en" lang="en"> <head> <meta http-equiv="Content-type" content="text/html;charset=UTF-8" /> <title>123</title> <style> body {margin:0; padding:0; h…
0 votes7 answers -
Моготи привести в порядок развращённый css код
Здравствуйте. Я подстраивал css код под свои нужда и наконец сделав это вдруг понял, что с такой вёрсткой "профессиональной" остаётся ждать косяков. Пожалуйста помогите исправить сделать его более нормальным css кодом, а то я минусами в маргине пораскидался, а как сделать тоже нормальными средствами незнаю(. <!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> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="title" content="" /> <meta name="keywords" content="" /> …
0 votes7 answers -
Подчёркивание
Всех с Новым Годом! Взял подчеркивание отсюда http://htmlbook.ru/faq/kak-dobavit-punktir...vanie-k-ssylkam В общем код работает без проблем, но стоит в CSS правила добавить * {margin:0; padding:0;} А ссылку заключить в <h*></h*> Как код перестаёт работать в IE8. Искал этот затык в коде целый час. Теперь думаю, как исправить. Вот тестовый код, который я использую: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document<…
0 votes17 answers -
"Дёргаются" страницы
сайт - www.shark.ru Дёргаются страницы при переходе по пунктам меню и при смене картинок в карусели на главной - в Хроме, у нескольких человек на работе. Кеш чистили, не помогло... У большинства в том же Хроме ничего не дёргается. В чём может быть проблема? Я предполагаю, что в самой карусели, поскольку пока её там не было, не было и такой проблемы... Но где именно может быть ошибка?
0 votes6 answers -
Посоветуйте хорошие онлайн-курсы
Кто-нибудь знает хороший онлайн-курс по HTML5 и CSS3?? Если это платный сервис, но хороший, поделитесь тоже линком, плиз!
0 votes5 answers -
floaf и overflow: auto
Здравствуйте. Проблема такая. Имеем подобную структуру http://codepen.io/usf/pen/enGgE В хроме при overflow: auto ширина блока blockquote ведет себя правильно. А вот в мозилле ширина блока составляет на 200 пикселей меньше. То есть, чтобы они вели себя одинакового нужно добавить margin-left(или padding) 200px. НО! В моем случае размер блока слева может быть разным, не только 200, как заставить ФФ вести себя точно так же, как хром, чтобы получить верное значение ширины блока blockquote (отсутствие переносов и прокрутки)
0 votes8 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-