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
-
Как сверстать противоположенную стрелку на слайдере
Подскажите пожалуйста как правильно сверстать стрелки переключатели на слайдере, с первой вроде получается да? а вторую не знаю как прилепить... вот моя попытка: http://jsbin.com/mupetamoca/edit?html,css,output
0 votes1 answer -
Проверка адаптивности в отладчике Chrome
Добрый день! Поясните как правильно проверять на адаптивность работу сайта. Столкнулся с такой ситуацией что, прописанные мной, медиа запросы не работают, если в отладчике я нажимаю на "Toggle device mode"-рабочая область окна сужается до нужных мне 480px по ширине, но сам сайт не перестраиваеться под мобильную версию, он изменяется в масштабе. Но вот что странно для меня - если я буду просто уменьшать ширину рабочей области окна в ручную, путем растягивания отладчика, то все мои медиа запросы отрабатывают. В чем может быть суть ситуации? Некорректные медиа запросы написаны?
0 votes2 answers -
Почему то можно менять размер фрейма. HTML
Здравствуйте, я начал заниматься веб разработкой можно сказать только что. Думаю как и что расписывать не стоит. Суть проблемы в следующем. Я делаю два фрейма. Первый это под меню. Второй фрейм это контент. И вот в первом фрейме(меню) в браузере можно менять размер. Скорее всего что то не так в коде. Повторюсь что я можно сказать вот вот занялся веб, поэтому я такой тупенький. САМ КОД: <html> <head> <title> Название </title> <alt="Тоже название"> </head> <frameset rows=" 10%, 90% " > <frame src="menu.html" > <frame src="content.html"> </frameset> </html> P.S. ищу себе мастера…
0 votes0 answers -
Не заменяется картинка
Ребята, добрый день! Столкнулся с такой проблемой, решили заменить картинку на главной странице компании. Работаем мы через Joomla. Я решил схитрить, чтобы не указывать пути и т.д., так как просто не знаю как это делается, переименовал новую картинку в название старой. Старую я удаляю, загружаю новую с таким же названием. Обновляю сайт, картинка не меняется оставаясь старой, обновляю жумлу, а там вместо новой картинки, уже старая, как это работает, лол? Но стоит мне новую картинку переименовать, так она сразу становится собой, а не старой. И самое интересное, я около недели назад так же делал, и у меня получилось установить новую картинку, тестовую так ска…
0 votes1 answer -
div'ы в CSS. В Осле отображается неправильно.
Здравствуйте. Буду безмерно счастлив если кто-то найдёт ошибку. Посмотрите пожалста: placepage.narod.ru - только в Осле никак контент не хочет "объехать" меню. В остальных браузерах - так как нужно. В CSS перепробовал кажись уже всё. Что нужно сделать чтобы и в IE отображалось так же как в других? За праздники хотел сайтик запустить, а тут такая незадача... Премного буду благодарен. Спасибо. Извините, вопрос задал не в этом разделе. Пошёл в раздел CSS
0 votes1 answer -
переход окна на новую позицию
возможно сделать так чтобы при нажатии ссылки например в шапке сайта текущая позиция окна опускалась бы на футер или куда нибудь ещё или же наоборот чтобы внизу сделать кнопку "вернутся наверх"?
0 votes3 answers -
Создание кнопки "Печать"
Здравствуйте. Видел на некоторых сайтах кнопку "Печать". Которая позволяет распечатать содержимое страницы. В инете ни чего не смог найти, возможно ищу не правильно. Подскажите с чего начать или какую-нибудь статейку по этому делу.
0 votes1 answer -
Как добиться кроссбраузерности?
Сделал форму поиска с несколькими полями и над каждым полем надпись, заключенная в блок(div). Во разных браузерах тексты надписей съезжают в разные стороны, а в Хроме надписи "Начало Тура" и "Длительность Тура" вообще съезжают вверх на 5px. Вот примеры отображения: Хром IE Mozilla Opera Уважаемые гуру, подскажите решение...
0 votes2 answers -
Margin-right в блоке
Здравстуйте,есть блок(резиновый) нужно вставить в него 2 картинки с отступом справа вот так: http://itmages.ru/image/view/269207/0cb2979a , подскажите как это сделать? #content { height:400px; margin: 40px 75px 40px 63%; padding: 3px; border: none; min-width:350px; max-width:550px; } .conten { background: transparent;line-height:35px ;height:400px ; } .conten h1, .conten p { margin:0 10px; } .conten p { padding-bottom:0.5em; } .conten .b1 { display:block; overflow:hidden; height:1px; margin:0 4px; background:#9c9eb2; border-left:1px solid #9c9eb2; border-right:1px solid #9c9eb2; margin:0 5px; font-size:1px; } .conten …
0 votes2 answers -
Таблица - ячейка
Есть <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td><?substr('$GLOBAL_AHEADER$',18,-38)?></td></tr> <tr> <td><?substr('$GLOBAL_CLEFTER$',18,-38)?></td> <td>$CONTENT$</td> <td><?substr('$GLOBAL_DRIGHTER$',19,-39)?></td> </tr> <tr> <td><?substr('$GLOBAL_BFOOTER$',18,-37)?></td> </tr> </table> Как сделать отображение первого <td> в полную таблицу как будто тут три <td><td><td>
0 votes3 answers -
таблица с select'ами
Ребят, помогите пожалуйста привести таблицу в приятный глазу вид. _http://yourspotolki.ru/kalkulyator.html <table cellspacing="0" cellpadding="5" border="0"> <tbody> <tr> <td>Тип полотна (белые полотна ПВХ)</td> <td><select name="Cp" onchange="Calc.calc()"> <option selected="selected" value="0"> </option> <option value="1">матовый 1,53м (Россия)</option> <option value="2">сатиновый 1,53м (Россия)</option> <option value="3">матовый 1,9м (Россия)</option&…
0 votes0 answers -
меню на всю ширину
Здравствуйте. такой вопрос: есть сайт, http://test11.16mb.com , потребовалось растянуть главное (верхнее) меню на весь экран. Не нашел лучшего способа как просто добавить по бокам меню, блоки с текстурой фона этого самого меню) но, при и уменьшении окна броузера, или при меньшем разришении, меню сползает под свой фон и выглядит это все хреново... вот скрин: http://s017.radikal.ru/i401/1111/6a/0b4e1abadfe7.jpg Указывал размеры левой и правой текстуры в процентах. Как решить эту проблему? возможно я не так это все делаю... Зараннее спасибо за ответы...
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 -
Прижать футер
http://pomidor.com.ua/seemax/Imageneer/HTML/Imageneer.html Все вроде бы по правилам: Вышележащ блок min-height:100% и margun-top:-высота футера. А футер не прижат, т как .container не занимает 100% высоты. В чем проблема может быть?
0 votes5 answers -
JQuery Cookies
Пол дня е*усь с этим кодом. Так ничего и не получилось. Никак не могу стили правильно приписать в скрипт. Помогите пожалуйста. :( Меню: <ul id="menu-position" class="container"> <li class="menu"> <ul> <li class="button"><a href="#" class="green">Одежда<span></span></a></li> <li class="dropdown"> <ul> <li><a href="#">Девочки</a></li> <li><a href="#">Мальчики</a></li> <li><a href="#">Новорожденные</a></li> <li><a href="#">Другое</a></li> </ul></li></ul></li> <li class="menu">…
0 votes2 answers -
Объединение select'ов
На сайте установлен селект со списком городов. Необходимо что бы кроме названия города была информация тего населении и ссылке на информационный сайт города. Всё в один селект запихнуть не получается. Можно список городов оставить в первом селекте а во второй добавить количество жителей и ссылки. Как можно сделать чтобы два селекта реагировали как один. На прокрутку и поиск? Есть ли вообще такая возможность, или подскажите пожалуйста какую-нибудь альтернативу. Спасибо.
0 votes8 answers -
проблема с резиновым меню
Вот код: <html> <head> <title>Javascript</title> </head> <body> <style> nav{ margin:12px 5% 12px 5%; outline:1px solid red; height:61px; } nav ul{ overflow:hidden; } nav li{ background:red ; width:229px; float:left; margin-right:1%; height:61px; text-align:center; } </style> <nav> <ul> <li class=""><a href="#"><span>gh</span></a></li> <li class=""><a href="#"><span>yu</span></a></li> <li class=""><a href="#"><span>ytu</span></a></li> <li class="" ><a href="#"><span>ytuty</span></a…
0 votes3 answers -
Бесплатный сайт
Доброго дня всем. Изучаю щас верстку, сделаю желающему сайт бесплатно для практики. Было бы отлично если бы заказчику можно было задавать вопросы и советоваться. Всем спасибо за внимание
0 votes3 answers -
0 votes3 answers
-
Не понятная проблема с CSS
Не пойму на все поля работает CSS, а одно поле почему то было не охвачено, проверил вроде всё идентично, помогите? <div class="focus-example cont1" style="text-align: center;"> <input id="liqpay-pay-1" class="liqpay-pay-1" readonly="readonly" value="10" size="3" original-title="Введите сумму"> <span class="letter">UAH - ₴</span> <input type="hidden" value="" name="operation_xml"> <input type="hidden" value="HRu+rVD+RN9RTDC1R3nN7t+lS2w=" name="signature"> </div> <div class="focus-example cont1" style="text-align: center;"> <input id="rupay-pay-1" class="rupay-pay-1" type="text" value="10" size="3" name="recipientAmou…
0 votes2 answers -
Как расположить картинку в середине div-блока
Вот пример, во втором блоке всё нормально, а вот в первом свойство float мешает. Как можно расположить картинки в обоих блоках в центре? http://jsfiddle.net/TTLJQ/1/
0 votes6 answers -
Закругленные уголки на google mapse
Как сделать гугл мапсе скругленные уголки? Что я только не делал. Ничего не помогает. Почему такое вообще происходит, что на контейнере с гугл-картой не работает border-radius? http://jsfiddle.net/Hu3SK/
0 votes2 answers -
Помогите с СSS
На сайте в самой левой части экрана - есть меню (многолетники и т.д.)http://p.mordovia-sutochno.ru/content/hosta-gibridnaya-samuray Если монитор маленький - его не видно. Т.е. если мы медленно сужаем окно. Меню пропадает. Меню должно вести себя, как на этом сайте - http://mirtamebel.ru/catalog-mirta/aliviya-m-ugol-veneciya.html
0 votes3 answers -
"клонирование" блока при перемещении
В общем раньше не встречался с такими проблемами. Да и не верстаю я уже ооочень долго но наконец-то мои навыки мне пригодились снова. Правда столько проблем, все забыл.. В общем проблема даже не уверен в чем. У меня есть код: <div class="content"><div class="fixedmenu"><ul><li>1 punkt<li>2 punkt</ul></div><div class="mblock">text<br></div><span class="clear"></div></div>А css: .content {width:100%;width:800px;margin:0 auto;}.mblock {border-radius: 10px;background: url("../images/50%.png") repeat;padding:20px;margin-top:20px;/*text-align:center;*/}.fixedmenu {border-top-left-radius: 50px;border…
0 votes1 answer -
Виртуальная(?) ссылка
Адреса на сайтах blizzard имеют такой вид: http://eu.battle.net/wow/ru/blog/18539917/обновление-62-для-ptr-16-04-2015 "обновление-62-для-ptr-16-04-2015" не является каким-либо файлом, то есть на эту страницу можно попасть, введя что угодно (или вообще ничего) после /18539917/ . Как это делается? Надеюсь на конструктивный ответ, на других форумах тока только попусту треплются.
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-