HTML Coding

29542 questions in this forum

1. Как убрать тень между элементами?

   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…

   Asked by Launder, December 11, 2015

   • box-shadow
   • z-index
   • position
   0 votes
   14 answers
2. Кнопки поделиться свой дизайн

   Вот такие кнопки Какой сервис можно использовать генерации кнопок поделиться, чтобы заменить их на свои?

   Asked by okunev2, December 11, 2015

   0 votes
   10 answers
3. Помогите с мобильным меню

   Подскажите пожалуйста, как запехать Лого на середину шапки в мобильном меню? Вот так чтоб было http://joxi.ru/p27NDnf00ekBm7 Вот само меню http://codepen.io/Nikolaos/pen/OMyLBW

   Asked by Nikinik, December 11, 2015

   0 votes
   4 answers
4. Нужно ли верстать вплоть до пикселя?

   Я позамствовал на одном сайте следующую технологию верстки: 1. Делаем фон из скриншота макета 2. Ставим opacity 0.5 3. Подгоняем элементы один-в-один Но как-то видел результат верстки профессионалов, и у них, например, отступ между парой строк на 2-3 мм больше, чем в макете, текст, если приглядеться, чуть менее жирный и т.д. Вопрос: насколько допустимы отличия от макета? Или надо, как это делаю я, выравнивать до сотых частей в ущерб времени?

   Asked by AlexU, December 11, 2015

   • HTML
   • CSS
   0 votes
   11 answers
5. Чем нужно при верстке заменять слайдер

   В макете присутствует слайдер картинок. В интернете полно рецептов, как создать или где взять готовый слайдер - и это все с использованием javascript и, часто, jquery. Я хоть и в процессе изучения javascript, но понимаю, что конкретно при верстке обходятся без сложных скриптов - это дело веб-разработчика. Например, при верстке строки поиска нужно добавить форму, кнопку, текстовое поле - а куда это отправляется и как обрабатывается - дело десятое. Может, надо ставить какую-то загрузку. И здесь считаю целесообразным задать еще один вопрос (если надо, создам отдельную тему) - что делать в аналогичном случае, если в макете видео?

   Asked by AlexU, December 11, 2015

   • css
   • слайдер
   • HTML
   • видео
   0 votes
   4 answers
6. Проблемы с кроссбраузерностью

   Здравствуйте! Помогите, пожалуйста, исправить различные проблемы с кроссбраузерностью. Вот моя работа: http://son.topdetal.com.ua/mobi , в FF работает хорошо. А вот проблемы: 1. В хроме открытие страниц скриптом (здесь и далее под словом страница подразумевается то, что открывается по клику на пункты меню) работает через раз, в сафари скрипт вообще не работает. 2. Кнопка "contact" имеет неустойчивое поведение при :hover. 3. после закрытия страницы она, в закрытом состоянии, теряет свойство display:none; http://prntscr.com/9c7sqf и перекрывает другие элементы. 4. на узком разрешении, когда высота контента больше высоты экрана страница растягивается только на высот…

   Asked by dobro, December 10, 2015

   • кроссбраузерность сафари
   0 votes
   0 answers
7. Проблема с выпадающим вертикальным меню

   Помогите пожалуйста. Сделал вертикальное меню, в нем есть второй уровень вложенности. Когда наводим на пункт меню - показываются подпункты. Но они сдвигаются относительно родителя. Никак не пойму, что относительно чего нужно позиционировать. Как убрать сдвиг? Мой код здесь

   Asked by alex_avd, December 10, 2015

   0 votes
   1 answer
8. Проблема с горизонтальным скроллом

   Добрый вечер, уважаемые форумчане! Очень хочется услышать от Вас компетентный совет. Заранее прошу не критиковать меня и не говорить о моих низких моральных качествах) Я сейчас работаю на контору, которая занимается раскруткой адалт-вебсайтов. Мне делегировали исправить косяк с горизонтальным скроллом на одном из топовых веб-сайтов. http://i.shotnes.com/a/10/r0ourtbd.uzj_5669bb5ae83cc.png Скролл появился ниоткуда, получается, что какой-то скрипт делает такую штуку. Он исчезает при зум 75%. В верстке вроде все ок, по крайней мере я не нашла явных косяков, которые могли бы вызвать скролл. Помогите, пожалуйста, разобраться в чем дело. На сайте пф просело на 2% и нача…

   Asked by Orysya, December 10, 2015

   • horizontal scroll
   0 votes
   3 answers
