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
29,542 questions in this forum
-
Bootsrap psd нету
Не могу найти psd макета для bootstrap, кто то может скинуть с уже простенький выставленной сеткой ?
0 votes1 answer -
PHP GD
Здравствуйте! Ребята, я вот уже который день пытаюсь разобраться с данной библиотекой и написать необходимый скрипт, но из-за разнообразия функций и их параметров я часто просто путаюсь и потом вхожу в ступор на несколько часов для того чтобы последовательно разобраться в том что не так и в итоге по истечению многого времени я так и не смог реализовать задуманное... Есть png картинка на которой по центру одним сплошным цветом изображено что-то а фон прозрачный и мне нужно сделать так чтобы я тот конкретный цвет поменял на другой конкретный цвет и оставил прозрачность. В интернете полно информации по данной теме и я заметил что реализаций тьма судя по тем скриптам которы…
0 votes5 answers -
Как изменить размер видео
В html размеры прописаны так: <div class="video"><iframe width="280" height="200" src="" frameborder="0" allowfullscreen></iframe></div> Как прописать размеры видео в css без приписки width, height в iframe ?
0 votes4 answers -
Проблема с адаптивом на iPhone.
Здравствуйте! Возникает проблема с вёрсткой на сайте на "просмотрщиках веб страниц" iPhone. На Android всё хорошо, на разных браузерах. Проблема в следующем, не блокируется скролл во всплывающем меню http://cartersbaby.ru/ на этом сайте. Вот примерные изображения проблемы: Собственно серого фона не должно быть, так же как и скролла долгого. В css забита высота этого серого элемента, но стоит overflow: hidden. Допускаю собственную ошибку, но на Android и эмуляторе в Chrome проблем нет.
0 votes4 answers -
Выделение первого символа четного элемента
Подскажите, как в списке выделить первый символ четного элемента. <ul class="menu"><li><a href="/">Home</a></li><li><a href="about.php">About</a></li><li><a href="projects.php">Projects</a></li><li><a href="blog.php">Blog</a></li><li><a href="contact.php">Contact</a></li><li><a href="search.php">Search</a></li></ul>ul li a:nth-child(even)::first-letter{ color: #fff;}не получается таким образом выделить.
0 votes2 answers -
Странное поведение <img src = "*путь к файлу*">
Доброго времени суток. Стоит задача отобразить в браузере выбранный docx документ. После выбора документа, docx автоматически преобразуется в html, этот html вставляется в код страницы и все это отображается пользователю. При преобразовании все картинки docx-документа выносятся в отдельные файлы, в html ставятся в нужных местах ссылки на картинки. При отображении полученной страницы картинки не показываются, только их рамки с заданными размерами, как-будто на них даны битые ссылки. Хром при попытке "открыть картинку в новой вкладке" открывает "about:blank". При этом при просмотре кода страницы пути к картинкам верные, файлы точно на месте. Если скопировать путь из кода с…
0 votes2 answers -
Не пойму как работает min-width
Здравствуйте! Не пойму как работает min-width в медиа запросах. Вот, например, мне нужно, чтобы на больших экранах был фон у блока с картинкой, а на маленьких экранах -- картинку убрать. То есть, на экранах с минимальной шириной 768px картинка с фоном должна исчезнуть...но она не исчезает. Пишу такой код: @media (min-width: 1200px) {.footer { background: url(../images/1.png) no-repeat;}}@media (min-width: 992px) {.footer { background: url(../images/1.png) no-repeat;}}@media (min-width: 768px) {.footer { background:none;}}
0 votes3 answers -
Подскажите как сверстать
как верстать такие блоки??http://www.fotolink.su/v.php?id=50bf14499502c1be5084483d2cbf5c72 http://www.fotolink.su/v.php?id=252bf1a0e5941e24802d1b870c066395
0 votes6 answers -
Фиксированное меню
Здравствуйте! На странице выполнено фиксированное верхнее меню определенной ширины. Каким образом менять ширину меню при прокрутке?
0 votes1 answer -
Органиграмма, блок-схема, дерево
Как можно сделать на ХТМЛ вот такую штуку? Сначала думал, разбить всё по уровням. Но этого мало. На ум приходят вложенные колонки. Как можно ещё?
0 votes1 answer -
Выравнивание float блоков по строкам
Привет. Собственно ссылка http://jsfiddle.net/bc2b9jtd/Трудно объяснить что именно я хочу, но я постараюсь. Есть блоки с содержимым, содержимого может быть по-разному: немного или чуть больше, чем немного. Хочется сделать так, чтобы эти блоки шли ровными строками. Совершенно понятно как это решать таблицами: http://jsfiddle.net/bc2b9jtd/1/ А можно ли это как-то решать без них? Не обязательно использовать block, можно inline-block.
0 votes2 answers -
Помогите решить как сделать чтобы внутрение блоки растягивались на высоту родительского блока height:100%; не помогло
http://prntscr.com/8nw92f <div class="korzina_table"> <div class="kor_li_1"> <div class="korzina_img"> <img src="image/s_1.png"/> </div> </div> <div class="kor_li_2"> <p class="nomer_tovara">Плита 1П 18-15-30</p> <table> <tr> <td>Длина,мм:</td><td>1750</td> </tr> <tr> <td>Ширина,мм:</td><td>1500</td> </tr> <tr> <td>Высота:</td><td>160</td> </tr> <tr> <td>Масса,тон:</td><td>1.03</td> </tr> <tr> <td>Объём,куб.м.:</td><td>0.41</td> </t…
0 votes12 answers -
Многоколоночный текст
Можно ли сделать текст в 2 колонки без column но и без дополнительной разметки ?
0 votes1 answer -
Общие вопросы
1.Скажите для background font list-type Значение могут идти в любом порядке ? 2. Не могу понять как при помощи line-height можно выравнивать текст. Например высота p 45px почему когда я беру line-height 45px у меня текст выравнивается по середине ? Где находится базовая линия шрифта ? 3. Подскажите хороший бесплатный хостинг для картинок ? 4. У блочной модели можно прописывать margin, padding, position, width, height. У строчной прописывать это нельзя ? Что такое inline-block ?
0 votes6 answers -
Анимированный саундтрек
Макет содержит красивый отзыв клиента в виде анимированного саундтрека. Дизайер нарисовал это так http://c2n.me/3of0KCh Прошу знатоков натолкнуть на возможный алгоритм решения. Из чего это сделать? "Выложить" красиво палочки в ряд, которые меняют фон с прогрессом звукоряда? Если да, то как согласовать визуализацию с продвижением звука? Т есть, по идее значение % звука должно управлять стилями соотв количества элеметов в блоке... На верном ли я пути?
0 votes2 answers -
Загадочные отступы между инлайн эллементами
Есть 2 блока (display:inline-block;margin:0px;padding:0px;) в стилях прописанные отступы по 0 пикселей, но между блоками всеравно есть отступ, как его убрать, искал в интернете, там убирают его с помощью такого: margin:-.36em; но это для определенных размеров шрифтов, как убрать отступ или как с этим бороться?
0 votes3 answers -
Помогите чаинику. Чем заменить a href
Всем привет, скачал лаиот, пытаюсь переделать и чемуто научится. вот застрял и как часами не могу наити ответ. Снизу были 3 кнопки, которые меняли главную картинку страницы. думал убрать эти 3 кнопки. две убрал, если первую уберу картинка исчезает, или чтобы я не заменял, всегда остаётся черныи квадрат от кнопки. пожалуиста не судите. первыи раз в жизне пытаюсь создать маленькую страничку. <!-- / content --> </div> </div> <div class="block"></div> </div> <div class="bg1"> <div class="main"><!…
0 votes2 answers -
Откуда берется padding?
http://jsfiddle.net/220wsdx2/ Как сделать так чтобы высота блока .cell была 0, как задуманно, а не равнялась высоте одного из паддингов ссылки+line-height (насколько я понял)?
0 votes13 answers -
Блок с описанием на яндекс-карте
Подскажите пожалуйста, как добавить Блок с Html содержимым, привязанный к адресу на яндекс карте. Я смотрел документацию от яндекса, что-то запутался. Подскажите хоть какой объект использовать
0 votes4 answers -
Сделать select невидимым
Подскажите пожалуйста, как сделать селект невидимым на MAC os. Сейчас он выглядит вот так. http://joxi.ru/vDr8GOOiXMOlA6 webkit-appearance не работает -webkit-appearance: none;-moz-appearance: none;appearance: none; Однако на другом сайте, с которого клонировали этот, селекта не видно. Почему, Как скрыть, может джей эс поможет. Плииииииииз На другом сайте выглядит во так: http://joxi.ru/NDrlw99FPywWAP- это работает, а там нет
0 votes2 answers -
подскажите, как сделать скобки вокруг текста?
Здравствуйте! извиняюсь за глупый вопрос, но совсем новичек и не могу придумать как сверстать такой элемент в макете: Можно ли эти скобки сделать border ом? пытался найти, но так и не нашел как сделать такие границы. Сделал пока так: <div class="bkt">[</div> <span class="title">КАТЕГОРИЯ 1 текст текст текст</span><div class="bkt">]</div>.title { font-size: 16px; text-align: center; width: 70%; float: left; line-height: 1;}.bkt { font-size: 25px; float: left;}Но вариант совсем корявый у родительского элемента размеры должны быть указаны, а они для каждой категории разные будут... Подскажите, как такое правильно сверстать?
0 votes3 answers -
выпадающее меню
Почему при сужении экрана ползут строки одна под другой ? http://cssdeck.com/labs/rdye72tp
0 votes5 answers -
Указание width и height
На html академии выложили правила написания вёрстки https://htmlacademy.github.io/codeguide/ У меня вопрос относительно пункта "Размеры картинок", а в частности указания "Изображениям <img> должны быть явно заданы с помощью атрибута размеры". Нет, для SVG я ещё могу понять зачем это нужно. Но для остальных картинок зачем это всё в 2015-ом году?
0 votes3 answers -
Написать CSS-селектор
Здравствуйте. У меня есть пагинация, которая в разных состояниях выглядит так https://jsfiddle.net/o5bkj1h6/ Есть необходимость применить стили к отдельно к цифрам, и отдельно к "Back", "Next". У меня не получается сделать первое. Пока есть единственный вариант - применять ко всем элементам, а потом для "Back" и "Next" обнулять лишнее, но так делать не хотелось бы.
0 votes1 answer -
Checkbox и его id
Здравствуйте. У меня вопрос - как долго сможет прожить checkbox/radio без id? Конструкция простая <label for="some_data" class="some_class"> <input type="checkbox" name="some_data" id="some_data"> <span></span> (кастомная часть) Some sontent </label>В <span></span> (кастомная часть) происходит что-то красивое в виде галочки желтого цвета. Я так понимаю, мы могли бы обойтись name, как пишут тут - http://www.w3.org/TR/html4/interact/forms.html#h-17.9.1 Поместив инпут в <label>. Но как быть с кастомизацией в этом случае? Ведь тогда чекается тот нативный инпут, который мы прячем.
0 votes12 answers