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
-
проблема с меню, не исчезает
Всем привет! я тут новенький и уже не знаю куда обратиться, вторые сутки голову ломаю. суть такова, делаю друзьям сайт, натянул шаблон на модх, но вместе со всем и перешла ко мне проблема шаблона с меню. если перейдете по ссылке и выберете чтолибо во вкладке сервис, то меню страницу то новую открое, а вот само меню не исчезнет. Парни кто в css посильнее, помогите разобраться и куда что прописать. [hide]http://exp2.cloud-page.ru/[/hide] исходник давать не буду чтобы не сказали что реклама!
0 votes3 answers -
Подскажите,не хватает опыта при верстке специфического фона для блока
При верстке фона для блока возникла проблема. Фон специфической текстуры с шумами,а также присутствует градиент... http://static1.keep4u.ru/2015/12/09/BEZ-IMENI-4.png Вырезать кусок по всей высоте и пикселей 10 по ширине а потом его размножить по горизонтали не помогло,получается неаккуратно и некрасиво! Возможно есть другой подход к этой проблеме,но я о нем не знаю) http://static1.keep4u.ru/2015/12/09/BEZ-IMENI-7.jpg
0 votes3 answers -
Вывод файлов директории для скачивания
Здравствуйте! Подскажите, пожалуйста, как вывести файлы не каталогом, а в виде списка… в тегах <p> или <a> , или ещё как, чтобы их можно было скачать??? http://jsfiddle.net/vr6qruy1/1/
0 votes11 answers -
Организация файлов по каталогам
Здравствуйте! Есть папка docs (основная папка) в ней лежат все html файлы. Так же в папке docs лежат папки содержащие css, картинки и js скрипты. Но я хочу еще сделать несколько подкаталогов каталог 1 (catalog1) каталог 2 (catalog2) каталог 3 (catalog3) В каталог 1 (catalog1) я хочу положить страницу HTML, но она не "может" определить где лежат файлы CSS и js (которые отвечают за её отображение). Вопрос - как мне нужно прописать путь к этим файлам, что бы страница index1.html смогла бы подхватить все папки и файлы из основного каталога docs? спасибо
0 votes15 answers -
Страница грузится в неправильной кодировке
Есть форум IPB.Проблема в том,что он открывается в кодировке UTF-8 вместо windows-1251.Стоит <meta http-equiv="content-type" content="text/html; charset=windows-1251" />,но это ничего не дает.Как сие победить?
0 votes14 answers -
gulp sass, не работает @import
Может кто сталкивался с подобным, не могу импортировать другие sass файлы в основной (main.sass) К примеру подключение стилей файла reset.sass: @import "test/reset"После запуска компилятора, появляется ошибка Гуглил, предлагают вставить строчку includePaths: ['./styles'],либо плагины. Но почему-то всё равно не получается(( gulpfile var gulp=require("gulp");var sass=require("gulp-sass");gulp.task('sass', function() { return gulp.src('work-build/sass/*.sass') .pipe(sass({ includePaths: ['public-build/css'] //это строка, которой предлагали лечить данную проблему, но всё равно не работает, может я неправильно путь указываю })) .p…
0 votes16 answers -
Ячейки фиксированной таблицу имеют разную ширину в Chrome
Столкнулся с проблемой создания фиксированной таблицы с одинаковыми ячейками. Создаю таблицу шириной, например 700px и table-layout: fixed; В таблице есть шесть ячеек в рамкой в 1px. На выходе получается три ячейки по 116px и три ячейки по 117px(Google Chrome). В FF и IE все ячейки имеют одинаковую ширину - 116.5px. Есть ли способ создать подобную таблицу, но с одинаковыми ячейками, без использования JS. Пример можно посмотреть тут http://jsfiddle.net/scanwfbr/
0 votes4 answers -
Отличие отображения вёрстки в iPad и в Сhrome
Здравствуйте. Не могу понять почему в iPad вёрстка не растягивается по всей ширине экрана, т.е. там есть горизонтальный scroll и за границами этого скролла блоки не растягиваются, а становятся фиксированными. Это лендинг и есть такой вот код: <div class="fullpage"><div class="section" id="section1"></div><div class="section" id="section2"></div><div class="section" id="section3"></div><div class="section" id="section4"></div></div>Так вот, например блок section3 шире, чем другие и из за этого получается горизонтальная прокрутка в iPad'е. На персональных компьютерах такой проблемы нету, т.к. остальные блоки подстр…
0 votes1 answer -
img
здравствуйте. Я извиняюсь, вы не могли бы подсказать кое-что? Вот, есть форум: http://forum.playmu.su/ начиная с разрешения 1366 по ширине и выше - все работает отлично. А если ниже - картинку начинает обрезать по краям. Вы не знаете, как это исправить? Нужно, чтобы картинка уменьшалась ( как содержимое сайта ) с уменьшением размера экрана. http://prntscr.com/9cjmjy
0 votes1 answer -
Проблема с горизонтальным скроллом
Добрый вечер, уважаемые форумчане! Очень хочется услышать от Вас компетентный совет. Заранее прошу не критиковать меня и не говорить о моих низких моральных качествах) Я сейчас работаю на контору, которая занимается раскруткой адалт-вебсайтов. Мне делегировали исправить косяк с горизонтальным скроллом на одном из топовых веб-сайтов. http://i.shotnes.com/a/10/r0ourtbd.uzj_5669bb5ae83cc.png Скролл появился ниоткуда, получается, что какой-то скрипт делает такую штуку. Он исчезает при зум 75%. В верстке вроде все ок, по крайней мере я не нашла явных косяков, которые могли бы вызвать скролл. Помогите, пожалуйста, разобраться в чем дело. На сайте пф просело на 2% и нача…
0 votes3 answers -
Проблема с выпадающим вертикальным меню
Помогите пожалуйста. Сделал вертикальное меню, в нем есть второй уровень вложенности. Когда наводим на пункт меню - показываются подпункты. Но они сдвигаются относительно родителя. Никак не пойму, что относительно чего нужно позиционировать. Как убрать сдвиг? Мой код здесь
0 votes1 answer -
Проблемы с кроссбраузерностью
Здравствуйте! Помогите, пожалуйста, исправить различные проблемы с кроссбраузерностью. Вот моя работа: http://son.topdetal.com.ua/mobi , в FF работает хорошо. А вот проблемы: 1. В хроме открытие страниц скриптом (здесь и далее под словом страница подразумевается то, что открывается по клику на пункты меню) работает через раз, в сафари скрипт вообще не работает. 2. Кнопка "contact" имеет неустойчивое поведение при :hover. 3. после закрытия страницы она, в закрытом состоянии, теряет свойство display:none; http://prntscr.com/9c7sqf и перекрывает другие элементы. 4. на узком разрешении, когда высота контента больше высоты экрана страница растягивается только на высот…
0 votes0 answers -
Чем нужно при верстке заменять слайдер
В макете присутствует слайдер картинок. В интернете полно рецептов, как создать или где взять готовый слайдер - и это все с использованием javascript и, часто, jquery. Я хоть и в процессе изучения javascript, но понимаю, что конкретно при верстке обходятся без сложных скриптов - это дело веб-разработчика. Например, при верстке строки поиска нужно добавить форму, кнопку, текстовое поле - а куда это отправляется и как обрабатывается - дело десятое. Может, надо ставить какую-то загрузку. И здесь считаю целесообразным задать еще один вопрос (если надо, создам отдельную тему) - что делать в аналогичном случае, если в макете видео?
0 votes4 answers -
Нужно ли верстать вплоть до пикселя?
Я позамствовал на одном сайте следующую технологию верстки: 1. Делаем фон из скриншота макета 2. Ставим opacity 0.5 3. Подгоняем элементы один-в-один Но как-то видел результат верстки профессионалов, и у них, например, отступ между парой строк на 2-3 мм больше, чем в макете, текст, если приглядеться, чуть менее жирный и т.д. Вопрос: насколько допустимы отличия от макета? Или надо, как это делаю я, выравнивать до сотых частей в ущерб времени?
0 votes11 answers -
Помогите с мобильным меню
Подскажите пожалуйста, как запехать Лого на середину шапки в мобильном меню? Вот так чтоб было http://joxi.ru/p27NDnf00ekBm7 Вот само меню http://codepen.io/Nikolaos/pen/OMyLBW
0 votes4 answers -
Кнопки поделиться свой дизайн
Вот такие кнопки Какой сервис можно использовать генерации кнопок поделиться, чтобы заменить их на свои?
0 votes10 answers -
Как убрать тень между элементами?
http://jsfiddle.net/tr0zurq1/ Предполагается, что тень будет именно для каждого элемента: либо для <li>, либо для <a>, а не для <ul>. По-идее, между элементами тень не должна быть видна, поскольку, z-index псевдоэлемента, для которого сделана тень, меньше z-index'a элемента, для которого сделан псевдоэлемент. Но тень всё равно есть. Почему? Как расположить тень "дальше" пунктов меню? <ul> <li><a href="#">Борщ украинский с пампушками</a></li> <li><a href="#">Вареники с печенью в луке с салом</a></li> <li><a href="#">Курица, тушенная с галушками</a></li></ul>ul { posi…
0 votes14 answers -
Почему не центрируется блок?
Вот есть каталог электропечек для бани, со следующими стилями: .elpechi - стиль тела этой страницы, чтобы не применялось к другим аналогичным .marg - блок с каталогом печей .cat_row - блок с рядами (компонент разбивает товары по рядам) .floatleft - блок карточки товара со своими стилями. задача - отцентрировать. поидее это делается так, но не работает: .elpechi .marg .cat_row {margin:0 auto;}пробовал так: .elpechi .marg {margin:0 auto;}тоже не центрирует. текущие стили: .cat_row { float: left;}.elpechi .marg .cat_row .floatleft { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; border-radius: 5px; box-shadow: 0 0 5px #c2c0c0; …
0 votes2 answers -
Вёрстка IE Mozilla, не верно работает filter
Только один Google Chrome отображает верно! Как именно нужно настроить кроссбраузерные стили что бы изображение стало чёрно белым? Я делал так и сработало только в Google Chrome : -webkit-filter: grayscale(100%);-ms-filter: grayscale(100%);-moz-filter: grayscale(100%);Вот сам пациент : http://myatlanta.pe.hu/templates1/
0 votes1 answer -
Разное отображение сайта на iPad и на персональном компьютере
На персональном компьютере сайт-лендинг растягивается у меня во всю ширину экрана, а на iPad'е происходит вот такая вот штука: Код структуры лендинга: <div class="fullpage"><div class="section" id="section1"></div><div class="section" id="section2"></div><div class="section" id="section3"></div><div class="section" id="section4"></div></div>Прошлую тему почему-то удалили. Я не понял почему. Я как то неправильно на форуме себя веду? Или что?
0 votes10 answers -
Прямоугольник по размеру исходя из текста внутри него
Добрый день, дорогие друзья. Имеется блок div, в нем один заголовок и маркированный список. Задача сделать так, чтобы блок был вписан в прямоугольник border так, чтобы ширина прямоугольника была такого же размера, как самая длинная строка в маркированном списке, либо по длине заголовка, если он длиннее. В общем, нужно получить такое же, как тут содержание. Какой сообразить стиль для такого див-а??
0 votes0 answers -
Растянуть Div с float вертикально по высоте
Добрый день, уважаемые форумчане, ни как не могу решить проблему с ростягиванием DIV'а которому задано свойство флоат. Хочу понять именно механику процесса. Необходимо чтобы 2 колонки всегда были в низу экрана, даже если контента мало. Пожалуйста помогите разобраться! Вот код
0 votes11 answers -
с помощью чего делать анимцию для блоков и текста
Всем добрый день! Не так давно учусь верстке,и никак не могу понять как делаются эффекты выплывания,выезжания,проявления блоков и текстов? js,jquery,css? Сразу попрошу без сарказма на тему "погугли",мне это не помогло)хочу сделать эффекты на примере этого сайта http://hotdogstudio.ru/ , будуочень благодарен за помощь!)
0 votes6 answers -
Адаптивная карусель с миниатюрами с поддержкой видео
Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, адаптивную карусель с миниатюрами и с поддержкой видео (YouTube, Vimeo, и Funnyordie).
0 votes2 answers -
Помогите с простой задачей XML, CSS
Доброго времени суток, товарищи! Прошу помочь с таким вот заданием: Вывести содержание документа XML, который приведён ниже, в виде таблицы с фиксированной шириной 900px, где каждый столбец имеет фиксированный размер. Каждый второй ряд таблицы выведите красным цветом.
0 votes0 answers