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
-
Модальные адаптивные окна
Друзья, такое дело. Адаптирую лендинг, ну тут понятно все. Кто как осуществляет адаптивные модальные окна, какие плагины берете? или сами кодите?
0 votes11 answers -
Помогите с несоответствием типов
Получаю данные из БД $date = $db->query("SELECT date FROM " . PREFIX . "_post WHERE `id`='{$newsID}' LIMIT 1");$expires = $date;Пытаюсь записать их в другую ячейку $db->query( "INSERT INTO " . PREFIX . "_post_log (news_id, expires, action) VALUES('{$newsID}', '$expires', '1')" );Проблема в несоответствии типов, "date" в datetime, а "expires" в varchar(15). Пробовал конвертировать - выдает ошибку запроса $date = $db->query("SELECT CONVERT(VARCHAR(15), date, 120) FROM " . PREFIX . "_post WHERE `id`='{$newsID}' LIMIT 1");Помогите разобраться что не так делаю.
0 votes7 answers -
responsive
Доброго времени суток. Начал по тиху разбираться с адаптивной версткой и возник вопрос. Нашел в сети простой шаблон для тренировки и сижу делаю. Так вот, если блок, в нем текст. На 1024 паддинги к примеру : 100px 200px 50px 20px; на 320 уже будет 20px 50px 12px 5px. Шрифт тоже становится меньше, сидел долго думал как правильно сделать, гуглил читал, в итоге все равно сделал через @media. Вздохнул с облегчением, спустился к следующему блоку, а там почти такакя же история, сижу опять прописываю кучу @media. И возник вопрос, правильно ли это? Есть ли какой-то способ менять отступы и размер шрифта в зависимости от разрешения или вариант с media считается нормальным? Вот скри…
0 votes5 answers -
Помогите разобраться с gridом
Привет всем, осваиваю grid верстку. Начал верстать макет И сразу поперли непонятки. Вопрос про контейнер с классом .article в него вложены 20 контейнеров с фиксированными размерами, которые должны образовывать красивую сетку с равными расстояниями между блоками. grid-column-gap: 10px; grid-row-gap: 10px; Однако, в результате имеем различное расстояние. А если менять масштаб в браузере - совсем жесть получается. Скрины прилагаю. Вопрос один - где я НЕ ТАК?
0 votes4 answers -
Можно ли создать ссылку в ссылке?
Уважаемые, подскажите, можно ли в CSS создать ссылку в ссылке, для создания многоуровневой галереи? или графического меню? Что бы весь контент грузился на заднем плане один раз.
0 votes1 answer -
кроссбраузерность
сверстал тестовую страничку, столкнулся с проблемами: 1)разница в браузерах 2)не отображается рамка в ИЕ 3)высота всего контента 4)выравние внутренних колонок(как расположить по центру?) 5)слово "banner"как разместить по центру? 6)состояние кнопок, при выбранном режиме не поддеживается стиль 7)набирал в дримвивере, каждая строка выравнивается по краю, т.е. не показывает вложенные строки, хотя галка стоит Auto Indent только учусь верстать, поэтому судите не строго. Заметил что при удалении первых двух строчек в коде, в ИЕ отображаются рамка. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <…
0 votes0 answers -
Продление футера исходя из кол-ва текста
Предисловие: Имеется шаб, ксс+пхп. Допустим по центру идёт текст, но при определённом кол-ве символов, когда текст доходит до низа шаба, после определённого кол-ва потом уже не отображается. Что нужно реализовать: Мне нужно чтобы внизу диз сам продолжал клонирование изсходя из кол-ва текста. ТО есть если много текста, то картинка что в бегграунд и вообще низ будет удлиняться вниз.... Надеюсь вы поняли что я хочу =) Подскажите команду или что либо вообще подскажите как такое сделать....дальше сам постараюсь разобраться. P>S> Новичёк
0 votes3 answers -
Расположение списка горизонтально и замена маркера
Добрый день. Не получается никак расположить элементы списка горизонтально и одновременно изменить маркер на рисунок. Получается что-то одно, либо расположить, либо заменить, вместе никак. ul { margin: 0px; padding: 0px; list-style-image: url('bread.jpg');} ul li {display: inline;} Что-то не так в стилях?
0 votes1 answer -
IE проблемы с отображением img в li
Только в IE рисунок расположенный в одной строке рядом с текстом сползает на строку вниз. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Img сползает</title> <link rel="stylesheet" href="style.css"/> </head> <body> <div class="menu_list" id="secondpane" style="width:20%"> <p class="menu_head">Header1</p> <div class="menu_body"> <ul> <li><a href="#">str2<img src="http://f2wgpw.bay.livefilestore.com/y1pGS-v-NUYARPyt9W…
0 votes2 answers -
outer: высота / ширина - 100%
Всем здрасте. Такая задача: #outer - на весь экран в независимости от разрешения (фон картинка); #content - оцентровать по середине; содержимое #content - абсолютно споцизионированные блоки; IE7+ Растянуть #outer мне удалось. Нашел в Гагле вот такие инструции: body, html {height: 100%} #outer { width: 100%; min-height: 100%; height: auto !important; height: 100%; } Но немгу понять как растянуть вложеннный в #outer блок (#content) по высоте. height: 100% на него не влияет. Так же его мне необходимо оцентровать. Подскажите плз. Пример можно посмотреть здесь
0 votes4 answers -
меню на спрайтах
<body> <ul> <li><a href="#"> Услуги</a></li> <li><a href="#"> Продукция</a></li> </ul> </body> ul { display: inline-block; } ul li { display: inline-block; list-style-type:none; text-indent:37px; padding-right: 26px; } ul li a { display:block; height: 30px; color:#999999; text-decoration:underline; background-image: url(../img/bg.png); background-repeat:no-repeat; } ul li a:hover { background-position:bottom left; } bg.png http://cs4437.vkonta.../x_193d5613.jpg (235x60) использую шириной больше чем занимает блок, но он отображается только до конца ссылки без проблем получает…
0 votes9 answers -
Макет под 800 по центру
Нужно сверстать макет под 800px. Соответственно нужно расположить его по центру, дабы самые распространенные разрешения начинаются от 1024 в ширину. Каким образом это сделать?
0 votes10 answers -
clip:rect(... ... ... ...);
написал простенький пример, хочу сотворить что то типа фрейма со скролом. <div id="mask" style="position:absolute; clip:rect(auto, 300px, 200px, auto); border:#F00 1px solid;"> <div id="target" style="width:inherit; height:inherit;"> text<br> text<br> text<br> text<br> .... <!-- мнОго --> </div> </div> Суть проблемы в том что "clip:rect()" скрывает только текст а хотелось что бы и размеры контейнера "mask" возвращать. Если кто знаком с иными языками программирования, знаком и с таким методам как "override". Вот и тут я пытаюсь переопределить размеры маски - контейнера, чтобы не возвращали мне размеры содержимого "т…
0 votes9 answers -
Текст внутри формы
Здраствуйте знатоки. Стоит такая задача нужно внутри формы поиска изменить текст не прибегая к JS. Все ничего но проблема в том что нужно два варианта: Первое серый текст атрибута placeholder должен остатса серым ; Второе когда user вводит или уже ввел текст поиска он должин быть чорным; Я новичок работаю только 2 месяца поетому не судите строго если вопрос очень простой но я не всилах разобратса сам. Код формы такой: <div id="search"> <form action="/search/index.html" method="get"> <input class="text" placeholder="поиск по товарам и брендам" type="text" value="" name="query" id="query" /> <input class="search-button" name…
0 votes2 answers -
Уменьшить активную область блока div
Есть блок див у которого есть свойство background-color с картинкой png. Из-за большой тени вокруг картинки размер самого блока больше чем сама картинка соответственно. Подскажите, как уменьшить активную область дива? Т.е если это ссылка или событие какое при наведении мышкой - чтобы они срабатывали, скажем, на плоскости дива что меньше оригинала например на 20%? Т.е чтобы при наведении не на картинку, а на её тень вокруг чтобы ничего не происходило. http://jsfiddle.net/vyyTg/ Вот пример. Наводим на краешек дива он окрашивается. А нужно чтобы окрашивался только тогда, когда например мышка не на первом пикселе края дива а заехала на пятый или 10й Или, быть может, можно ка…
0 votes3 answers -
Вёрстка 3 блоков
Доброго времени суток! Имеется 3 горизонтальных блока Первый и последний имеет заданную ширину, второй - резиновую ( в процентах) Проблема: когда меняешь разрешение, то 3 блок налезает на второй, как это можно устранить? Пример к чему стремлюсь, главная страница майл . ру , а именно блок с новостями по середине, когда меняешь разрешение сужается именно он, остальные остаются на месте. Заранее благодарю.
0 votes5 answers -
Выбор js или сss+html
Собственно все мы знаем как выровнять по вертикале одно строчный текст с помощью line-height: высота блока родителя. Но если высота измениться то надо и меня line-height, оговорюсь сразу: мною движет лень. Я В общем стараюсь придерживаться принципа если можно сделать с помощью html+css то делаем так(В общем с внедрением css3 и html5 прибегать к отказу от js стал чаще).Так вот вопрос что было бы лучше использовать в этом случае http://jsfiddle.net/F89Cd/ .
0 votes2 answers -
Свойство overflow
Если закомментировать свойство overflow: hidden; в главном меню, то в браузере Firefox 21.0 основная часть с сайдбаром слетает вправо, в остальных браузерах в норме. Почему это происходит? Не могу разобраться. http://prodpak.ru
0 votes9 answers -
border-radius для внутренних эл-в
Мне нужно сделать такую штуку: <div class="item_header"> <div class="item_header_title">A SIMPLE MATH PROBLEM</div> <div class="item_header_price">$30</div> </div>для внешнего div'а делаю border-radius, всё хорошо, но вот внутренние вылезают поверх скругленных углов. Можно ли как-то сделать, чтобы 2 внутренних блока (синий и зеленый) были с прямыми углами, но то, что выходит за круглую границу родительского дива просто обрезалось? Вариант скруглить всё что можно работает, но хотелось бы другое решение.. может быть какое-то сочетание из display и overflow? или как-то иначе.. Спасибо
0 votes5 answers -
Проблема верстки
Есть сайт - mistik.me, у меня на фуллхд мониторе все ок, но когда уменьшить размер окна браузера, то справа есть пустая полоска. Что и где я сделал не так? Также, если открыть сайт на телефоне, то все фоны едут на половину влево. В чем проблема? Спасибо
0 votes3 answers -
Рисование на чистом CSS
Есть ли у вас на примете визуальный редактор в котором можно было бы сразу рисовать в CSS? Хочется реализовать что-то в этом духе: http://marvelapp.github.io/devices.css/
0 votes1 answer -
Какой способ вёрстки лучше?
Всем привет. Задумался тут над одной темкой. Практики в вёрстке у меня пока маловато, там пару макетиков создал по инструкции. Больше всего теорию изучал. Ну вот теперь хочу наверстать упущенное. И вот интересно, как лучше верстать сайт: с помощью CMS или вручную. Боюсь, что если буду вручную, то запутаюсь в коде. И ещё что хотел узнать: Хоть теории я и прочитал много, но всё равно пока путаюсь в CSS стилях. Понимаю, что знания того, какие стили использовать придёт с опытом. Но может есть какие-нибудь статьи, рассказывающие какие стили чаще всего используются или какие, например, всегда нужны в теге body (и других)?
0 votes3 answers -
Проблема с высотой ячеек таблицы
всем привет, вобщем такая загвоздка - нужно сверстать таблицу с тремя строками. причем средняя строка должна быть фиксированная в пикселях а две других - одинаковой высоты на все свободное пространство окна. пробовал указывать высоту верхней и нижней ячейки как auto - пока ячейки пустые все работает, но при различном контенте они неправильно растягиваются. пробовал указывать высоту в процентах - в разных браузерах по-разному. доктайпа нету. заранее спасибо
0 votes1 answer -
Ссылка с флешролика на другую страницу
Люди, подскажите, пожалуйста, что нужно сделать чтобы ссылка с флеш ролика заработала, вот с этого - http://www.cbskiev.ru/news/gogolinfo.php ( солнышко) , что я делаю не так. Есть подозрения что она должна быть в SWF файле, но он вообще никак не открывается, flashassist скачал но он никак не устанавливается.... прям замкнутый круг какой то... подскажите, я хоть правильным путём пошёл или нет? Где эта ссылка должна находиться? вот, например, на этой странице ссылка работает - http://www.cbskiev.ru/services/pservise.php - хотя в коде страницы её совсем нет! может кто знает?
0 votes5 answers -
список в Opera
Меню сайта выводится списком. Но в опере между элементами списка пояляются промежутки. В стилях заданы нулевые отступы. Как испраить или где почитать про это?
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-