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
-
Проблема с вложенной таблицей, Помогите )
Как я понял, из за того что <!-- Главный фрейм --> содержит вложенную таблицу, фон вложенной таблицы срезается по краям на 1 пиксель, это хорошо видно над футером, помогите пожалуйста, убрать этот зазор) <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <meta name="description" content="Товары для здоровья" /> <meta name="keywords" content="Теги теги, много тегов"> <title>Товары для здоровья</title> <style type="text/css"> .osn {font-family: fantasy; text-align:justify; color: #64522A; font-size: 90%} body { background-color: #6DBA14; background-image: url…
0 votes7 answers -
Паранормальный HTML
Здравствуйте, я вот никак не могу понять почему так происходит, объясните пожалуйста... Есть информационный блок сайта где просто перечислены вложенными списками населённые пункты, вёрстка там самая обычная (float: left, margin-left, clear: left): При просмотре сайта на любом мобильном устройстве в вертикальном положении, размер шрифта правых ссылок становится заметно больше чем левых: Если перевернуть устройство в горизонтальное положение то всё становится ровно, так как и должно быть. Никакой адаптивности нет, нигде не задаётся размер индивидуально к чему-либо (он только у body и всё, на всём сайте), никакой font-size не помогает вместе с !…
0 votes8 answers -
Интересный эффект на Рамблер, как реализовать?
На Раблере, в разделе вакансии увидела очень интересный эффект, когда нажимаешь на кнопку "предложить резюме", появляется красивое окошко , с просьбой ввести свои данные, а экран как бы затуманивается. http://hr.rambler.ru/25221412.html. Это JavaScript?
0 votes5 answers -
Как реализовать 3 колонки?
Нужно сделать три колонки, ценральная имеет фиксированную ширину (и находится ровно по центру), края равномерно растягиваются по ширине экрана. Голову сломал..
0 votes5 answers -
Ширина тэгов H
Доброе время суток. Делаю такой стиль: h1 { background-color: цвет; color: цвет; padding: значение; } Вывожу заголовок, но фон закрашивается не только под текстом заголовка, но на всю ширину родительского элемента. Можно ли как-то ограницить заливку фона только границами текста заголовка? Спасибо.
0 votes8 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 -
Не могу заставить <button> действовать как inline
Есть span. Если спану задать padding, он вывалится за поля родителя. Если button задать padding, display: inline; border: 0, то за поля родителя кнопка все равно вылезать не хочет. Почему? Демо - https://jsfiddle.net/hmev9p1r/
1 vote6 answers -
Неправильно вычисляется высота страницы
Глюк можно увидеть на этих страницах http://www.ulskiy.org.ua/portofolio/outdoor.html http://www.ulskiy.org.ua/portofolio/logotypes.html Лучше всего его видно на http://www.ulskiy.org.ua/portofolio/websites.html Вот таблицы стилей http://www.ulskiy.org.ua/portofolio/greenstyle1.css http://www.ulskiy.org.ua/portofolio/greenwebsites.css http://www.ulskiy.org.ua/portofolio/greenthumbnails.css Вот описание глюка. Сайт состоит из четырех блоков (topheader, menucontainer, contenttext, bttomheader) вложенных в главный блок (contentbody) У блока topheader жестко прописана высота, задано абсолютное позиционирование и он привязан к верхнему левому углу главного блока у блока btto…
0 votes3 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 -
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 -
100 однотипных страниц
Есть страница, на её основе нужно ещё 100 страниц (меняются только фото и описание этих фотографий); всё понятно, что надо использовать php, но для меня на данный момент, это сложно, споткнулась даже на денвере, не могу установить- так как вообще в вёрстке новичок и слишком далека от этой сферы. Вопрос: можно ли только на Html- или это сплошные минусы?
0 votes4 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 -
Моготи привести в порядок развращённый 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 -
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 -
Посоветуйте хорошие онлайн-курсы
Кто-нибудь знает хороший онлайн-курс по 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 -
Абсолюнтое позиционирование или как лучше задавать позицию картинкам
Добрый день, столкнулся с такой проблемой. Верстая страницу заключал изображения в тег <div> с определенным класом и в css, задаю им позицию какую хочу видеть у себя в браузере. например .content-bar2 { float: right; position: absolute; top: 300px; right: 50px; } Так вот когда я несколько элементов так размещаю, один над одним, то у меня в браузере все отоброжается нормально. Но открыв с другого компьтера, получилос так что одно изображение наезжает на другое, что это и с чем связано и как это вылечить. И если не сложно обьясните пожалуйста особенности position: absolute. Как я понимаю float и absolute вместе не работают ? Как я понимаю float и ab…
0 votes5 answers -
Label + input
Есть код: <input type="checkbox" name="vopros2[]" value="0001" id="vopros2_4" class="checked"> <label for="vopros2_4">Ваш вариант ответа: <input type="text" name="vopros2[]" size="100" class="checked" id="text1"></label> В Опере при клике на инпуте, флаг не ставится. В Файр Фоксе при клике не инпуте, флаг ставится, но фокус с текст поля пропадает и невозможно ввести текст. В Хроме работает все отлично) Как сделать это решение более кроссбраузерно?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-