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
-
Абсолютно позиционированный объект выходит за пределы
Абсолютно позиционированный объект выходит за пределы, можно поставить left:10px right:10px но есть другой вариант? Что применить чтобы абзац придерживался и не вылазил за отступ? https://jsfiddle.net/t3wfdnf9/
0 votes5 answers -
Помогите разобраться с заданием с чекбокс и выполнить его
На собеседовании дали задание, но я его не понял, можете, ПОЖАЛУЙСТА, объяснить что имеется в виду и как его выполнить. Вот задание: Используя только html и css отобразите кастомный чекбокс таким образом, чтобы: Оригинальное изображение чекбокса было скрыто. Весь функционал чекбокса был сохранен (checked – unchecked). Вместо чекбокса отображался текст, по клику на который - менялось бы состояние чекбокса на противоположное - менялся бы цвет текста.
0 votes1 answer -
Помогите
http://dump.ru/file_catalog/1031757 - вот скрин Я сделал новую шапку, убрал старую вставил новую, но теперь у меня исчезли надписи "На главную" "Выход" "пользователь" как их поставить на новую шапку????
0 votes0 answers -
Как работает автоматизация платежей?
Добрый день уважаемые профессионалы. Давно уже к вам не обращался за помощью но я опять много не знаю и хочу просить вашей помощи. Вопрос в следующем. Существуют много сайтов, где можно сделать оплату (через Visa, WebMoney и т.д.) и после оплаты моментально тебе дается возможность скачать какую либо информацию. Подскажи пожалуйста как происходит данный процесс, что нужно для выполнения данной мульки у себя на сайте и собственно какие существуют варианты??? В гуглу искал уже данную информацию но толкового не нашел ну или может не разобрался просто. Очень прошу помощи. Есть идея которую очень хочется воплотить в жизнь. Спасибо за любую помощь.
0 votes3 answers -
неизвестный бордер
Над логотипом в появляется фиолетоый бордер. только в Firefox. Как бороться? вот ссылка Заранее благодарю!
0 votes8 answers -
Вопросы по макету!
Это превью шаблона, с которым проблемы.... Как прижать футер к нижней части экрана при любом разрешении? Как привязать левую и правую колонку к футеру и установить резиновую высоту? То есть - не зависимо от количества центральных блоков колонки должны растягиваться догоняя футер! Третий день колдую, ничего не получается... На сайте тоже не нашел, есть похожие проблемы, но не для этого случая... Если кто знает ответ, подскажите, заранее премного благодарен. Или хотя бы ссылки на материалы, где найду решение.
0 votes4 answers -
спрятать сверху и снизу белый фон
как спрятать сверху и снизу белый фон http://ws-host.com/1.html под рамку <html> <head> <title></title> <style> body { background: #f00; } .page { height: 500px; width: 500px; } .bg1 { background: #fff; margin: 50px; } .bg2 { background: url(border.png); margin: -50px; height: 500px; width: 500px; } .content { padding: 100px; } </style> </head> <body> <div class="page"> <div class="bg1"> <div class="bg2"> <div class="content"> khkhh i gyi gi gi gi i i o oo ho h hp <br /> khkhh i gyi gi gi …
0 votes4 answers -
Почему вкривь и вкось?
Здравствуйте. Использую сторонний компонент и никак не могу понять, отчего изображения в рамках сдвигаются вправо и вниз? Здесь пример Благодарю.
0 votes4 answers -
Добавить разделитель в меню?
не могу догнать как добавить разделитель в меню после "карта сайта" сайт pechati89.ru #pagemenucontainer { height: 30px; padding: 0 8px 0 8px; background: #FFFFFF; margin-top: 4px; border: 1px solid #F3F4F5; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; float: left; } #pagemenu { height: 30px; float: right; } #pagemenu, #pagemenu ul { padding: 0; margin: 0; list-style: none; line-height: 1; } #pagemenu { margin-bottom: 1px; } #pagemenu ul { float: left; list-style: none; margin: 0px 0px 0px 0px; padding: 0px; } #pagemenu li { float: left; list-style: none; marg…
0 votes2 answers -
Проблемма с выпадающим меню IE
Добрый день. Помогите пожалуйста разобраться. Проблема следующая В хроме и фоксе при переходе на выпадающие пункты меню все нормально. А в интернет эксплоере при переходе на выпадающие пункты они исчезают из под мышки. Ломаю голову не могу понять в чем дело может кто подскажет Разрабатываю локально ссылку дать не могу <div class="navbar"> <div class="navbar-inner"> <a class="brand left" href="/"><img src="images/img_css/vespa_logo.png"></a> <div class="nav-collapse left"> <ul class="nav"> <li class="first dropdown"> <span>1Каталоги</span> …
0 votes0 answers -
Xml - Русский язык
Я много тем нашёл, что только не пробовал не помогает. Вот решил написать. Думаю поможите мне <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta charset="utf-8" /> <head> <title>Company</title> <script type="text/javascript" src="js/swfobject.js"></script> <script type="text/javascript" src="js/swfaddress-optimizer.js"></script> <script type="text/javascript" src="js/swfaddress.js"></script> <style type="text/css"> #flashcontent { height: 100%; fon…
0 votes4 answers -
Верстка CSS меню
Доброго всем вечера! Возникла проблема при верстке меню средствами html и CSS без использования фоновых картинок. В приведенном ниже изображении первая ссылка находится в обычном состоянии, а вторая в состоянии hover. В принципе сам вопрос в том как сделать полоски идущие по верхней и нижней границе меню, как я понял свойством border так не обрисовать ибо полосы идут чуть ниже границы. Прошу помощи!
0 votes3 answers -
Как запретить фоновому изображению увеличивается при масштабировании сайта
Как запретить фоновому изображению увеличивается при масштабировании сайта, должна ли вот эта строка выполнять эту функцию background-repeat: no-repeat;
0 votes0 answers -
Объединение select'ов
На сайте установлен селект со списком городов. Необходимо что бы кроме названия города была информация тего населении и ссылке на информационный сайт города. Всё в один селект запихнуть не получается. Можно список городов оставить в первом селекте а во второй добавить количество жителей и ссылки. Как можно сделать чтобы два селекта реагировали как один. На прокрутку и поиск? Есть ли вообще такая возможность, или подскажите пожалуйста какую-нибудь альтернативу. Спасибо.
0 votes8 answers -
Необходимо чтобы блок (right-bar) накладывалась на блок (header).
Доброе всем время суток! Я в этом деле еще чайник, но хочу научиться этому ремеслу, изучаю верстку совсем недавно около месяца! Прошу подсказать, что именно я сделал не так! Теперь обратимся к самой проблеме, при верстке тестового задания столкнулся со следующей проблемой. Необходимо чтобы блок(right-bar) накладывалась на header. <!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> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Allsoft</title> <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PAR…
0 votes2 answers -
Убрать border
Здравствуйте, подскажите как можно убрать эту границу? Код можно посмотреть тут: jsfiddle -- Пробовал через псеводоэлементы :before, :after - не получилось. Так же через отрицательный z-index - но думаю, это не верное решение
0 votes5 answers -
Проблема позиционирования блока в google chrome
Добрый день. Есть сайт. Главная страница, блок контента съезжает вниз при просмотре в google chrome , opera. В mozilla такой проблемы нет. На остальных страницах в google chrome и opera блок контента отображается нормально, то есть не съезжает вниз. Вот так отображается в google chrome и opera Так должно отображаться Подскажите, пожалуйста, как исправить ситуацию на главной странице?
0 votes2 answers -
Резиновый div
Только начал разбиратся с блочной версткой. но столкнулся, наверно, с простешей проблемой и решить немогу. Есть три блока, два (верхний, нижний) имеют фиксированую высоту, третий (по средине) нужно растянуть на высоту оствашегося пространства. Заранее спасибо. <!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>Блоки</title> <link href="template1.css" rel="stylesheet" type="text/css" /> </head> <style> html, body { paddin…
0 votes1 answer -
div внутри ячейки
Собственно вопрос таков. Как растянуть по высоте дивку, которая находится внутри ячейки с динамической высотой???
0 votes3 answers -
минимальная ширина ячейки
Вроде не нашёл такой темы.. Почему минимальная ширина ячейки - порядка 20 пкс? как задать меньшую величину?
0 votes3 answers -
Вопрос по резиновой верстке
Здравствуйте! Подскажите пожалуйста, каким образом можно сделать в резиновом дизайне, чтобы текст доходя до края страницы, перескакивал на следующую строку, а не растягивал таблицу в ширину текста. <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <table width="100%" height="100%" border="1" cellspacing="1" cellpadding="1"> <tr> <td align="left" valign="top"><div id="content"> <p>Текст,текст,текст,текст,тек…
0 votes6 answers -
Связь картинок меню при помощи css
Привет!!! интерисует такой вопрос. Есть две картинки скругленый край и гредиентная плоска. Вопрос Как связать их между собой. Тоесть когда подводим курсор мыши уголок картинки и гредиент полоски связаны
0 votes4 answers -
Overflow-y: Scroll
Была раньше задача, что бы при открытие фотки с комментами скролился всплывший блок с фоткой, проблема была решена при помощи overrflow-y: scroll и убирания скролла у body. А так как сайт зафиксирован по центру, что бы он не дергался добавлялся padding-right к body. Но случился в шизни косяк... и убрали в iOS Lion, скролл... в итоге на маках теперь сайт прыгает в лево-право... Может знает кто решение этой проблемы? Как сделать кросбраузерно и под все OS что бы не было дерганий сайта?
0 votes0 answers -
специфическое вертикальное выравнивание для Opera
Пытаюсь сделать некое подобие меню для оперы. Но застрял на вертикальном выравнивании. Все остановилось вот в таком состоянии: А так хотелось бы сделать(отредактировал в графическом редакторе): Помогите выровнять по вертикали текст. Я уже всю голову сломал, а как это сделать не представляю. Верстка требуется только для оперы. Нужен минимум html кода, т.е. меню будет динамически создаваться яваскриптом. И еще, меню должно занимать всю предоставленную ширину. Заранее она неизвестна. Ширина же фиксирована и известна. Песочница, где уже набран код с первой картинки, здесь http://jsfiddle.net/YFj7P/ Спасибо всем за помощь
0 votes3 answers -
Бесплатный сайт
Доброго дня всем. Изучаю щас верстку, сделаю желающему сайт бесплатно для практики. Было бы отлично если бы заказчику можно было задавать вопросы и советоваться. Всем спасибо за внимание
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-