9. img

   здравствуйте. Я извиняюсь, вы не могли бы подсказать кое-что? Вот, есть форум: http://forum.playmu.su/ начиная с разрешения 1366 по ширине и выше - все работает отлично. А если ниже - картинку начинает обрезать по краям. Вы не знаете, как это исправить? Нужно, чтобы картинка уменьшалась ( как содержимое сайта ) с уменьшением размера экрана. http://prntscr.com/9cjmjy

   Asked by Xizt, December 10, 2015

   0 votes
   1 answer
10. Отличие отображения вёрстки в 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'е. На персональных компьютерах такой проблемы нету, т.к. остальные блоки подстр…

    Asked by prowoke, December 10, 2015

    0 votes
    1 answer
11. Ячейки фиксированной таблицу имеют разную ширину в Chrome

    Столкнулся с проблемой создания фиксированной таблицы с одинаковыми ячейками. Создаю таблицу шириной, например 700px и table-layout: fixed; В таблице есть шесть ячеек в рамкой в 1px. На выходе получается три ячейки по 116px и три ячейки по 117px(Google Chrome). В FF и IE все ячейки имеют одинаковую ширину - 116.5px. Есть ли способ создать подобную таблицу, но с одинаковыми ячейками, без использования JS. Пример можно посмотреть тут http://jsfiddle.net/scanwfbr/

    Asked by SergeyAlexeev, December 10, 2015

    • html
    • table
    • css
    0 votes
    4 answers
12. 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…

    Asked by VeniVidiVici, December 10, 2015

    • gulp
    • sass
    • @import
    0 votes
    16 answers
13. Страница грузится в неправильной кодировке

    Есть форум IPB.Проблема в том,что он открывается в кодировке UTF-8 вместо windows-1251.Стоит <meta http-equiv="content-type" content="text/html; charset=windows-1251" />,но это ничего не дает.Как сие победить?

    Asked by user, December 10, 2015

    0 votes
    14 answers
14. Организация файлов по каталогам

    Здравствуйте! Есть папка docs (основная папка) в ней лежат все html файлы. Так же в папке docs лежат папки содержащие css, картинки и js скрипты. Но я хочу еще сделать несколько подкаталогов каталог 1 (catalog1) каталог 2 (catalog2) каталог 3 (catalog3) В каталог 1 (catalog1) я хочу положить страницу HTML, но она не "может" определить где лежат файлы CSS и js (которые отвечают за её отображение). Вопрос - как мне нужно прописать путь к этим файлам, что бы страница index1.html смогла бы подхватить все папки и файлы из основного каталога docs? спасибо

    Asked by papaden, December 10, 2015

    0 votes
    15 answers
15. Вывод файлов директории для скачивания

    Здравствуйте! Подскажите, пожалуйста, как вывести файлы не каталогом, а в виде списка… в тегах <p> или <a> , или ещё как, чтобы их можно было скачать??? http://jsfiddle.net/vr6qruy1/1/

    Asked by Алексей2802, December 9, 2015

    • скачивание
    • файлы
    • директория
    • вывод
    0 votes
    11 answers
16. Подскажите,не хватает опыта при верстке специфического фона для блока

    При верстке фона для блока возникла проблема. Фон специфической текстуры с шумами,а также присутствует градиент... http://static1.keep4u.ru/2015/12/09/BEZ-IMENI-4.png Вырезать кусок по всей высоте и пикселей 10 по ширине а потом его размножить по горизонтали не помогло,получается неаккуратно и некрасиво! Возможно есть другой подход к этой проблеме,но я о нем не знаю) http://static1.keep4u.ru/2015/12/09/BEZ-IMENI-7.jpg

    Asked by My}I{uK, December 9, 2015

    0 votes
    3 answers
17. проблема с меню, не исчезает

    Всем привет! я тут новенький и уже не знаю куда обратиться, вторые сутки голову ломаю. суть такова, делаю друзьям сайт, натянул шаблон на модх, но вместе со всем и перешла ко мне проблема шаблона с меню. если перейдете по ссылке и выберете чтолибо во вкладке сервис, то меню страницу то новую открое, а вот само меню не исчезнет. Парни кто в css посильнее, помогите разобраться и куда что прописать. [hide]http://exp2.cloud-page.ru/[/hide] исходник давать не буду чтобы не сказали что реклама!

    Asked by zim2slim, December 9, 2015

    0 votes
    3 answers
18. увеличения блока при новедений

    Всем привет ! я новичок в этом деле сделал список товаров из блоков ДИФ дал им размер и при методе Ховер сделал так что бы блок на которую наведен курсор стал больше суть проблемы в том что при увлечений блока перемещаются вниз или отодвигает на право рядом стоявший блок помогите решить проблему. как сделать ? или подскажите в какую сторону копать ))) хотел получить такой результат <ul><li><div id="price"><img class="price1" src="price/obuv/789.png" width="250" height="115" alt="Прайс" /></div></li><li><div id="price"><img class="price1" src="price/obuv/789.png" width="250" height="115" alt="Прайс" /></…

    Asked by BaukaKz, December 8, 2015

    • div
    • ul
    • li
    0 votes
    5 answers
