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
-
Что такое png фикс и чем его едят
Что такое png фикс и чем его едят?
0 votes6 answers -
Css сдвиг м IE срочно пжл!
Здравствуйте. Сделал верт. меню для сайта и сверху и снизу делаю изображение, чтобы меню выглядело эффектно, однако в ie небольшой отступ наблюдается, подскажите пожалуйстка как исправить или улучшить код. Верхний свиток выше от меню, .а надо, чтобы он к нему прижимался. Проблема только в IE
0 votes2 answers -
Фото за рамкой!
Всем доброго времени суток. В общем суть проблемы, border: 1px solid black; при позиционировании текст становится шире, и рамка тоже вместе с ним. но фото, вылезает за рамку. как исправить? и ещё, когда прописываю у IMG align: right; или left; она(картинка) за рамку вниз вылазит...
0 votes6 answers -
Проблема с overflow: auto;
Всем привет, есть такой код: <table> <tr> <th>Бла-бла-бла</th> <th>Бла-бла-бла</th> <th>Бла-бла-бла</th> </tr> <div style="overflow: auto; height: 100;"> <tr> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> </tr> <tr> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> </tr> <tr> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> </tr> </div> <tr> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> <td&g…
0 votes5 answers -
0 votes7 answers
-
высота таблицы в html5
помогите пожалуйста разобраться нужно в html5-документе установить высоту table 100%. решение подобное <table class="wrap_table" border="1" width="100%" height="100%"> <tbody> <tr> ... работает только если тип документа объявлен как <!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN"> но мне нужно объявить его как <!DOCTYPE html> можно ли и как при <!DOCTYPE html> установить высоту таблички в 100% ? и вообще возможно ли делать разметку в стиле html5 в документе, объявленном как <!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN"> ?
0 votes4 answers -
Как можно сделать клик по фону?
Есть блок с текстом и фоновым изображением. Вот пример http://jsfiddle.net/mGW6E/ Как можно отследить клик именно по фоновому изображению? Не по тексту и не по пустому месту, а именно по фоновой картинке?
0 votes11 answers -
Проблема с фоном
Не могу понять почему у меня фон врапера не растягивается на всю висоту .wraper{ background: white; width: 976px; margin: 60px auto; height: 100%; min-height: 100%; padding-top: 1px;}в врапере есть два блока <div class="wraper"> <div class="header"> </div> <div class="content"> </div> </div>и фон растягивается где то до половины блока контент
0 votes8 answers -
Появление подсказки при наведении + тень
При наведении на блок должно быть вот так: Т.е. должна появляться подсказка. Также не получается сделать тень треугольника снизу (у подсказки). Подскажите, как это сделать? http://codepen.io/anon/pen/avXRQx
0 votes2 answers -
Позиционирование элементов
Привет! Помогите мне понять почему возникает такая проблема: есть три блока, находятся в ряд. Крайние прибиты по краям родителя. При уменьшении экрана 1 блок скрывается, а 3 перестраивается вниз. Так вот, если играться с размерами окна, 3блок перестраивается вниз, но когда снова увеличиваешь окно, он становится не в ряд, а ниже. Если обновить страницу становится опять все хорошо. Очень хотелось бы понять почему так. https://jsfiddle.net/horprogs/5hjwwnpj/1/
0 votes6 answers -
Нужна помощь при создании формы обратной связи
вот она http://kymakym.xyz/obratnaja+svjaz.html, только не работает, не могу правильно поставить код, чтоб на определенное мыло долетали сообщения...
0 votes6 answers -
Не отображается русский текст при использовании css
При использовании css весь русский текст изменяется на что-то подобное: аЄаОбаО аНаЕаКббб аГаЛаАаВаНаАб ааАаДаИаМ Без css все работает нормально. Содержисое css: .button{ text-decoration:none; text-align:center; padding:11px 32px; border:solid 1px #004F72; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px; font:18px Arial, Helvetica, sans-serif; font-weight:bold; color:#E5FFFF; background-color:#3BA4C7; text-decoration:none; text-align:center; padding:11px 32px; border:solid 1px #004F72; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px; font:18px Arial, Helvetica, sa…
0 votes3 answers -
div и ещё раз div: отступ и центрирование
Hi there) Помогите плз доделать сайт https://tracker-list.firebaseapp.com/ Проблемы: 1) Когда сжимаешь страницу, блок rom располагается не строго по центру https://i.imgur.com/Vvdc1E8.png из-за медиа запроса где стиль width:80% Но мне нужно его отцентировать и чтобы размер был относительно страницы как по умолчанию на декстопе со свойством width:30% Что в коде изменить? 2) Если убрать id=dbox и box блок rom выглядит так как задумывалось изначально, а с ними почему-то Уже стал. Как это исправить?
0 votes6 answers -
еще один noUiSlider
привет, теперь по поводу другого uislider https://jsfiddle.net/ahuasLwh/2/
0 votes5 answers -
margin-top: !important; как убрать отступ?
Привет! Не знаю куда создать тему, переместит наверно сам модератор... Вопрос: margin-top: !important; как убрать отступ ? Т.е остается длинный пробел, если задать отступ, то другая страница на сайте портится...
0 votes1 answer -
Символы, которые игнорируются при поиске и копировании
Можно ли сделать так, чтобы некоторые символы на странице игнорировались при поиске (по Ctrl+F) и копировании? Например, на экран выводится: При копировании в буфер сохраняется:
0 votes2 answers -
Поиск на своем сайте от Google
Если кто делал, то скажите как. Уж очень интересно Заранее спасибо P.S. Идеально подходит для сайтов не имеющих в своей основе CMS
0 votes3 answers -
Создание галереи
Добрый день.Подскажите пожалуйста,возможно ли реализовать галерею на html с простой подгрузкой картинок?Нужно создать галерею по такому принципу ,при нажатии на маленькую картинку-вверху высвечивается она же ,но большая.Я попытался создать,но слишком уж трудный способ подгрузки картинок выходит,приходится для каждой картинки создавать отдельный html файл и при этом каждую новую картинку прописывать во все старые html файлы.В итоге выходит большое количество html файлов с проблемной загрузкой картинок.Можно ли создать это всё через один html файл?Да и ещё внизу большой картинки две кнопки Предыд-СледующДа и ещё галерея эта будет в качестве каталога в магазине,слева от б…
0 votes0 answers -
Вопрос по CSS и JS про фильтры в опере
Подскажите пожалуста чайнику, почему картинка не меняет прозрачность в опере? Проверял на Opera 9.52, изображение полупрозрачным становится в опере, но вот в скрипте почему-то, задавая другое значение opacity (document.all.textpole11.style.opacity=1.0), изображение не меняет прозрачность. Правильно ли я указал свойство фильтра, присваивая значение прозрачности. Почему в IE изменение прозрачности работает, а в опере нет? Может я в скрипте "сказал" как-то не так? Вот код: <img id="textpole11" border="0" src="Txtpole_top.gif" onmouseover="smenatxt()" onmouseout="smenatxt()" width="518" style="position:absolute; top:0px; left:1px; filter: alpha(opacity=80); opacity: 0.8;…
0 votes3 answers -
как для iframe установить высоту в %?
<div class="top-frame"> <iframe src="frames/main-frame.html"></iframe> </div> <div class="bottom-frame"> <iframe id="chat" name="chat" src="frames/chat.html" scrolling="no"></iframe> </div> body{ height:100%; } .top-frame{ width:100%; height:70%; } .top-frame iframe{ width:100%; border:none; height:100%; overflow:hidden; } .bottom-frame{ width:100%; height:30%; } .bottom-frame iframe{ width:100%; border:none; height:100%; overflow:hidden; } Ифреймы не тянуться по высоте никак, стоят по 150 пикселей (по умолчанию). Как сделать, чтобы верхний занимал 70%, нижний 30%? Если задавать в пик…
0 votes1 answer -
две плашки. изменить порядок наложения
помогите пожалуйста на этой страничке поместить плашку с крестом под плашку формы
0 votes2 answers -
Footer двигающийся за абсолютно спозиционированным контентом
Всем доброго времени суток! Такая проблема не удаётся разместить футер на законном месте, т.е. после контента. Все элементы проекта спозиционированны абсолютно, кроме футера, он должен "ездить" за контентом, в зависимости от наполнения. Подскажите плиз, у кого какие идеи есть?
0 votes5 answers -
Фон в форме меню/список
Суть проблемы в том, что фон к форме отображается только в осле и мозиле, и как изменить кнопку выбора в форме? Объясните кто знает!!! код: <div id="sort"> <select name="kom" class="sortform" > <option>По командам</option> <option>Яндекс</option> <option>Почта</option> <option>Рамблер</option> </select> <select name="data" class="sortform"> <option value="b" selected>По дате</option> </select> <select name="chemp" class="sortform"> <option value="c" selected>По чемпионату</option> </select> </div> CSS: #sort{ float:left; width:1000px; height:50px; b…
0 votes11 answers -
css, блоки доной высоты
Имеется 3 блока по вертикали, средний блок с контентом меняет свою высоту в зависимости от объёма содержимого. Как сделать так чтобы левый и правый блоки равнялись на средний. Блоки сами по себе не вложенные друг в друга. если не затруднить как можно подробнее, в гугле читал, но так и не понял
0 votes8 answers -
table + div
Здравствуйте. У меня такая ситуация. Страница с двумя div-ами. Пример оформления макета - "Фиксированная ширина, навигация слева". Один - левая колонка (внутри таблица - список объектов). Второй - основная колонка (внутри таблица с данными по выбранному объекту). #navcol { float: left; width: 300px} #maincol { margin-left: 310px} в IE8 когда таблица с данными шире чем окно вся таблица "падает" ниже <div id='navcol'> в FF - все гуд (слева список объектов, справа таблица с данными + скролл-бар) Сделал border: 2px solid red для maincol - обнаружена такая ситуация: в IE <div id='maincol'> растягивается на всю ширину таблицы, в FF ширина <div id='maincol'>…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-