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
-
Адаптивная верстка
Здравствуйте, я бы хотел кое-что для себя прояснить. Веб начал осваивать можно сказать на днях, и наткнулся в интернете на такое понятие как адаптивная верстка. Вот меня мучает такой вопрос - нужна ли сейчас кому-либо фиксированная верстка или же сейчас все требуют адаптивную. То есть нужно ли мне практиковаться в фиксированной верстке, либо начать осваивать адаптивную? Кто регулярно верстает макеты просьба поделиться информацией, и подсказать какие-нибудь хорошие источники по данной теме. Спасибо всем за внимание.
0 votes3 answers -
Сетка
Здравствуйте, в процессе обучения верстке сделал свою сетку. Но есть одна проблема. Допустим есть макет с сеткой http://bloggingtips.moneyreigninc.netdna-cdn.com/wp-content/uploads/2008/05/website-index.jpg. в header есть логотип и меню, есть 24х колоночная сетка. Между логотипом и меню есть 8 колонок. Вопрос: как сверстать этот пробел? Влепить туда пустой блок 1/8 или сделать margin ?
0 votes23 answers -
Адаптивная верска и размер шрифта
Пытаюсь спроектировать сайт с адаптивной верской. А именно подгонять размер шрифта под размер экрана, так, чтобы на любом экране в строке было примерно одинаковое кол-во слов/символов. Как лучше/правильней/кроссбраузерней это сделать? Пока я представляю себе это так: в css тегу <html> задаем некий базовый размер шрифта, например 20px, а далее при помощи @media(max-width) назначем размеры шрифта тегу <body>(а остльные будут плясать от родителя в em) в rem. И тут возникают вопросы: 1) Какой размер шрифта в html по умолчанию? Может в зависимости от девайса - там уже все как надо? Или лучше сразу назначать размер тегу html в зависимости от экрана, а CSS всем проп…
0 votes7 answers -
Рамка у <input type="image">
Подскажите, пожалуйста как убрать рамочку у кнопки. Работаю с cms DLE. Справа от меню в поиске у меня кнопка с изображением лупы <input title="Найти" alt=" " type="image" />. Пробовала убрать с помощью border, outline, box-shadow: none; не дает результата. Отладчик показывает, что стили действуют, а визуально рамка есть. Подскажите, где причина. Вот ссылка http://brinjal.ru/
0 votes5 answers -
непонятно почему невидимы ссылки
Всем привет, Нужно перенести часть html-кода из одной страницы в другую. Но обнаружил, что ссылки под блоком "Popular Cities:" не тотображаюся в браузере http://s017.radikal.ru/i412/1507/2c/5926b556089d.png При этом firebug отображает эти ссылки светло-серым как недостувпные/невидимые. Не пойму, почему ссылки не видимы? У них нет тегов "invisible","diabled", "display:none". Я поубирал все классы и все id, чтобы исключить ссылки на файлы стилей...
0 votes3 answers -
Адаптивные темы Друпал
Здравствуйте. Я делаю свой семейный сайт на Друпал и изначально выбрал тему Danland (понравилась). Потом оказалось, что она не адаптивная и я сейчас хочу все переделать на Bootstrp или Adaptive. Только вот не могу выбрать - последняя мне кажется более гибкой, но подразумевает самому доводить CSS. Посоветуйте, пожалуйста. Сайт простой - рассказы с картинками: http://www.utki.net
0 votes10 answers -
нужен плагин - менюшка для бутстрапа
типа такого : https://jsfiddle.net/m82bbn7k/2/ адаптивный со смещением контента (как на ютубе) и без (как на гугл плэй) как называется такой элемент интерфейса? зы когда то на википедии в статье по бутстрапу была ссылка на домашнюю страницу какого то чувака с кучей плагинов и там был искомый плагин но сейчас ссылку убрали
0 votes1 answer -
Не работает буква "б" в хроме при вводе тегов с фронта
Здравствуйте. Возникла интересная проблема. В хроме при вводе тегов на странице не вводится буква "б". Ведёт себя как enter. http://joxi.ru/L21jZw0Sk6dOAX Везде всё хорошо. Буду рада, если кто-то подскажет
0 votes3 answers -
Cглаживание градиента и трансформа в хроме
Что-то в последнее время сталкиваюсь со странными поведением Хрома в части сглаживания графики. Например вот: http://jsfiddle.net/og3mpxms/2/ Результат вот http://joxi.ru/D2PjL0XsNBM0r3 В Хороме - зубчатая пиксельная пилка, в ФФ и ИЕ(!) - все отлично. Тоже самое наблюдается и при трансформации, например - квадрата в ромб. Что за беда, кто сталкивался? Как лечить?
0 votes3 answers -
не отображаются цифры на айфоне!
Всем привет! Пожалуйста, помогите! Вот сайт: revo-test.tk/leng , на пятом айфоне в браузере safari в блоке "контакты" почему-то не отображаются абзацы с цифрами, слова отображаются без проблем! На всех десктопных браузерах, на андроиде, даже в хроме на айфоне - всё пучком... Уже голову сломал, может, посоветуете что? Заранее спасибо!
0 votes2 answers -
responsive
Доброго времени суток. Начал по тиху разбираться с адаптивной версткой и возник вопрос. Нашел в сети простой шаблон для тренировки и сижу делаю. Так вот, если блок, в нем текст. На 1024 паддинги к примеру : 100px 200px 50px 20px; на 320 уже будет 20px 50px 12px 5px. Шрифт тоже становится меньше, сидел долго думал как правильно сделать, гуглил читал, в итоге все равно сделал через @media. Вздохнул с облегчением, спустился к следующему блоку, а там почти такакя же история, сижу опять прописываю кучу @media. И возник вопрос, правильно ли это? Есть ли какой-то способ менять отступы и размер шрифта в зависимости от разрешения или вариант с media считается нормальным? Вот скри…
0 votes5 answers -
checkbox ссылка
Добрый день форумчане! Столкнулся с такой вот проблемой. Делаю кустарный фильтр по категориям товара. Т.е. есть список (скажем 5 брендов), на против каждого бренда имеем квадратик клацнув по которому появляется галочка в квадратике (стандартный checkbox). Задача стоит в следующем, хочу сделать так, что бы при клике по квадратику появлялась галочка и в то же время происходил переход по ссылке на другую страничку с нужным брендом. Отображение квадратиков в которые вставляется галочка я сделал, но не понимаю и не могу найти в инете как сделать ее активной что ли, что бы сразу происходил переход по указанной ссылке. <form action="http://www.tepliydom.org.ua/nagrevatelny…
0 votes18 answers -
Отступ в html верстка меню windows 8, квадратики
Доброго дня, друзья у Вас абсолютно замечательный форум, и сайт, надеюсь на Вашу помощь. Статью уже почитал. http://htmlbook.ru/faq/theme/margin можете мне обьяснить более популярно? Был на курсах html css 0 уровень, вот задача сверстать меню windows 8 как сделать так, чтобы квадратики были не 4 подряд, а чтобы было 2 строчки первая строчка - 2 квадрата вторая строчка - 2 следующих квадрата ? Как управлять квадратами? Как Стать Властелином Квадратов? С уважением. Ларин Иван css такой https://yadi.sk/d/t_he7WNNhaWXX
0 votes4 answers -
Слетают стили при заливке на хостинг
При просмотре сайта локально на компе все хорошо, но пи заливке на хостинг все расползается и стили не видны, возможно и скрипты. Можете подсказать в чем проблема? если в адресе, то где и на что его поменять нужно? ссылка на сайт: http://proleading.ru/ ссылка на папку на хостинге, в которой лежит index и папки (css, fonts, images, scripts): /home/furniturei/domains/proleading.ru/public_html/
0 votes10 answers -
Div'ы на разной высоте
Есть страница http://www.slawyer.ru/landing Там есть блок Почему выбирают нас? http://joxi.ru/0KAgn84cNQyd2l Помогите внутри него дивы выровнять по горизонтали http://joxi.ru/XYmEZnxHB8lQ26
0 votes6 answers -
Проблемы в коде
Доброго времени суток, Уважаемые форумчане! Я новенький на сайте и по созданию сайта, вот наткнулся на проблему при верстке, браузеры не все правильно отображают, хотя делал все по инструкции. Так вот, если тут добрые, то есть, уверен, что все добрые, те у кого время есть разобраться и помочь. Если можно скайп или еще что-нибудь! Спасибо! Очень жду Вашей помощи!
0 votes9 answers -
Кривое отображение на мобильных
Вот сам сайт http://testx1.bl.ee/ Посмотрите пожалуйста например на блоки под "КАК СНЯТЬ КВАРТИРУ В СПБ". На десктопе хорошо, на мобильных плывут.. Не могу понять в чем дело.
0 votes8 answers -
Проблема с CSS Animation
Есть небольшая проблема с анимацией, рассказываю на примере mozilla firefox (т.к. в хроме так в обще не раболает) : При первом наведении курсора на блок фон начинает двигаться, при убирании курсора фон так же плавно смещается обратно ( Это правильно ). Если второй раз навести курсор и через пару секунд убрать курсор с блока анимация фона пропадает и фон быстро прыгает обратно. Подскажите, пожалуйста что я делаю не так, есть ли способ сделать такую анимацию на css? Пример на этой странице
0 votes4 answers -
Форма. Disabled select на Enabled
Доброго всем дня,подскажите пожалуйста сделал форму на Bootstrap-е, все хорошо, но в форме два поля SELECT. Например select id="1" и select id="2". Селект "2" заблокирован, пока в 1-м не выберут какое либо значение. Селект "2" заблокировал "disabled". Я понимаю что нужно прописать функцию javaScript, но вот не могу ничего найти и подобрать. Помогите пожалуйста. Спасибо всем заранее.
0 votes16 answers -
Откуда margin, который не описан в стилях инструментов разработчика Хром?
Здравствуйте! На странице если открыть какое-либо изображение товара, то у элемента <div id="fancybox-content" style="border-width: 10px; width: 570px; height: 570px;"> видно что есть margin, который не отображается в инструментах разработчика Хрома, но присутствует фактически. Похоже, что скрипт для fancybox. Если присмотреться, то происходит сдвиг в момент открытия фотки. Есть ли у вас идеи, как это можно исправить, по возможности без ковыряния скрипта fancybox?
0 votes1 answer -
PHP. Инвалидный аргумент
Я приветствую всех кто сейчас это читает! Ребята, у меня такая вот проблема и я действительно не понимаю почему она есть.. Вот допустим я написал маленький скрипт: <?php$a = file("1.txt");$b = "\"".trim($a[0])."\"";$c = file($;echo "<pre>";print_r($c);echo "</pre>";?>В файле 1.txt на первой и единственной строке находится ссылка и этот файл в виде массива уходит в переменную $a где эта ссылка имеет ключ 0. Потом я в переменную $b заношу эту ссылку и убираю пробел справа (кстати, не понимаю откуда он там взялся) и затем уже добавляю ещё и кавычки. Получается в переменную $c должен попасть массив уже той страницы на которую была ссылка но этого не происход…
0 votes7 answers -
Прозрачный текст с тенью в Chrome
Всем привет! Наткнулся я на странный баг в браузере Chrome (может есть и в других браузерах, но я заметил в этом). Вот суть бага: если сделать текст с тенью прозрачным цветом, то прозрачный цвет текста будет считаться не от фона, а от чёрного цвета. То есть как будто текст лежит на элементе с чёрным фоном. Вот пример. Без тени и без прозрачности всё ОК. Чем можно объяснить такое поведение, может это вовсе и не баг, вы с этим сталкивались, и как это обойти?
0 votes8 answers -
Фундаментальные законы HTML и CSS
Здравствуйте! Интересует вопрос о базовых законах HTML и CSS (на подобии такого тезиса, что нельзя блочные элементы "засовывать" в строчные). Прошу написать всё, что придёт в голову по этому вопросу, но очень был бы признателен, если кто-то кинет ссылку, где можно про это почитать.
0 votes4 answers -
редиррект с www.domen.com на domen.com в файле .htaccess
Скажите пожалуйста, как настроить редиррект с www.domen.com на domen.com в файле .htaccess Вот в Яндексе есть опция выбора главного зеркала, в Гугле раньше была, сейчас уже нет. Похоже что через гугл-вебмастер это не решается. В сайтмап указал всё БЕЗ www. Яндекс схватил всё правильно БЕЗ www, а вот Гугл - как-то непонятно, есть странички и С и БЕЗ www
0 votes1 answer -
Используют ли верстальщики CSS фреймворки?
Доброе время суток. Мне интересно какими фреймворками пользуются верстальщики, а так же узнать плюсы/минусы данного подхода и самих фреймворков.
0 votes13 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-