19. Проблема с событием убирания мышки

    Здравствуйте. Есть некая разметка с множеством одинаковых элементов. При наведении мышки на элемент вызывается скрипт который присваивает элементу CSS класс и перемещает его положение в DOM через appendChild (т. к. речь я веду об SVG, это перемещает его на передний план; в SVG это единственная замена z-index; при том элемент не меняет x и y координат). Когда пользователь убирает мышку с этого элемента, должен вызываться скрипт, удаляющий CSS класс. Этого не происходит. Методом проб и ошибок я понял, что, возможно, проблема в том, что, так как элемент переместился в DOM, браузер забывает о том, что на этом элементе было событие наведения курсора, и, как следствие, не вызыв…

    Asked by Heijey, December 8, 2015

    0 votes
    1 answer
20. Отступы у текста

    У текста есть внутренние отступы, например h1 размером 68px имеет высоту 93px. Как с этим бороться кроме как подбором отступа если хочешь сделать пиксель в пиксель?

    Asked by RaGe2244, December 8, 2015

    • текст
    • отступы
    0 votes
    4 answers
21. Как сделать блок с бакгроундом адаптивным?

    Приветствую форумчане! У меня такой вопрос: Есть макет, в котором один из блоков требует бэкгроунда картинкой. Проблема в том, что макет PSD фиксированный, а вот вёрстка у меня будет адаптивная. Конечно, картинку просто можно вставить в блок и сделать её адаптивной, но я хочу сделать блок именно с бакгроундом.... Подскажите пожалуйста, можно ли так сделать?

    Asked by tigrus2014, December 8, 2015

    0 votes
    5 answers
22. меню перекрывает заголовки

    Добрый день ! проблема вот в чем при обновлении сайта если кликнуть на меню он переходит на нужный блок но перекрывает заголовок если второй раз нажать то он опускается на своё место http://front-end.hol.es/landing/all/

    Asked by pitbuli, December 8, 2015

    • меню перекрывает заголовки
    0 votes
    2 answers
23. Отступ между iframe и текстом

    Здравствуйте, подскажите пожалуйста как можно сделать отступ между iframe (видео с youtube) и текстом?

    Asked by Orvin, December 8, 2015

    0 votes
    2 answers
24. отобразить всплывающюю подсказку справа от селекта

    Всем привет, У меня есть табличка с данными в 4 колонки В некоторых случаях одна колонка широкая и я ее колспаном уcтанавливаю в 3 ячейки. И справа от селекта в этой ячейке хочется отобразить всплывающюю подсказку вроде : <tr> <td style="text-align: right; padding: 1px"> <label for="nsnpas_category_id">Select category: </label> </td> <td colspan="3" style="padding: 1px "> <select class="postform form-control" id="nsnpas_category_id" name="nsnpas_category_id"> <option value="">Select Category</option> …

    Asked by mstdmstd, December 8, 2015

    0 votes
    2 answers
25. Меню западает за видимость

    Парни,есть сайт,я его сверстал,но проблема моя в том что выпадающее меню залазит за видимость экрана( Как сделать красиво?Или хотя бы что бы что б оно автоматов в другую сторону выпадало? Вот скрин,и ссылка на сайт. http://cs629325.vk.me/v629325382/27aec/7GVSae6yP5s.jpg http://chobd.esy.es/

    Asked by vitaxastifler, December 8, 2015

    0 votes
    7 answers