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
-
@Media не применяется
Возникла проблема с @Media запросами - они просто не применяются! Вот HTML код страницы: <!DOCTYPE html> <html><head><title>Black Hog Games</title><meta charset="utf-8"><link type="text/css" rel="StyleSheet" href="/_st/my.css" /><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1024x600.css" /><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1280x800.css" /><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1280x1024.css"><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1366x768.css" /> <link type="text/…
0 votes0 answers -
100% высота контента + прижатый вниз футер
имеется такая структура: нужно прижать подвал вниз - это работает а вот сделать 100% высоту блока #content не получается - когда контента в блоке мало , то все гормально. А когда много , то подвал поднимается к середине страницы... Как это можно исправить в стилях, не меняя структуру html? <body><div id="karkas"> <div id="head"> header </div> <div id="content-wrapper"> <div id="content"> Some Text </div> </div> <div id="footer_bottom"></div> </div> <div id="footer">footer</div></body>* { padding: 0; margin: 0;}html ,b…
0 votes1 answer -
Правый блок вниз убежал :-(
Всем привет! Прощу помощи... Сломал уже голову, не знаю как блок на место вернуть.. Когда на главной странице, всё норм, когда нажимаю на новость, блок убегает - http://immersprint.tk/hello-world/
0 votes5 answers -
Адаптивное изображение не растягивается на 100%
Адаптивное изображение не растягивается на всю ширину блока-родителя. Как это исправить? http://codepen.io/anon/pen/MwXKer
0 votes2 answers -
Статичный генератор сайтов с gui
Добрый день. Может кто подсказать статичные генераторы сайтов с нормальным gui, а не web мордой или вообще консольно терминальным исполнением.
0 votes3 answers -
Проблема с табами
Всем привет! Не получается сверстать вот такие табы не могу понять что делаю не так . все что получается у меня это непонятно почему вылезла эта линия внизу, в не активном режиме и не получается ее скрыть. При нажатии вроде как все нормально , а вот именно сначала вылазит эта линия . Надеюсь на помощь ) вот код <div class="col-md-7"> <div class="tabs_header clearfix"> <div class="wrapper"> <div class="tabs clearfix"> <span class="tab">Скидки учащимся</span> <span class="tab">Дополнительные скидки</span> </d…
0 votes1 answer -
Как разместить два блока
Как можно разместить два блока на всю ширину родителя, если один блок определенного размера, а второй должен растянуться. Например, форма со строкой для ввода текста и кнопка. То есть, кнопка всегда одного размера, а строка должна заполнить всё оставшееся пространство. Заготовка - http://jsfiddle.net/n1tp49a1/ Нужен кроссбраузерный вариант работающий на всех устройствах включая мобильники.
0 votes2 answers -
Не работают ссылки для слайдера
Для слайдера с портфелями нужно было установить восемь рабочих ссылок, четыре заработали а остальные четыре нет. Вопрос состоит в том чтобы при отображение восьми пар ссылок они отображали слайдер в котором будут восемь портфелей а не так как это отображено на картинке. Вот исходный код слайдера; <div class="container"> <div class="products_inner"> <h3 class="product_title"> Популярные товары </h3> <div class="tabs-wrapper"> <div class="tabs products_tabs"> <a class="tab products_tab tab--active" href="#product-tab-1">Запчасти</a> …
0 votes0 answers -
Вёрстка превьюшек
Здравствуйте! Верстаю свою галерейку, застопорился на выводе превьюшек. Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> #gallery .photo_div{ display: inline; } .photo_div { width:82px; height:97px; margin-left:5px;margin-right:5px;margin-bottom:10px; border:1px solid #d8dcea; text-align: center; font: verdana, arial, sans-serif; } .photo_div img { border: 5px solid #fff; border-width: 5px 5px 20px; } .photo_div a:hover img { border: 5px solid #3e3e3e; border-width: 5px 5px 20px; color: #fff; } .photo_div a:hover { color: #fff; } &…
0 votes1 answer -
Do not use list-style-image для ul
Недавно была тема и специально для этого я сделал скриншотик, думаю из него понятно что к чему и что отображается по-разному в разных браузерах а что одинаково! Тема простая, не стоит использовать свойство css: list-style-image для маркеров ибо оно имеет только параметр который указывает путь к файлу маркеру, НО оно не имеет никаках параметров для выравнивания этого маркера! Да и в разных браузерах по разному они расположены, это наводит ужас, вместо этого стоит для li прописывать background: url() у которого есть возможность позиционировать фон как угодно. 2 скриншота один я сделал, а второй - это скрин с этого же сайта где черно-побелому написано то что я уже сказал. Н…
0 votes5 answers -
помогите вставить нарезанную картинку в шапку
Предыстория: был табличный сайт. Решил перейти на блочный. Начал вставлять старую нарезанную картинку в шапку, все беспорядочно расплылось Помогите с кодом. Вот скрин страницы: http://img299.imageshack.us/img299/8836/22141668.png <head> <title>дивный дизайн</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style> #page{ height:400px; width:100%auto; background:#FF6666; } #header{ height:100px; width: 100% auto; background:#009966; } #main{ float:left; width:100%; background:#999900; } #content{ margin-right:200px; background:orange; } #menu{ margin-left:-200px; float:right; width:200px; backgroun…
0 votes1 answer -
Помогите с селект меню
В общем тут стоит jquery autocomplete, в опере и мозилле нормально работает, но в ИЕ начинает при наборе букв в инпут для автокомплита помещаться еще белое пространство, никто не знает в чем трабл? что-то просидел вечер, не нашел тут
0 votes1 answer -
категоризированный url в google поиске
Всем привет, подскажите как добиться чтобы в гугл поиске ссылка на материал вашего блога выглядела: www.ваш_сайт > название блога (ссылка) > название_раздела (ссылка) > название_категории (ссылка) > материал (ссылка) сайт на html, юкозовский движок Заранее благодарен
0 votes6 answers -
Улучшение вида сайта без CSS. Возможно?
Для нашей работы заказали мы простенький сайт.Шапка+Новости+Меню(4 вкладки). Никаких проблем: сайт создан, простой , на мой взгляд в меру симпатичный. Но в силу специфики работы (научно-производственная, постоянно изменяется)заполнять его решили сами. Рисунки, текст и прочая специфичная тематика. Пользуюсь CMS, доступ к которой был дан разрабами (Вроде клон TinyMCE). Пытаюсь разнообразить содержимое.Но <head> в редакторах html этой CMS закрыт от моего доступа. Подгружать файлы можно лишь -рисунки, видео, пдф и архивы. Css прописанное в теле не сохраняется, только лишь javascript и html. На просьбу разрешить загрузку других расширений разрабы обосновали, тем "чтоб…
0 votes10 answers -
Хостинг для макета
Посоветуйте пожалуйста годный бесплатный хостинг, хочу выложить сверстанный макет в интернет, послушать от вас конструктивную критику.
0 votes6 answers -
Создание всплывающих подсказок в форме ввода текста
Здравствуйте форумчане! Добрался до сюда, не думал: хочу сделать чтобы при вводе текста в форму всплывали подсказки(т.е. если пользователь начинает вводить название города (фор экзэмпл Мос..) то всплывала подсказка (Москва). Города есть в таблице. Как это можно реализовать? И как это вообще правильно называется?)) А то даже не знаю как загуглить по сабжу)
0 votes4 answers -
<!doctype html> и плавающие элементы
Добрый день,такой вопрос, собственно дизайн сайта представляет собой следующую картину , див main, в нем 2 дива, content и правая колонка.У main'a, соответственно, задан background-color. Ставлю float:left для контента, и float:left для колонки, с шириной все в порядке, 70% и 20% для контента и для колонки. Но возникает проблема, проподает background в мейне, т.е. просто прозрачный фон(виден background body). Если убирать <!DOCTYPE html>, фон возвращается в main... Еще проблема решается заданием высоты или максимальной высоты для main'a. Визуально не видно. Но при просмотре разметки, создается впечатление, как будто блоки content и правая колнка не дети main'а, а со…
0 votes4 answers -
Навигационная панель
Ребята подскажите пожалуйста, как сделать приподнятое навигационное меню? Возможно ли это сделать с помощью css, киньте мне, если не сложно ссылок на статьи и уроки такого плана. Как на этом сайте, первое прозрачное, приподнятое, и второе зеленого цвета точно также приподнятое http://psdtowp.com/. Буду, очень, очень Вам всем благодарна!
0 votes5 answers -
opacity на <img> в FF
http://jsfiddle.net/xuztA/14/ — наводим, даёмся диву. Причём картинка, насколько я вижу размер не меняет, т.е. как-то внутри себя дёргается что ли. Подскажите кто-нибудь, что за ерунда. А самое главное чем это возможно исправить… только FF по-моему UPD: ответ наден. Баг. Решается добавлением фона
0 votes0 answers -
Как искать скрипты для сайта под верстку ?
Хотел узнать, как искать скрипты для сайта который дали на верстке. Например в дизайне есть какой то эффект который требует скрипта то тогда как можно найти этот скрипт ?
0 votes3 answers -
Вложенные таблицы html
Всем привет! Я с html знаком ну очень поверхностно (хотя программист по роду деятельности), но встала необходимость сделать простенький сайт. Грубо структура такая Области: 1 - логотип, 2 - заголовок, 3 - пукнты меню, 4 - описание соотвествующего пункта Области 1, 2, 3 и 4 это четыре ячейки главной таблицы (2 строки, 2 столбца). Для нее cellspacing="6", т.е. есть расстояние по горизонтали/вертикали между соседними ячейками. Вопрос про 3 область. Здесь пунктов несколько, поэтому сюда вкладываю таблицу внутрь ячейки основной таблицы. Для вложенной таблицы я также задаю cellspacing="6" (необходимо, чтобы между ее строками было такое же раастояние, как между строками внешн…
0 votes6 answers -
0 votes2 answers
-
Помогите сверстать макет по примеру
Есть 4 блока выстроенные в одну линию. Крайние два имеют фиксированную ширину (например 100 и 150 пх). Средние два блока одинаковой ширины и должны растянуться что бы вся конструкция заняла всю ширину экрана. При изменении ширины окна браузера конструкция, сжимая\разжимая средние 2 блока, должна занимать всю ширину. Для примера: https://jsfiddle.net/jjzycey8/2/
0 votes4 answers -
CSS. Как подружить Webkit с FireFox?
Здравствуйте. Имею очень красивый текстовый эфект блика CSS скачаный с гугла. Работает на всём кроме FireFox, уже добавлял префиксы -moz- ничего неполучается. Может кто подскажет как поправить код чтоб заработало в Фаерфоксе& Код CSS ниже, пожалуйста кто понимает подскажите, буду очень признателен! .shine { background: #222 -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff)) 0 0 no-repeat; -webkit-background-size: 125px; color: rgba(255, 255, 255, 0.1); -webkit-background-clip: text; -webkit-animation-name: shine; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infin…
0 votes3 answers -
Помогите с версткой
Подскажите пожалуйста, как лучше сделать треугольник на заднем фоне? использую bootstrap, пробовал с помощью svg, но вышло не комильфо)
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-