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 votes1 answer
-
Оформить как ссылку
Для смены языка на сайте нужно в адрес добавить например /ru/ текущий адрес узнаю так <p id="demo"></p> <script> document.getElementById("demo").innerHTML = "http://site.ru/ru/" + window.location.pathname; </script> но оно выдает текстом Вопрос: как сделать чтобы это была ссылка?
0 votes1 answer -
Выпадающее меню?
Помогите, не могу разобраться. Есть меню товаров, в каждом товаре - категории Например: (в свернутом виде) Товар1 Товар2 Товар3 при нажатии на Товар1- получаем Товар1 категория1 категория2 категория3 Товар2 Товар3 при нажатии на Товар2получаем: (товар1 - закрывается) Товар1 Товар2 категория1 категория2 категория3 Товар3 и т.д. для примера _http://www.runail-shop.ru/ (слева "Каталог продукции" зеленый фон) Какова технология?
0 votes4 answers -
Слой скрывает картинку в ИЕ А здесь смотрели?
Помогите решить такую проблему. Использую довольно стандартный 3ех блочный резиновый дизайн на своем сайте. Открыв его в лисе - все нормально, но в ИЕ (естественно, как же без глюков по ИЕ ) - в правом нижнем углу картинка цветочка обрезается. Если покрутить скроллинг - она то появляется, то вновь исчезает. Как побороть проблему?
0 votes3 answers -
web1.0 web2.0
Какое отличие web1.0 от web2.0? Как перейти? А оно нужно? Вот, это не реклама, просто статью там увдел. Хочу такое же, как быть =) http://guicci.ru/2007/07/09/web-20-glazami...arnyiy-kontrol/
0 votes0 answers -
Слои в две колонки. Проблема в IE.
Возникла необходимость сверсать список услуг в две вертикальных колонки. В FF все отображается нормально, а в IE вторая колонка залезает под первую. Вот сайт: http://www.usp-ag.ru А вот фрагмент CSS: .moduletableserv {padding-top: 20px; float: left;} .moduletableserv ul {margin-left: 50px; list-style: none; margin-top: 25 px; width: 75%;} .moduletableserv li {padding-top: 8px;} .moduletableserv li a {font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; color: #005688;} .moduletableserv2 {padding-top: 20px;} .moduletableserv2 ul {margin-left: 50px; list-style: none; margin-top: 25 px; width: 75%;} .moduletableserv2 li {padding-top: 8px;} .moduletableserv2…
0 votes3 answers -
Нужна помощь
Люди подскажите пожалуйста как сделать таблицу по центру У меня стоит код типа <table align="center"> но валидатор ругаеться, что типа ошибка. А я не знаю как это реализовать в CSS. Валидирую по <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
0 votes7 answers -
Проблема с подключением CSS.
После месяца как я не занимался вёрсткой столкнулся вот с какой проблемой. Подключаю CSS модуль, но параметры которые там заданы не отображаются на странице. Вот мой код. Скажите пожалуйста в чём ошибка? HTML: <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <title>мой сайт</title> </head> <body> <div id="menu1"> </div> </body> </html> CSS: body { background-color: black; } #menu1 { background-color: black; border: black 1px solid; height: 50px; width: 900px; color: white; }
0 votes2 answers -
Замена радио кнопок в голосовании
Всем привет!!! Возник такой вопрос: Как в опросе сайта изменить стандартные радио кнопки на свои картинки?
0 votes3 answers -
Не растягивается блок
Доброго времени суток! Есть такая проблема. Нужно сделать так чтобы блок тянулся в зависимости от контента. Пример: <div id="main"> <div id="content">привет привет привет привет привет привет привет привет привет привет привет </div> </div> CSS: #main{ width: 70px; height: 100%; } #content{ width: 50px; height: 100%; } Результат: Ввожу в контент 11 "приветов" а в браузере появляется только 9. Подскажите пожалуйста как быть. Буду очень благодарен! P.S. overflow: hidden - не помогает.
0 votes6 answers -
border-image для IE
Добрй день. Есть такое замечательное css свойство http://htmlbook.ru/css/border-image, может есть какой-то аналог в IE через какой-нибудь фильтр?
0 votes4 answers -
Статический фон по углам сайта
Здравствуйте! Пробую сделать сайт со статическим фонам по его углам. Вёрстку делаю через дивы. Вожусь достаточно давно, перечитал кучу советов, но всё равно что-то не работает Вот код: <div align="center" style="width: 100%"> <div align="center" class="TableMainTopRight"> <div align="center" class="TableMainTopLeft"> <div align="center" class="TableMainBottomLeft"> <div align="center" class="TableMainBottomRight"> <div align="center" style="padding: 20px 0px 60px 0px"> <div style="background-color: #FEFCF7; height: 100%;…
0 votes3 answers -
Прорблема
Имеется диз с фиксированной шириной: http://test01.ucoz.ru/ Нужно сделать 2 колонки по бокам, т.е. отделить 2-я чертами основную часть от фона. Не знаю как это выразить 2 черты тупо по бокам. Сижу уже второй день, не могу сделать. Если это реально, помогите, финальный штрих так сказать. Скину код который нужен.
0 votes7 answers -
Как правильно написать анкор на картинку
Доброго времени суток дорогие друзья. И так столкнулся с проблемой., или же это я страдаю ерундой. Но хотелось бы добавить анкор на превьюшку картинки. Смотрим кусок кода <div class="galleryItem"> <a class="fancybox" href="photo/b/1.jpg" data-fancybox-group="gallery"><img src="photo/m/m1.jpg" alt="Студийная фотосъемка" /></a> </div> Грубо говоря это превьюшка работающая на fancybox, а выглядит вот так. Но когда добавляю анкор ...мка" />Студийная фотосъемка</a></div> Анкор появляется, и все бы ничего, но он виден. А хотелось бы что-бы видели его только роботы а люди не видели. Такое возможно?
0 votes2 answers -
Ограничения для резиновых блоков
Всем привет, я как обычно со своими проблемами))) Нужна очень помощь, ибо сам никак не могу решить уже второй день) Пример: _http://codepen.io/anon/pen/GeKlf Проблема: В самом примере всё окей, но мне нужно, чтобы блоки с классом ".one" были по минимальной ширине 31px (закомментированная 27-ая строчка CSS), если поставить ограничения, то начинает всё ломаться при сужении, как можно это исправить? (Основной блок естественно должен оставаться гибким в пределах допустимого) Подозреваю, что я неправильно что-то делаю)) Спасибо))
0 votes4 answers -
Нужен пример Фиксированного Меню с небольшой прокруткой от верха до низа
САБЖ. Чтобы меню всегда присутствовало на странице. Т.е. прокрутил страницу вверх - меню тоже видно только верхнюю часть. Прокрутил страницу вниз до конца - меню не исчезло, а прокрутилось только до своего конца. Где-то я натыкался на такие примеры, но шото никак не могу найти.
0 votes4 answers -
Прозрачный градиент с двух сторон
Как можно сделать блок с полу-прозрачным градиентом. Причем, слева и справа где-то на 20px плавное затухание от прозрачного до красного цвета. То есть, по бокам он прозрачный, по середине красный, и между прозрачностью и красным цветом плавный переход. Вот пример, то что сумел сделать - http://jsfiddle.net/Le95s/ сам градиент сформировал на сайте - _http://www.colorzilla.com/gradient-editor/ Наверно три блока надо было делать?
0 votes2 answers -
Проблема наложения слоёв
Есть чёрный блок который наложен на красный блок, у чёрного блока есть зелёный блок который должен быть сзади красного блока. Как такое организовать без редактирования html кода? https://jsfiddle.net/ooceokLd/1/
0 votes1 answer -
Тень у 6-ти угольной кнопки
Подскажите пожалуйста можно ли как то сделать тень, а именно эффект вдавливания при hover, именно для этой формы кнопки. https://jsfiddle.net/urd76pkp/
0 votes1 answer -
Скроллинг при нажатии на заголовок (вертикальный аккордеон)
У меня стоит простой бутстраповский аккордеон, при нажатии открывается одна и закрывается другая скрытая информация. Но есть проблема, когда в скрытом содержимом большое количество информации, при попытке открытии следующей, аккордеон сдвигается наверх. Нужен скрипт для фиксированного заголовка аккордеона. Смогли бы вы помочь с этим? Cнизу код html <div class="panel-group accordion" id="panel-651270"> <div class="panel panel-default"> <div id="yazyk-kurs" class="panel-heading"> <i class="fa fa-globe fa-lg" aria-hidden="true"></i> <a class="panel-title colla…
0 votes0 answers -
Gulp и API prettier
gulp.src('styles/style.css').on('data', (file) => { return prettier.resolveConfig('styles/style.css').then((options) => { return prettier.format(file.contents, Object.assign(options, {filepath: 'styles/style.css'})); }); }) .pipe(gulp.dest('styles')); Как мне прогнать файл styles/style.css через через галп, с помощью prettier ?
0 votes0 answers -
Как записать функцию в массив
Как записать функцию в массив с разными параметрами. Хотелось бы видеть пример, чтобы потом можно было вызвать эту функцию. А то не получается: var walk = []; ... walk[0] = createWalk(0,0,200,0); walk[1] = createWalk(200,0,200,100); walk[2] = createWalk(200,100,0,100); walk[3] = createWalk(0,100,0,0); ... for(var i = 0; i < walk.length; i++) { ... }
0 votes2 answers -
Многоколоночное боковое выпадающее меню
1. Как выделить пространство для меню? (на этом пространстве нарисована красная линия - прямоугольная область вокруг пунктов меню) 2. Как добиться многоколоночности меню как на сайте [url]https://positronica.ru/[/url] (как на рисунке ниже 2-хколоночности)?
0 votes0 answers -
Отображение форм
Здравствуйте и с Новым годом! У меня возникла такая проблема, правил верстку http://pyra.vov.ru/h_1/reg.html вот что получилось http://pyra.vov.ru/h_1/reg_1.html Но в Хроме и Сафари формы загрузки (фото, лого) не корректно отображаются. Кто подскажет или посоветует, какую литературу? Еше как сделать чтоб в лисице по ширине была одинаковой с другими формами. (Скрипты не загружал) Спасибо тем, кто подскажет.
0 votes2 answers -
Как можно изменять ширину слоя для разных страниц?
Есть несколько страниц. Необходимо изменять ширину cont_col0, cont_col1, cont_col2 от странице к странице. <div id="content_top"></div> <div id="content"> <div id="cont_col0">колонка 0</div> <div id="cont_col1">колонка 1</div> <div id="cont_col2">колонка 2</div> </div> <div id="content_bottom"></div> #all_content{width: 1000px; margin-left: auto; margin-right: auto; margin-top:8px;} #content_top{height: 10px;width: 1000px;} #cont_col0{ width: 200px; /*<--*/ margin-left: 6px; padding-left:5px; float:left; } #cont_col1{ width: 360px;/*<--*/ margin-left: 5px; padding-left:10px; f…
0 votes5 answers