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
-
Картинки в 1 html файле
Добрый день. Очень давно картинки пихал в html файл в виде текста. Сечас забыл как =) Подскажите пожалуйста как? В одном уверен это не svg и не base64. Спасибо.
0 votes10 answers -
HTML 5
Ситуация в потоке у верстальщиков по итогам 2014 года в смысле внедрения HTML 5 в рабочие продукты. Какие конкретно из новых технологий HTML 5 на данный момент начали успешно внедрять? Успели ли убедить коллег, что это реально нужно и удобно? Как сложно было это сделать? Спасибо ...
0 votes11 answers -
проблемы с позиционированием блока
<div class="container"> <div class="content"> <div class="menu_2"> <ul> <li><a href=""><img src="img/home.png">Главная</a></li> <li><a href=""><img src="img/stat.png">Рукописи</a></li> <li><a href=""><img src="img/phone.png">Контакты</a></li> <li><a href=""><img src="img/lamp.png">Разработки</a></li> <li><a href=""><img src="img/music.png">Любимая музыка</a></li> </ul> </div> <div class="info"> <p>Главная - Портфолио, Вид новостей</p> </div> &l…
0 votes2 answers -
Некорректный размер текста
При открытии страницы в браузере отображается слишком маленький шрифт , стоит просто обновить страницу и все встает на свои места. Как исправить ? http://smages.com/images/2209201512.jpg
0 votes0 answers -
Правильно ли прописан код кнопки?
Проблема заключается в тои,что на сайте не отображается кнопка. Как исправить, помогите пожалуйста. #reg_auth>a { color:white; } #reg_auth>a:hover>div.btn { border-bottom: 2px solid rgba(217, 91, 72, 1); margin-top: 5px; } #reg_auth>a:active>div.btn { border-bottom: 0; margin-top: 5px; } #reg_auth>a>div.btn { float: right; margin-right: 3%; margin-top: 5px; border-radius: 5px; padding: 5px; 9px; font-size: 1.2em; background-color: rgba(236, 101, 80, 1); text-shadow: #454545 0 0 20px; border-bottom: 4px solid rgba(217, 91, 72, 1); font-family: 'Roboto Slab', serif; }
0 votes1 answer -
Нужна помощь
Люди подскажите пожалуйста как сделать таблицу по центру У меня стоит код типа <table align="center"> но валидатор ругаеться, что типа ошибка. А я не знаю как это реализовать в CSS. Валидирую по <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
0 votes7 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 -
Не Работаю Стили
НЕ срабатывает слово "Подробнее". <div align="right" class="podrob">Подробнее <span class="skobki">>></span></div> к которому я пытаюсь применить стили и не меняется шрифт описания, хотя всё работает в гуглхроме в др. браузерах не хочет. Вот архив. http://www.sharemania.ru/0114926
0 votes2 answers -
Как расширить рамки страницы?
Подскажите, пожалуйста, как расширить рамки страницы. вот дан сайт http://styx-acentris.ru/ сайт узкий, хотелось бы его расширить, чтобы помещалось на одной строке, хотя бы 4 товара, а не 3. ПОдскажите, пожалуйста, что нужно поменять, я не силен в html и надеюсь на вашу помощь. Заранее спасибо.
0 votes0 answers -
Высота блока (Использование вложенных слоев)
Подскажите как задать высоту блока с использованием вложенных слоев и чтобы без скролла было. Вот что имею, а скролл все равно есть: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Высота блока</title> <style type="text/css"> html, body { height: 100%; /* Высота родителя */ margin: 0; /* Убираем отступы у страницы */ } .layer {height:100%; } .layer div{ height: 100%; /* Высота */ background: #fc0; padding: 20px; border: 1px solid #000; } </style> </head> <body> <div class="layer"> <d…
0 votes5 answers -
новые тэги html5
на этом макете впервые попробовал html5. результат такое чувство, что я не до конца понимаю преимущества новых html5-тэгов. помогите пожалуйста понять как удобно записывать их в css-файле раньше я использовал xhtml и запись выглядела примерно так .footer{ } .footer .box{ height: 48px; position: relative; } .footer .box .logo{ position: absolute; top: 0px; left: -11px; width: 53px; height: 53px; background: url('../images/bg_logoB.png') right 0px no-repeat; } то есть я мог однозначно идентифицировать любой блок(футер, хэдер и т.д) в html5 хэдеров (или article, или section и т.д.) может быть несколько. то есть мне в любом случае придется т…
0 votes8 answers -
Проблема в опере
Здравствуйте форумчане. Не могу понять, почему в опере наблюдается следующий глюк. Кнопка "читать далее", она же ссылка, при переносе на новую строку на несколько пикселей слева обрезается. Во всех остальных браузерах, ie, мозилле и сафари все отлично! Вот css: Блок новостей: .news { width: 940px; margin: 20px auto; } .newsbox { float: left; width:400px; height:160px; margin: 13px 5px 5px 30px; overflow: hidden; } .newsbox img { width:100px; height: 100px; float: left; margin: 20px 10px; display: inline; } .newsbox h8 { text-shadow: 1px 1px 3px #ddd; font-family: 'Arial'; font-size: 14px; display: block; padding-top: 10px; text-align: left; } Кнопка читать-дальше:…
0 votes6 answers -
Забыл как выделить область с картинкой по размерам большего элемента
Товарищи, напомните, плиз.. При наведении курсора на текст область выделяется только по тексту, а не по картинке. Хотя и текст и катринка звключены в один тег a <a href="<?php the_permalink() ?>" rel="bookmark"> <?php the_post_thumbnail(array(90,90)); ?> <h4> <?php the_title(); ?></h4> <? kama_excerpt("maxchar=100"); ?> </a> Как сделать выделение по всему блоку (т.е. по высоте максимального элемента входящего в тег а : по картинке или тексту)? КССы вот такие #lateslist li a:link, #lateslist li a:visited { background: none repeat scroll 0 0 transparent; display: block; margin: 0 0 15px 0;padding: 0; text-decoration: n…
0 votes2 answers -
Ограничения для резиновых блоков
Всем привет, я как обычно со своими проблемами))) Нужна очень помощь, ибо сам никак не могу решить уже второй день) Пример: _http://codepen.io/anon/pen/GeKlf Проблема: В самом примере всё окей, но мне нужно, чтобы блоки с классом ".one" были по минимальной ширине 31px (закомментированная 27-ая строчка CSS), если поставить ограничения, то начинает всё ломаться при сужении, как можно это исправить? (Основной блок естественно должен оставаться гибким в пределах допустимого) Подозреваю, что я неправильно что-то делаю)) Спасибо))
0 votes4 answers -
Затемнение логотипа по правому краю
Я начал изучать верстку не так давно,в основном переделываю готовые шаблоны...и вот столкнулся с такой проблемой,как затемнение логотипа по правому краю на 5 пикселя: помогите пожалуйста,у меня не как не получается их убрать...лого заключено в контейнер <div id="header"></div> данный контейнер включает в себя 3 css : Заранее благадарен. p.s предполагаю что проблема находится в base.css
0 votes4 answers -
ошибка валидатора
извиняюсь за портянку кода, но не могли бы вы пояснить пожалуйста ошибку, которую находит html-валидатор от w3c? <div style="max-width: 830px; max-height: 220px" data-options="{"dimensions":{"width":830,"height":220,"responsive":true},"transitions":{"effect":"fade","duration":1000},"navigation":{"arrows":true,"arrows_hover":true,"arrows_position":"inside","pagination":false,"pagination_hover":false,"pagination_position":"inside","pagination_location":"bottom-center"},"playback":{"enabled":true,"pause":2000}}" class="easingsliderlite is-firefox use-fade use-css3 is-responsive"> <div style="padding-top: 26.506024096386% !important;" class="easingsliderlite-viewpo…
0 votes1 answer -
Адаптивный слайдер
Здравствуйте! Подскажите, пожалуйста, как сверстать такой вот адаптивный слайдер или может быть есть подобные в сети? Важно то, что бы изменялся фон и автор проекта, а так же имя и название. Что бы все было ссылкой. Буду очень благодарен!
0 votes7 answers -
Как сделать счетчик скачки файлов
Я сделал себе счетчик а он не работает кто поможет сделать его :?
0 votes4 answers -
Верстка градиента?
Всем привет. Есть такое изображение, которое никак не делится на слои в фотошопе, то есть это обычный растровый слой без всяких стилей и т.п.. Текст тут не важен, важно сверстать градиент, но как это сделать не имея данных о градиенте?(я даже не могу просто взять фон и поставить его тупо как background, так как на нем текст).
0 votes6 answers -
Атрибуты rel и type в тэге link
Оба атрибута сообщают браузеру тип подключаемого файла, но в таком случае, почему не достаточно лишь одного?
0 votes8 answers -
Почему текст выходит за границу родителя?
Привет. Никак не соображу - почему текст не переносится: Посмотреть можно тут (на главной): http://z.leveler.ru/
0 votes2 answers -
Проблемы во всех версиях Safari
Доброй ночи. Сайт http://l79377d7.bget.ru/ отображается в google/opera/fox/ie - нормально А вот safari (любая версия все беда) 1 - под номером телефона есть поиск в котором не отображает лупу. Вот сиss .search-wrapper { display: inline-block; background: -moz-linear-gradient(#f3f3f3, #f3f3f3 50%, #f3f3f3 50%, #f3f3f3); background: -ms-linear-gradient(#f3f3f3, #f3f3f3 50%, #f3f3f3 50%, #f3f3f3); background: -o-linear-gradient(#f3f3f3, #f3f3f3 50%, #f3f3f3 50%, #f3f3f3); background: -webkit-linear-gradient(#f3f3f3, #f3f3f3 50%, #f3f3f3 50%, #f3f3f3); border-radius: 1px; padding: 1px; } .search input { width: 10px; …
0 votes1 answer -
Вопрос про значения атрибута href
Здраствуйте. Не могу найти в спецификации описание значений к атрибуту href такие как mailto,tel,ftp,Описываются ли они там вообще?
0 votes2 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 -
postcss
Нужен учебник по postcss на русском. Дайте ссыль.
0 votes0 answers