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
-
Резиновый дизайн
Резина и ещо раз резина Я сделал фон сайта резиновым ,но в Браузере Opera при размере страници 100% слева виден маленький белый промижуток размером 8-10px Но при минимальном размере промижутка нету Как это исправить? И как зделать кнопки зделаные тегом img заставить быть по соотнашению с BG чтоб не только BG был резиновым ,но и кнопки.
0 votes4 answers -
Не работает созданое првилоCSS
создал правило в css для ссылки "перейти в раздел Контакты >> " на странице http://shkafmos.ru/index.php?option=com_content&task=view&id=27&Itemid=94 но оно не работает. Помогите плийз разобратся - где я накосячил.
0 votes5 answers -
Простейший макет, проблемы с height
Т.к. в соседнем разделе не удалось мне решить мой вопрос, решила начать с нуля и посмотреть, где возникает проблема. Начала делать простейший макет, и вот какая странность. Вроде бы уже проще некуда, делала из многочисленных примеров, пробовала разные варианты. Вот собственно оно http://jsfiddle.net/bfTAC/ Интересно, что в Opera все отлично выглядит как надо А вот в Хроме и Firefix'е - что попало Если глянуть для интереса "инспектором" в Firefox, вот что говорит Получается "контейнер" 100%, но почему то всего 220px. Хотя с body там же все нормально - 100% и 720px на весь экран. Что я делаю не так? Уже тупняк какой-то начался, тяжело абстрагироваться
0 votes7 answers -
Шрифты и их отображение
Вот замученная шрифтами страничка http://pomidor.com.ua/seemax/ImageneerB/HTML/ImageneerB.html Вот задумка дизайнера http://clip2net.com/s/26zqO Визуально размер шрифтов ощутимо мельче, хотя выставлен в соответствии. Я так понимаю что фотошоп и браузеры отличаются, но какие могут быть варианты приведения в реальное соответствие? И достижимо ли оно вообще на 100% при том что в результате по шрифтам я, как исполнитель, оказался в ситуации когда А) Куфон нельзя, Б) http://www.fontsquirrel.com/fontface/generator держит в черном списке нужный мне шрифт В) http://www.google.com/webfonts не имеет его вообще. Г) Подключить способом из этой статьи не удается http://htmlbook.ru…
0 votes3 answers -
Создание Skype/VK -подобной архитектуры чата
Задача: создать чат на сайте по типу Skype/VK. Проблема: не получается построить правильную структуру шаблона. Как прятать контент под шапку (частично решено) Как добавлять сообщения так, что бы они не уходили внизу под сайт, а добавлялись в видимую область. Как при это оставить возможность скрола, что бы можно было просмотреть весь список сообщений. http://codepen.io/RomanGorbatko/pen/lcprA - здесь я оставил прототип будущего приложения, на нем можно увидеть все описанные выше проблемы.
0 votes0 answers -
не кратное 12 количество колонок в бутстрапе3
помогите пожалуйста разобраться в бутстрапе3 используется 12 колоночный шаблон. очень удобно, используя эти классы col-xs-12 col-sm-12 col-md-12 col-lg-6 , распределять колонки или горизонтально расположенные элементы. но бывает так, что число элементов в строке(.row) не кратно 12. например 5. посоветуйте пожалуйста как поступать в этом случае
0 votes6 answers -
Градиент текст в вебкит - не совпадает заливка шрифта
http://jsfiddle.net/wPP2b/ (смотреть в хроме) Собственно - как видите сверху скриншот из фотошопа - а снизу сам шрифт, но заливка выглядит более темной - хотя я все значения взяла из фотошоп - начальный и конечный цвет заливки, но выглядит совсем по-другому. Почему и как поправить? Пробовала подогнать цвета - да вот что-то никак, все какое-то темное. В принципе как вариант пробую добавить поверх красного текста слой с градиенто, но как-то не выходит сделатьк расный перелив.....
0 votes14 answers -
Как сверстать такое (см. скрин)
Здравствуйте. Есть задача сделать вот это: Пользователь будет грузить картинки сам, поэтому картинки будут разновеликие. Нужно, чтобы они вставали в похожую структуру. Картинки будут увеличиваться по клику в реальный размер.
0 votes3 answers -
Не открывает сайт в Chrome
Здравствуйте. Сегодня заметил что Chrome не подгружает стиля сайта, в Firefox все работает, чему может быть причина ? В консоли ошибок нету http://omega24v.esy.es
0 votes3 answers -
Блок с повёрнутым на -90 градусов текстом
Сделал чёрный блок "Результат": Как его выровнять относительно текста? Должно быть так: ссылка на страницу для просмотра кода
0 votes4 answers -
Прокрутка
Есть шапка, левая картинка (не должна прокручиваться при прокрутке контента), подвал. Шапка и левая картинка при прокрутке остаются на месте. В конце страницы когда контент кончился и подвал уже идет необходимо чтобы картинка вместе с подвалом прокручивалась. <div class="top-head"></div> <div class="container_main container-fluid"> <div class="container"></div> </div> <div class="footer"></div> .top-head { position: fixed; z-index: 100; } .container_main { background: #fff url("../img/reviews/reviews_bg.jpg") no-repeat fixed center 55px; } .footer { background: rgba(0, 0, 0, 0) url("../im…
0 votes1 answer -
сторонний код Как откорректировать или создать сторонний код для подсписки на рассылку
Добрый день! Ребята!! Очень нужна помощь в написании стороннего кода на сайт для подписания на рассылку. Прежде стоял код, девушка писала его вручную, но там что-то сбилось и сайт начал выдавать ошибку при подписке. Unisender сказал, что ошибка в этом друге... И еще нужно вставить API.. Надеюсь, я корректно описала проблему. Буду безумно благодарна за помощь или наставление) имеющийся код вот: <link href="https://cp.unisender.com/v5/template-editor-new/js/lib/datepicker/pikaday.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="https://cp.unisender.com/v5/template-editor-new/js/lib/moment/moment-with…
0 votes0 answers -
Срочно помогите
нужно сделать вырез как на картинке, ничего не могу придумать, помогите плз https://codepen.io/ingvarrrrr/pen/qzyPpP
0 votes2 answers -
Атрибут disabled
Доброго времени суток, при написании одного из макетов встала проблема, нужно связать форму input с кнопкой, то есть задав параметр ввода через pattern="[a-z]{1,26}". Нужно сделать так чтобы при неправельно заполнены форме кнопка было не активной. <h2>Введіть Ключ</h2> <input id="key" class="form-control" pattern="[a-z]{1,26}" value="key" placeholder="Писати сюди"> <h2>Введіть слово</h2> <input id="slov" class="form-control" pattern="[a-z]{1,26}" value="hello" placeholder="Писати сюди"> <input class="btn btn-block btn-success" value="Закодувати" onclick="zakoduvaty5(this);" type="submit"> &l…
0 votes1 answer -
Столкнулся с явлением пропадающих блоков в Опере
Пропадают блоки в Опере, подскажите что это может быть? img { border:none; behavior: url("/styles/css/iepng.htc"); } .items { background:url(/images/bg.jpg) repeat-y; background-position:top center; /*min-width:1006px;*/ min-height: 380px; font-family:verdana; margin-right: 100px; width: 825px; } .items ul { list-style:none; zoom:1; } .items span { display: block; font-weight: bolder; } .wsubc { width: 180px; } .items ul li { float:left; width:236px; height:247px; background:url(/images/item_bg.png) no-repeat; margin:4px 4px; text-align:center; font-size:12px; zoom:1; } * html .items ul li { background:none; filter:progid:DXImageTransform.Microso…
0 votes1 answer -
Медленный gif
Рисую разные гиф. Если в gif'e есть кадры с задержкой менее 0,1 сек. то браузеры искусственно увеличивают задержку до 0,1 сек. При этом сам редактор gif отображает анимацию с нужной скоростью (photoshop, GIF Movie Gear). Конкретно эта анимация нормально отображается в firefox. IE и chrome отображают медленно. Как с этим бороться? Постую следующим кодом: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> </he…
0 votes0 answers -
iframe, google maps, ie8
Помогите решить 1 проблему есть сайт и на нем карта гугловская через iframe Но карта отказывается работать в IE8 точнее просто блокируется. Что с этим можно поделать? Сайт стоит на UMI CMS. кстати через JS карта вообще не отображается почему то... недавно работаю с UMI CMS еще не разобрался мб проблемы с TinyMCE и JS. ———- удалите тему сам со всем разобрался =)
0 votes0 answers -
Как выровнять блоки div с изображениями по вертикали?
Подскажите пожалуйста, как разнести картинки (например 4 штуки) по всей длине экрана? То есть, если мы сужаем браузер, и высота становится больше, а ширина меньше, то мне нужно, что бы картинки как бы оставались по центру Подскажите пожалуйста, как мне здесь у right сделать что бы картинки равнялись всегда по центру? что бы при любом разрешении нижняя была с низу, а верхняя сверху? сейчас при большой высоте экрана все сверху.
0 votes4 answers -
Резиновая верстка
Добрый день! Нужно резиново спозиционировать div относительно wraper. Чтобы при уменьшении размера монитора div не двигался, пока не начал сжиматься wraper. Рисунок по сылке http://s1.ipicture.ru/uploads/20130221/p4cSvlWn.jpg
0 votes7 answers -
резиновая высота меню
Подскажите пож. Есть меню <div id="navi"> <ul> <li><a target="_blank" href="index.html">ГЛАВНАЯ</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ2</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ3</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ4</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ5</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ6</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ7</a></li&g…
0 votes8 answers -
Ищу наставника.
Здравствуйте, уважаемые форумчане! Меня зовут Алексей, я сейчас работаю верстальщиком, но я не укладываюсь в сроки вёрстки, потому что мне не хватает компетенции. Я ищу человека, который бы стал для меня наставником. Готов хреначить как проклятый. Да, и конечно, это всё не за "спасибо", я так же готов отдавать какую-то часть от моей з/п этому человеку. В общем есть огромное желание профессионально вырасти и нужна помощь знающего человека. Заранее большое спасибо! Мои контакты: main.c@rambler.ru
0 votes8 answers -
Назначение itemprop в img
Для чего нужно itemprop? Хотел посмотреть как сделано авто переворачивание картинки на странице и там увидел это <img src="/styles/logo.png" itemprop="logo" alt="Обзоры гаджетов и IT новости мобильного мира и технологий" width="161" height="112">
0 votes1 answer -
Как применять вч сч нч запросы?
Здравствуйте. Недавно в процессе столкнулся и немного почитал про такие понятия, как перелинковка и вч сч нч запросы. Вроде бы всё понял - что это и для чего, но так и не догоняю - мне, как разработчику сайта и человеку, наполняющему сайт контентом, куда вставлять эти самые вч нч запросы? Это просто определенные подобранные слова прямо в теле текста на страницах или это - те самые ссылки для перелинковки, которые надо именовать соответствующими вч нч запросами?
0 votes4 answers -
Первая строка
DOCTYPE. Одно название уже говорит само за себя (тип документа). Спецификация HTML 2.0 (1995 год) Вольный перевод По сути, DOCTYPE (Document Type Declaration) определяет тип спецификации HTML. В каждой спецификации прописаны поддерживаемые ей элементы, атрибуты, и их взаимоотношения. Изначально спецификации писались в DTD, а сегодня это XML Schema. Есть один интересный момент, в HTML коде большинства сайтов 90х годов разработчики вообще редко прописывали DOCTYPE. Потому, что браузеры тех времён могли самостоятельно выбирать спецификацию документа и поэтому у разработчиков попросту не было нужды прописывать DOCTYPE в первой строке кода. STRAWBERRY POP-TART BLO…
0 votes4 answers -
Из JSF в ADF
Есть действующий сайт, созданный с помощью ADF. Есть новые странички, которые сделаны с помощью другой технологии — JSF , используя стандартные компоненты PrimeFaces. Задача: привести внешний вид новых страничек к стилю действующего сайта. Код — черт ногу сломит. 100500 таблиц, еще столько же дивов. На выходе примитивный интерфейс, с табличкой и формочкой, которые весят 5Мб. Кто-нибудь сталкивался с этими JAVA фреймворками? При чем тут вообще верстка? — мне поставили задачу, а я ни бум бум. Вопрос здесь философский: как вообще действовать, поступать в таких ситуациях? Выскажите, пожалуйста, свое мнение. ЗЫ: понятно, что сверстать можно все что душе угодно даже п…
0 votes4 answers