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
-
Различный способы подключения стилей
Здравствуйте! Существует несколько способов подключения стилей. В особенности, это касается случая с медиа запросами. Например, гугл рекомендует делать несколько файлов - отдельный файл стилей для каждого медиа запроса: <link rel="stylesheet" media="(max-width: 640px)" href="max-640px.css"><link rel="stylesheet" media="(min-width: 640px)" href="min-640px.css"><link rel="stylesheet" media="(orientation: portrait)" href="portrait.css"><link rel="stylesheet" media="(orientation: landscape)" href="landscape.css">Естественно, можно все сделать в одном файле стилей. Уважаемые профи, какой способ используете Вы и почему?
0 votes9 answers -
Как разместить div
Макет: Вопрос: как разместить див с машиной (div#car), чтобы он расположился как нужно? html {background-image:url(images/bg_html.jpg); background-repeat: repeat-x; background-position: top; } body {background-image:url(images/bg_body.jpg); background-repeat: repeat-x; background-position: bottom; width: 100%; margin: 0; padding: 0; } div#wrapper {margin: 0px; } div#logo{ margin-top: 3%; margin-left: 5%; width: 167px; height: 117px; background-image:url(images/logo.gif); } div#order{ position: absolute; left: 70%; top: 0; width: 179px; height: 102px; background-image:url(images/24_bg.gif); } div#menu { width: 120px; font: bold 16px Verdana, sans-serif; padding: 0px; m…
0 votes1 answer -
жесткая верстка
Проблема следующая: при верстке div'ами с помощью float уменьшение окна броузера приводит к совершенно непотребному виду сайта (все блоки разьезжаются куда хотят). В голову приходит javascript, который не позволяет уменьшать окно броузера. Подскажите плз. есть ли какие-нибудь способы жестко закрепить блоки.
0 votes3 answers -
IE7 выводит белые полоски у таблицы
Проблемы с ие7 ВыводиТ какие-то белые полоски возле таблиц (http://rubasket.com) PS Тупой осёл 7
0 votes6 answers -
Резиновая высота видео ролика
Доброго времени суток. Леплю резиновый шаблон для сайта и появилась потребность уточнить размеры тэгов видео ролика аля ютуб и т.д. С шириной проблем не возникло.Спокойно схавало width:100%, но вот на % размер высоты никак нехочет реагировать(скажем height:35%). Сама задача заключается в сохранении пропорций размера видео в плеере. Можете чтото подсказать по данной проблеме?(ЯваСкрипты пока только изучаю, а потому просьба подробно расписывать решения с ихней помощью ... если таковы имеются конечно)
0 votes7 answers -
Помогите сделать авторизацию
Помогите плз сделать красиво авторизацию на моем сайте. Залил шаблон, но авторизация как то криво (см. скрин). хотелось бы что бы получилось так как на скрине справа. в html сам практически не разибраюсь( спасибо в файле login.tpl код такой <ul class="reset loginbox"> <li class="loginbtn"> <form method="post" action=""> <div id="logform" class="radial"> <ul class="reset"> <li class="lfield"><label for="login_name">Имя:</label><input type="text" name="login_name" id="login_name" /></li> <li class="lfield lfpas"><label for="login_password">Парол…
0 votes9 answers -
Не крутиться галерея
http://webtyz.ru/lessons/171010/demo/index.html - вот эту красоту хотелось бы прицепить, все прикрепила, ВРОДЕ вылазит первая картинка, и всЁ стучусь головой об клаву - что не так сделала, помогите, плз, это уже вторая карусель, которая у меня не крутится((( <html> <head> <title>Spacegallery</title> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="script.js"></script> </head> <style> #menuCarousel { height:390px; margin:90px auto 120px; position:relative; width:800px; background-color:blue; } #menuCarousel .arrow { width:44px; he…
0 votes2 answers -
вопрос по CSS3
Возможно ли с помощью transition при наведении плавно изменить цвет фона ссылки с белового на фон с градиентом ?
0 votes11 answers -
Обучение html, css, js.
Здравствуйте! Есть цель стать неплохим верстальщиком. =) На сколько я понимаю для этого необходимо овладеть как минимум html, css и js. (если я не прав - поправьте пожалуйста) Суть вопроса в том: какие источники вы посоветуете чтобы достичь определённого уровня в вёрстке и оформлении web-страниц? Заранее благодарен. p.s. как мне показалось, раздел вполне подходит для такого вопроса. p.p.s. начальные знания в html есть. =) (могу сверстать простенький сайт) Спасибо за уделённое время!
0 votes11 answers -
Фиксирование блока ( position: fixed или иное)
Уважаемые товарищи! Сравнительно недавно сел за верстку проекта и столкнулся с новой для себя проблемой. Надеюсь на действенные советы и помощь. Суть задачи: Верстка страницы сайта в 3 колонки div-ами, располагающимися внутри основного. Также в основном блоке имеется горизонтальный <div>, который требуется зафиксироватиь внизу экрана, чтобы при скролле страницы ( в случае появления скролла) он оставался всегда на своем месте. В верстке основных блоков проблем не возникло, а вот при реализации фиксированного блока появились трудности. Для реализации этой задачи я использовал position: fixed; bottom: 0px; Блок зафиксировался на нужном месте, но в Google Chrome …
0 votes3 answers -
@media screen and (max-width: ***px)
Наверно глупый вопрос, но я не совсем понимаю при прогрессивной верстке /*==общий код для самых маленьких дисплеев==*/ @media screen and (max-width: 480px){ телефоны } @media screen and (max-width: 768px){ планшеты } @media screen and (max-width: 992px){ мониторы } у нас сверху вниз наследование происходит? то есть 768 будет в себя включать 480 или же там надо будет все это про дублировать еще раз. Интересуюсь с целью сокращения кода. если наследуется то супер.
0 votes7 answers -
Фон пунктов меню
Здравствуйте! Помогите советом, пожалуйста! Нужно под каждый пунктом меню поставить изображение кнопок. Почему-то изображение обрезается. Что не так в коде? #left{ float: center; width:230px; height: 449px; } #left ul.menu li a, #left ul.menu li a:link{ padding: 5px 25px 8px 25px; text-decoration: none; color: #503722; font-weight: normal; line-height: 2.0; font-size: 18px; background: url(../images/menu_row.gif)left no-repeat; margin: 0 0 0 5px; font-style: italic; font-weight: bold;
0 votes11 answers -
Помогите с поиском книг
Доброго времени суток. Мне хотелось бы найти хорошие книги по 3-м темам: По HTML5 По CSS3 По JS Может быть есть хорошие серии книг от одного издательства по этим темам. Буду благодарен за помощь.
0 votes8 answers -
PHP if/elseif/else vs switch
Николя223, Не совсем правильно поняли. Извиняюсь, я всегда паршиво формулирую вопрос, виноват. <?php $age = 44; if ($age > 18) {echo "Registered!";} elseif ($age == 44) {echo "Да вы что??";} elseif ($age == 18) {echo "Sure?";} else {echo "Go away!";} ?>Как видите, если возраст больше 18, выводиться будет Регистеред. В данном случае возраст больше 18, но я хочу, чтобы для 44-летних выводилось иное сообщение. Но все равно выводит Registered!. Как добиться того, чтобы выводилось значение первого elseif? Добился нужного результата поменяв значения переменных местами следующим образом: <?php $age = 12; …
0 votes2 answers -
Не работает z-index
Всем привет! Народ, есть у меня страничка: Страница . Там есть раздел "История компании". Там слайдер. У этого слайдера есть "пагинатор" - кругляши для перехода между стлайдами. Мне надо между этими кругляшами линию красную разместить, да так, чтобы линия была на заднем плане, а сами кругляши - на переднем. Как я только с z-index не игрался, не помогает. И позиционировать пробовал, и opacity менять пробовал, всё никак не могу это сделать. Народ, кто знает, помогите пожалуйста.
0 votes2 answers -
Глюк в ИЕ6, которого еще не было
Столкнулся с очень странным глюком Ишака. Верстаю на компе — все нормально, однако когда заливаю сверстанное на хостинг, тогда верстка ломается в ИЕ6, при этом в коде ни одного знака не меняется. Товарищи знатоки, в чем тут может быть проблема?
0 votes15 answers -
Шапка и подвал фикс, остальное резина. Как?
Есть такой макет: ШАПКА КОНТЕНТ ПОДВАЛ Шапка всегда наверху, подвал всегда прибит к низу экрана. Оба фиксированной высоты. Контент со скроллингом. Как без таблиц сделать так, чтобы контент всегда занимал ровно всё пространство между шапкой и подвалом?
0 votes10 answers -
проблемы с видом через мобильный телефон
во всех браузерах через комп все отлично а когда с мобильного заходишь все выводит в беспорядочном виде http://vos161.narod.ru я загрузил диз чтоб показать проблему поэтому нет там ссылок и вторых страниц. что можете посоветовть ? как можно решить эту проблему ???
0 votes14 answers -
скрипт купона скидки на сайт
Есть у кого готовый скрипт или совет как разместить кнопку например "Скидка 10%" при нажатии на которую счетчик в каким либо лог файле увеличивался и выводилась простая форма печати "Купона скидки" Чтобы к заказчику приходили люди с купонами а я видел статистику по распечаткам этих купонов.Спасибо
0 votes1 answer -
вопрос кросс-браузерной верстки блока absolute
Здравствуйте уважаемые форумчане. Проблема заключается в не переносе текста на след строку в браузере хром. в остальных переносится нормально. Что нужно добавить в свойства <h1>, чтобы все отображалось корректно? http://auto-rentgarant.com.ua/ru/catalog // пациент, .products ul li .info { position: absolute; left: 300px; top:0px; font-size: 12px;}.products ul li .info h1 { //кусок подозреваемого кода margin: 13px 0 5px 0; padding: 0; font-size: 14px;}.products ul li .info h1 a { color: #000; text-decoration: none;}.products ul li .info h1 a:hover { text-decoration: underline;} https://yadi.sk/i/Zd8OeKy-ekwp8 - н…
0 votes6 answers -
Container в Bootstrap
Всем привет) Самостоятельно обучаюсь верстке. Сейчас изучаю Bootstrap и столкнулась с такой проблемой: <header> <nav> <div class="container"> <ul class="menu"> <li class="menu-item"><a href="#" class="menu-link">Пункт меню</a></li> ... <li class="menu-item"><a href="#" class="menu-link">Пункт меню</a></li> </ul> </div> </nav> </header> Использую в верстке стандартный контейнер из Bootstrap'а. Его стили не трогаю. Сейчас корплю над адаптивн…
0 votes1 answer -
Фон вокруг текстового поля?
Как сделать фон вокруг текстового поля в форме для поиска?
0 votes5 answers -
map-карта. Нестыковка в разных браузерах.
Здравствуйте, у меня проблема. Создала сайт в Блокноте, в HTML. В Mozilla FireFox все ссылки на мар-карте (ссылки как части картинки) открываются, а как только открываю эти же страницы в Opera или IE - курсор даже не реагирует. Подскажите, как быть?... Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>ОДО "ЮнилайнПроект" - Интерьеры</title> </head> <body> <body bgcolor="#CC9966"> <TABLE WIDTH="100%" HEIGHT="100%"> <TR> <TD ALIGN="center" VALIGN="middle"> <img src="interjer.jpg" usemap="karta1" >…
0 votes2 answers -
IE и позиционирование
Есть такая проблема в div с position:relative; вставлен еще один с position:absolute; ИЕ6 напрочь отказывается позиционировать второй блок относительно документа, а позиционируется относительно родительского дива. Может быть есть фикс какой-то ? что бы position:absolute; срабатывало относительно документа не зависимо от того где стоит див ?
0 votes10 answers -
Как значение VALUE расположить в несколько строк в SUBMIT
<input class="MainMenuLinks" type="submit" name="action_rebuildallarc" value="Обладая правами глобального администратора, Вы можете действовать от имени любого пользователя. Это может оказаться полезным при оказании помощи для тестировании полномочий пользователя " /> А то выходит за пределы экрана
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-