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
-
Что это за кодировка?
Подскажите, что это за кодировка? Бывает так, что в URL отдельные символы, типа "/", ":" вдруг становятся представленными тремя символами. Первый (если мне не изменяет память) - это знак процента. И где найти саму кодировку (описалово). Ну, или принцип, как русские буквы представлять в такой кодировке?
0 votes8 answers -
Блоки распадаются
Верстаю блоки. Вот как это должно выглядеть: Так выглядит у меня: http://codepen.io/anon/pen/LVyogR Что нужно исправить?
0 votes2 answers -
Слайдер не переключается
Слайдер почему-то не переключается: http://codepen.io/anon/pen/Xbgmgj
0 votes4 answers -
отступ между блоками
добрый день есть такой DOM <body> <table class="page_carcass" cellpadding="0" cellspacing="0" border="0"> header </table> <div> тут книга </div> <table> футер </table> </body> и проблема в том что между дочерними блоками большучие отступы при большем разрешении экрана, хотя никаких margin нету вот сама страница http://www.43700.ru/nash-gelendzhik/book/ туда просто я впихиваю книгу,которая работает на джаваскрипте есть какие то подсказки? подозреваю что надо ограничить высоту окна,но пока не получается...
0 votes1 answer -
как в css при наведении на картинку плавно менять размер
подскажите пожалуйста как же поменять размер при hover размер картинки. Код в html: <ul> <li><a href="#"><img src="images/facebook.png" alt="Фэйсбук"></a></li> <li><a href="#"><img src="images/twitter.png" alt="Твиттер"></a></li> <li><a href="#"><img src="images/vk.png" alt="Вконтакте"></a></li> <li><a href="#"><img src="images/mail.png" alt="Майл"></a></li> <li><a href="#"><img src="images/drug.png" alt="Другвокруг"></a></li> </ul> код в css: #social ul li{ …
0 votes4 answers -
Как сделать круговое меню ?
Нужно сделать меню примерно как на рисунке, прямоугольные изображение изначально не видны, они появляется при попаданию мышки в зону.
0 votes13 answers -
Имена файлов CSS
Как нужно понимать? Реальный пример <style media="all" type="text/css" xml:space="preserve"> @import url('_includes/css/emory-html5-fix.css'); @import url('_includes/css/emory-main-base.css'); @import url('_includes/css/emory-main-nav.css'); @import url('_includes/css/emory-main-header-footer.css'); @import url('_includes/css/emory-callouts.css'); @import url('_includes/css/emory-hompage.css');</style>Почему именно _includes а не просто includes? Встречал такое довольно часто. Пишут что запросов нужно делать как можно меньше, а реально почти у всех целый набор. Чем или как это обьясняется? <link type="text/css" re…
0 votes3 answers -
Скрипт для печати выбранного checkbox
Нужен скрипт, который позволит печатать определенный текст. Использовать отдельные таблицы стилей не подходит, т.к в форме, которую печатаем, есть checkbox. Я хочу передавать в печать только те checkbox, которые были выбраны, а так же выбранные option value Может есть уже готовые скрипты, которые печатают определенный текст? Буду признательна за ссылки, которые смогут помочь.
0 votes30 answers -
Количество колонок таблицы зависящее от ширины окна браузера.
Встала задача сверстать страницу где должна быть таблица. В таблице нужно сделать ячейки определенной ширины. Как лучше делать? Или таблицу создавать при помощи JavaScript? Или как то передавать данные о ширине окна на сервер где будет происходить соответствующая обработка в php файле? Отказаться от таблицы врядли получится. Хотя. Таблица будет выводить некоторое к-во товаров в интернет магазине. Может сделать на div-ах. Используа css свойство float...
0 votes3 answers -
Как сделать адаптивный сайт 2015-2017
Прикинул как лучше вопросы задавать... попробую все в одной теме. Будут рассмотрены следующие темы:meta_name="viewport" во всей красеmedia запросы - взгляд изнутриособенности мобильных браузеров - как происходит обработка-подстройка кода странички под реальный экран мобильникашрифт - как подстраиваться под размер экрана мобильных браузеровфотографии - легкие но не мелкие, с видом на будущее, retina-дисплей,IE хакиИконка сайта Обо мнеВерстальщик-любитель. Знания - только HTML и CSS.о PHP знаю только что собирается из отдельных кусков кода. Сервисных технологий и терминов не понимаю.По теме адаптивной верстки прочитал довольно много. Другими словами базовые знания есть. …
0 votes39 answers -
Текст в форме
четыре элемента таблицы, в них ссылки на форму обратного звонка. как сделать так, чтобы при нажатии на них текст в форме менялся?
0 votes10 answers -
text-overflow - в Firefox точки перекрывают наложенный блок
Задача - один блок с ограничением по длине текста должен перекрывать другой блок, в котором тоже ограничение по длине текста Код: http://jsfiddle.net/agh0knk6/1/ Проблема - в Firefox v.38.0.5 точки нижнего блока "просвечивают" через наложенный блок z-index не помогает. Подскажите, пожалуйста, как решить проблему?
0 votes5 answers -
Непонятный косяк с сайтом
Помогите пожалуйста разобраться в чём косяк. Почему в самом низу, фон немного ниже футера. Посмотреть в живую можно тут - ****
0 votes3 answers -
Выбор и кастомизация адаптивного слайдера
Не могу найти подходящий слайдер для кастомизации. Скриншот требуемого результата : http://joxi.ru/GrqzJ13uD01Kmz. Не много опыта со слайдерами есть, но в примерах на оффсайтах слайдеров не могу подобрать похожее. Проблема заключается в нижнем темном блоке: 1) как его вообще прикрутить; 2) стрелка-треугольник должна двигаться и указывать на нужную фотографию ; 3) все должно быть адаптивно - то есть не на десктопах порядок будет "фото"->"информация"->"статус бары". Хотя бы намекните в каком конкретно направлении копать...
0 votes1 answer -
Проблема с first-child
Здравствуйте участники форума вот такой вопрос: объясните почему не срабатывает псевдокласс first-child исходные коды прилагаю ниже <!DOCTYPE html><html> <head> <meta charset = "utf-8" /> <link rel="stylesheet" href="style.css" type="text/css" /> <title>sample listing</title> </head><body><div class = "karkas"> <img src = "img/post-img.jpg" alt = "" /> <p> Ut wisi enim ad minim veniam, quis nostrud exerci tation </p> <p> Duis autem vel eum iriure dolor in hendrerit in vulputate velit diam voluptua. At vero eos et accusam esse molestie consequat, vel illum dolore eu feugiat nulla facili…
0 votes1 answer -
Как сослаться на якорь в табе?
Собственно вопрос в заголовке, проблема такова: в пределах таба ссылка работает, а при попытке сослаться на якорь в другом табе, ничего не происходит, как можно решить проблему? типовая страница сайта http://travelsbase.ru/index.php/leningradskaya/goluboe , если нужен исходник вставлю код.
0 votes6 answers -
Как сделать такое меню аккордеон?
Как сделать такое меню аккордеон? http://savepic.ru/7305391.png Часть я сделала, осталось сделать вертикальную линию, как на рисунке, но не знаю как. Код: http://jsfiddle.net/24db4hgx/ Спасибо.
0 votes2 answers -
Как присвоить стили CSS разным составляющим одного тэга <ul>
Доброго времени суток, друзья! Подскажите пожалуйста как мне поставить "Exemple" посередине между левой границей и "Home". Извините за неграмотное построение вопроса - я новичок... Вот код: HTML: <Doctype HTML> <html> <head> <meta charset='utf-8'> <link rel="stylesheet" type="text/css" href="new.css"> </head> <body> <nav role='navigation'> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a> <ul> <li><a href="#">Our team</a></li> <li><a href="#">History</a></li> </ul> </li> <li><a href="#">Cli…
0 votes9 answers -
Информацыонные круги
http://prntscr.com/7g25rs Нужно сделать вот такие круги, при наведение на такой всплывает тултип. Может есть уже где-то похожие наработки, или статья или готовый скрипт? Буду благодарен за любую подсказку. Извиняюсь за опечатку в теме.
0 votes2 answers -
Построил разметку с помощью Flexbox
Правильно ли я сделал? http://www.cssdesk.com/DynC2
0 votes0 answers -
Как применить стиль к картинке в ячейке таблицы
Запутался с синтаксисом, почитал про дочерние, но что-то не работает.. table > tbody > tr > td > p > a > img {max-width:150px;}Как правильно оформить? спасибо., такой вариант я первым делом и делал.. а проблема оказалось в другом, просто для страницы был отдельный css..
0 votes1 answer -
Большой обтекаемый блок на bootstrap
Доброго времени суток! Подскажите как можно сверстать такое отображение блоков? Пробовал через свойства float, но ничего не вышло. Максимум что получается это один маленький блок слева, большой по центру и 2 справа + ниже 5 блоков.
0 votes3 answers -
Откалибровать содержимое дива
Всем привет ) Начинаю разбираться с css. Есть необходимость выровнять содержимое дива .logo_bg_right с теми значениями паддинга, что указаны в коде, а именно 13px 18px. В принципе если поменять значение паддинга слева-справа на 14px получается... Если оставить 18px и приглядеться видно отступ с правой стороны. Не пойму откуда он взялся( Самое удивительное, что код абсолютно одинаков) <!DOCTYPE html><html> <head> <title>Project Name</title> <meta charset="utf-8" /> <link href="main.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="header"> <d…
0 votes3 answers -
Нужно настроить корзину в магазине.
Всем добрый день! Помогите включить сайт - шаблон. В верстке немного разбираюсь, а вот корзину нужно сделать (настроить). Предложите вашу цену. сайт: http://epoxy-polymer.in.ua/ Спасибо!
0 votes16 answers -
Меню
Приветствую, объясните салаге, по какой структуре сделано это меню: Демо - worldoftanks.ru (Не реклама)
0 votes3 answers