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://f64.space/razrushitel-karin-kusama-br-nuar-o-demonah-bandah-mesti/ В коде она выглят как <img src="" или <img src(unknown) Пытаюсь писать что-то вроде: img src(unknown) { display:none; } Выдает ошибку CSS. Это вообще можно скрыть с помощью стилей?
0 votes4 answers -
Проблемы С Селектом И Абсолютно-позиционированным Дивом
есть выпадающее меню, сделано дивом с position: absolute; меню, понятное дело, должно выпадать поверх всего, но в ИЕ6 его перекрывают селекты, находящиеся под ним z-index не помогает, что же делать?
0 votes3 answers -
Падающие тени
Здравствуйте. Нашел инете пример, как реализовать падающие тени от картинок, причем не только для статических, а которые генерить можно. Поставил - везде работает, кроме IE. Предполагаю, что он опять чего-то не поддерживает, вот только что? Помогите стажеру. .shadow { background: URL(http://avtomotokniga.ru/image/shadow.jpg) no-repeat 100% 100%; /* Рисунок с тенью */ float: left; /* Создание обтекания для правильного положения тени */ } .bottom-left-corner { background: URL(http://avtomotokniga.ru/image/corner_bl.jpg) no-repeat 0px 100%; /* Левый нижний уголок */ } .top-right-corner { padding: 0 8px 8px 0; /* Ширина тен…
0 votes1 answer -
Ошибка в гостевой книге
Я хотел поставить себе форму для отзывов, скачал готовую гостевую книгу, а она просто не запускается, я ещё даже не трогал ещё ошибка "Warning: dir(records) [function.dir]: failed to open dir: No such file or directory ......." $d = dir("records"); а дериктория такая есть
0 votes8 answers -
img в дивах
В общем когда верстаешь на дивах допустим так <div id="shapka"><img src="1.png"></div> картинку (допустим шапку) можно как бы "перетаскивать", открывать в новом окне и сохранять у себя. Т.е. если весь сайт так построен можно его всего на комп поставить. И к тому же это не удобно, когда текст на картинке вставлен допустим ты пытаешься его скопировать или выделять, а вместо этого (бывает) что зацепляешь картинку. Можно ли как-нибудь сделать чтобы, картинку мышка "не замечала" как на таблицах через background вставляешь, и не зацепляет картинку, и не мешает, и сохранить не получится.
0 votes3 answers -
Шрифт меньше 9px в Опере
... не устанавливается. То есть если задать размер шрифта 6px, то Опера все равно будет отображать шрифт размером 9px. Пробовал указывать размер шрифта в em, pt, %, пробовал через костыли - никак. Опера 10,63. P.S. В первый раз меня opera подвела , а вот в лисе все нормально.
0 votes3 answers -
Нужен "Наставник" =)
Здравствуйте! Учусь верстке, сверстал первую верстку и столько негативных отзывов получил. (верстал для себя, просто так) в общем хочу научиться и без наставника мне сложновато... Я был бы очень благодарен вам за помощь! В общем скажу коротко и ясно, но к сожалению не очень любезно sad.gif (по другому будет долго, извините): Я скидываю вам psd, вы оцениваете, потом говорите "да" или "нет". Если да, я начинаю верстать. Если нет, я ищу другой макет до "да". И так по окончаний верстки я кидаю архив с html+css вам и Вы проверяете код и указываете что не так и почему оно не так, и как правильно решить этот "не так".
0 votes5 answers -
Div 100% в ie 9
Всем доброе. Народ столкнулся с проблемой когда используется height div 100% и min-height 100% в ie 9. Суть проблемы при div height=100% дивы растягиваются на видимую часть экрана, но если текст привышает, то он выходит за границы <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> html, body { width:100%; height:100%; margin:0; padding:0; } #layer_0 { height:100%; background-color:#999999; } .layer_1 { height:100%; width:600px; background-color:#99CCFF; } .layer_2 { height:100%; wi…
0 votes3 answers -
Проблема с выравниванием по вертикали в css
2 элемента в одном диве должны быть расположены на одном уровне по горизонтали. Высота этого дива 50пкс,высота текста(span)50пкс,высота картинки справа от текста тоже 50. С картинкой то все ок,но вот текст не в центре по вертикали,а внизу,просто лежит и я не знаю как сделать что бы закрепить его в центре. Пробовал line-height:50px; на всех елементах,пробовал margin:auto 0px auto 20px; тоже не помогает...
0 votes14 answers -
LESS
Нашёл статью про less и в ней говорится, то что он значительно упрощает код. С этого .border_radius { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}Сократили до вот этого .border_radius(@radius){ -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius;}Здесь же намного больше символов, чем было. Вот эта статья http://maxsite.org/page/pochemu-nuzhno-izuchat-less
0 votes7 answers -
Не работает contact form (send mail error)
Не отправляется мэил, все поля работают, во время отправки пишет "Отправка сообщения....." и виснет, мэил так и не доходит. Где проблема ? —————————————————--HTML:<h4> Форма: </h4></div><div class="toggle-content"><form method="post" id="contactForm" action="mailto:info@kingsize-trading.com"><input type="text" name="senderName" id="senderName" placeholder="Имя" class="requiredField" /><input type="text" name="senderEmail" id="senderEmail" placeholder="Email адрес" class="requiredField email" /><textarea name="message" id="message" placeholder="Сообщение" class="requiredField" rows="8"></textarea><input type="submit"…
0 votes2 answers -
full screen
Вот простой пример. Но, почему-то, не работает при переходе в полноэкранный режим по f11.тестировал в хроме и мозиле. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> p:-webkit-full-screen { font-size: 40px; background: red; } p:-moz-full-screen { font-size: 40px; background: red; } p:-ms-full-screen { font-size: 40px; background: red; } p:-o-full-screen { font-size: 40px; background: red; } p:full-screen { font-size: 40px; background: red; } </style> </head> <body> <p id="fullscreen" class="tes…
0 votes3 answers -
Трансформация блока
Здравствуйте. Нужна консультация, как правильно скрутить блок под Bootstrap Разбирал примеры с использованием transform, так же хотел сделать через псевдоэлемент, скрывая border-bottom. transform: skew:after
0 votes2 answers -
Как отцентрировать блок поверх видео?
Подскажите, как можно отцентрировать блок #myblock поверх видео? <div id="trailer" class="is_overlay"><video id="video" width="100%" height="auto" autoplay="autoplay" loop="loop" preload="auto"><source src="http://5thedgestudio.at.ua/img/back.mp4"></source></video></div><div id="myblock">Мои любые данные</div>.is_overlay{ display: block; width: 100%; height: 100%; }#trailer {position: fixed;top: 0; right: 0; bottom: 0; left: 0;overflow: hidden;;}#trailer > video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index:-1000;}@media (min-aspect-ratio: 16/9) {#trailer > video { height: 300%; top: -100%; }}@m…
0 votes1 answer -
Радиокнопки
Добрый вечер! Помогите, пожалуйста, не понимаю как label разместить внутри радикнопок.
0 votes2 answers -
Терминология
Подскажите где можно найти справочник терминов веб-дизайна Например терминов: Сеошник, фрилансер, валидность, кроссбраузерность и т.п.
0 votes3 answers -
Непокорная таблица
Доброго времени суток! Преамбула. Я не разработчик. В связи с кризисом, занимаюсь самостоятельно кастомизацией сайта нашей небольшой компании. (читайте ничего не смыслю в этом) А теперь сама проблемма. При размещении таблицы на страничке, она упорно размещается в самом низу. Значение valign="top". Для наглядности вот ссылочка: http://ka-dm.ru/info.php?sel=privacy - надо чтобы сама таблица была вверху. Подскажите где искать, либо намекните что делать. PS: не сочтите за рекламу- просто доходчивее не обьясню. Ссылка нагляднее.
0 votes7 answers -
Cms для музыкального лэйбла
Не знал толком куда написать,думаю этот раздел кстати будет. Интересует ваше мнение.Какой движок лучше использовать для сайта на котором будет информационный контент музыкального лэйбла.То есть Нужно просто всего и по минимуму.Что бы подключались модули разные,главное модуль меню и редактирования новостей. На нем не должно быть панельки входа на контент.То есть просто статичный сайт для ознакомления и контактов.Зашел пощелкал по меню послушал музыку ушел.Думаю нормально изъяснился. Думал сделать на джумле.Так как ее вдоль всю разобрал.Но потом сказали что это не красиво будет.Ведь все ее функции мне не нужны.А отключать их бессмысленно.Проще найти другую цмс.Еще желательн…
0 votes2 answers -
Проблема с позиционированием
Ребят привет,замучал такой вопрос в резине,вот я в шапку вставил 3 картинки,1 это фон второе это картинка справо и 3 это логотип(слева) вот код html: <table cellpadding="0" cellspacing="0" border="0" class="header" align="center"> <div class="logoBar2"> <div class="logoBar3"> <div class="logoBar"> </div></div></div> </table> а вот CSS: .header {width:90%;border-left:3px solid #c2c2c2;border-right:3px solid #c2c2c2;margin-left:auto;margin-right:auto;} .logoBar {background:url(http://s60.radikal.ru/i170/1007/cb/47d0a9bfbeed.png) left no-repeat;height:145px;} .logoBar2 {background:#191a36;height:145px;width:100%} .logoBar3 {…
0 votes4 answers -
Div background repeat-y
Доброго времени суток! В новом проекте озадачился одной интересной проблемой. Суть проблемы та же что и у автора с этого буржуйского форума. Вот только решение меня не очень радует. Как-то не кошерно использовать JS для верстки. Верстка у меня примерно такая же, т.е. три дива один под другим и еще по три дива в каждом из них. У всех float: left. В дивах content_left_vertical и content_right_vertical есть только фоны с повторением по вертикали и нет контента. Чтобы появился фон, этим дивам нужно указать высоту, но высоту дива content, в котором, как следует из названия, лежит контент, заранее узнать невозможно. Выкурил кучу хаков выравнивания колонок по одной высоте, но вс…
0 votes9 answers -
индикатор кроссбраузерности
Небольшой вопрос по индикатору кроссбраузерности на сайте : что означает каждый цвет?: http://clip2net.com/s/1pB60 Жаль что IE 6 нету, а так очень удобно.
0 votes3 answers -
Чтобы два блока растягивались одновременно
Здравствуйте! В общем проблема такая. Есть два параллельных блока. Если один из них уходит вниз, то второй не изменяется, а надо, чтобы действия были параллельны. Фиксировать высоту не вариант. Пробовал заключить оба в один блок, но безуспешно. Колонки различаются цветами, поэтому и создается сложность для меня.
0 votes8 answers -
Нулевая высота у body
пример 1 пример 2 пример 3 пример 4 <body> <div></div> </body> Я не понимаю смысла и применимости стилевых свойств типа размеров, позиционирования, полос прокрутки и т.п. к контейнерам <html> и <body>. И вот, что заметил, в первом и втором файлах <body> имеет нулевую высоту (контейнер обведён рамкой из красных точек), во втором и третьем примерах - у дочернего div-а убрано свойство position: absolute; из-за чего body естественным образом растягивается. Вопрос 1 - почему <body> схлопывается, если дочерний элемент имеет абсолютное позиционирование? Предположу, что начальные свойства <body> совпадают, кроме margin, со …
0 votes3 answers -
Последняя надежда на ВАС!
Ребята! Вот как я не лазил по сайтам, посвященным html/css — никак мне нормально рассказать не могут (или это у меня руки кривые). Короче есть код: #menu { width: 600px; height: 30px; margin: 0px auto; } #menu ul { margin: 0px; padding: 0px; list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; width: 150px; padding: 5px 0px; text-align: center; text-decoration: none; font-weight: bold; background: #EEEEEE; } #menu a:hover { background: #CCCCCC; } происходит нормальное выравнивание по вертикали по центру! Вот как тут: http://template.ho.ua/norm/ Делаю ТОЧНО по аналогии, но только мне DIV-ы пошире нужны,…
0 votes6 answers -
Background оболочки не растягивается
Доброго времени суток. Проблема в том что фоновая заливка не растягивается из-за того что прописаны float. <!DOCTYPE html><html><head> <title>Clinica</title> <meta charset='utf-8'> <link rel="stylesheet" type="text/css" href="./html5reset-1.6.1"> <link rel="stylesheet" type="text/css" href="./style.css"></head><body><div class="top"> <ul> <li><a href="">Главная</a></li> <li><a href="">О нас</a></li> <li><a href="">Контакты</a></li> </ul></div><div class="white_fon"><div id="wrap"><header><div i…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-