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
-
Можно ли изменить border
Добрый день. Создаю список и вывожу его по такому типу: <div class="Clients_choose clearfix"> <ul> <li class="fist_child"><img alt="" src="images/my_pic1.png" /> </li> <li><img alt="" src="images/my_pic2.png" /> </li> <li><img alt="" src="images/my_pic3.png" /> </li> <li class="last_child"><img alt="" src="images/my_pic4.png" /> </li> </ul></div>Вывожу его горизонтально и для <li> задаю border-right. А можно вместо линии border задать какой то свой символ, например + или = ?
0 votes6 answers -
Изменение картинки от ширины браузера
Здравствуйте вот делаю сайт на twiter bootstrap и столкнулся с такой проблемой, если уменьшать браузер то все дивы выстраиваются по вертикали, а у меня фон у нескольких дивов картинка, и на этой картинке тоже несколько картинок в ряд по горизонтали которые не должны выстраиваться по вертикали так как портится дизайн вот впрочем ссылка http://chat.hostserg.irk0.ru/# вот я бы хотел узнать можно ли сделать чтбы изменялся размер картинок.
0 votes2 answers -
Аналог grunt на ruby
Добрый день, Подскажите, существует ли аналог такой экосистемы как grunt'а, но на ruby?
0 votes9 answers -
Как бы вы выравняли ссылку Подробнее по правой стороне?
Здравствуйте. Выравнял ссылку "Подробнее"(в секции "Последние новости") по правой стороне с помощью абсолютного позиционирования. Это вырвало её из потока и образовало наезд последующей новости на уровень ссылки "Подробнее": Как лучше исправить наезд - добавить кому-нибудь отступ margin?
0 votes6 answers -
Фиксированное (плавающее) горизонтальное меню. Скрипт.
Добрый день Ребят, прошу помощи. Делаю курсовую. Нужно создать учебник по телекоммуникационным компьютерным сетям. Скачал шаблон. Всё хорошо. Есть горизонтальное меню. Его нужно зафиксировать чтобы оно "плавало" вместе со скроллом. Нужен такой результат Пока только так получилось: http://tks.zz.mu/index-3.html Нашел скрипт: //режим отображения шапкиvar min = false;//изначально шапка в обычном режиме$(document).scroll(function() { if($(document).scrollTop()>30&&!min) { //изменение свойств шапки $(".line2, .line2_b").css('height','35px'); $(".line2").css('position','fixed'); $(".line2").css('top','0'); $(".line2").cs…
0 votes2 answers -
Тело страницы всегда по центру
Доброго всем времени суток! Возник такой вопрос: есть блок, внутри которого базируется всё содержимое страницы. Что бы его центрировать, используется достаточно простая конструкция: #pageBody {width: 1000px;margin: 0 auto;}Но когда содержимое страницы по высоте выходит за рамки окна, появляется полоса прокрутки и блок слегка съезжает. Хотелось бы узнать, реально ли как-нибудь избежать этого, не прибегая к абсолютному позиционировнанию? Заранее благодарю за любой совет!
0 votes4 answers -
display: inline
Всем доброго времени суток! Есть такой код Промежуток между тегами li насколько я понимаю из-за табов и пробелов?!. Первые 2 li идут без пробелов и табов и проблемы нет. Но как без изменения HTML кода, средствами CSS убрать эти отступы ? P/S. Интересует как избавиться от отступов именно в такой ситуации. Если что, то я имею представление про float: left и т.п.(вместо display: inline)
0 votes5 answers -
Реализация лотерейного билета
Здравствуйте, возможно ли средствами html+css реализовать "стирания монеткой" какой-то области как в лотерейных билетах? или только через флеш?
0 votes3 answers -
Gulp, с чем его едят?
Добрый день. Прошу помочь разобраться с этим зверем. Js знаю на уровне написания скриптов на jquery. Что пока есть. Установил Node, gulp. В папке с проектом создал папку dev, в которой храню less,js исходники bootstrap. (Bootstrap просто взял чтобы поучиться настраивать gulp) Задача состоит вот в чем. Хочу чтобы less файлы объединялись в один, затем конвертировались в css, прогонялись через autoprefixer минимизировался и сохранялся в папке /css/min.css Так же и js, но с этим думаю справлюсь как пойму принцип. Так же вопрос насчет плагинов, нужно их самому ставить если стоит npm? Допустим вот исходный файл gulpfile.js var gulp = require('gulp');gulp.task('css', func…
0 votes6 answers -
поиск похожей вёрстки
помогите пожалуйста советом нравится этот шаблон, но ни покупать его, ни верстать с нуля у меня нет желания. может кто-нибудь видел в сети хотя бы подобный(в виде вёрстки)? то есть чтобы функциональная часть основных элементов(слайдеры, меню, адаптивность и т.п.) была уже готова
0 votes2 answers -
Анимация на CSS3
Я читал упоминания о том, что на CSS3 можно без JavaScript добиться открытия и закрытия блоков сайта. Я хочу разместить в скрытом блоке форму обратной связи и сделать кнопку, по нажатию на которой эта форма будет появляться, а кнопка исчезать. Можно ли это сделать с помощью CSS3? И если да, то как?
0 votes15 answers -
Центрирование при вертикальном скролле и vh, vw.
Есть 4 блока (div) друг под другом, каждый из них занимает всю клиентскую область (100 hv, 100 wv). Есть фиксированное меню с 4 пунктами, по клику - скролл к нужному блоку. Необходимо разместить в центр каждого из div по одному section ровно по центру. С центрированием знаком, пробовал три разных способа. К примеру остановимся на этом section{ width:20px;height:20px;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0; } Проблема в следующем, section встают нормально в центр блока, но только не каждый в своем, а все в первом. Кто-нибудь в курсе как исправить?
0 votes2 answers -
Серверные языки в веб
Здравствуйте. Вопрос мой исходит от корыстных целей в основном) Знаю html + css + jquery достаточно для 90% задач в фрилансе. Это мне приносит доход, но как и все я тоже стремлюсь получить побольше. Есть пара постоянных заказчиков для которых я верстаю, но очень много "вкусных" заказов пролетают мимо потому что там требуется оживить сайт создав полноценный функционал (у тех же заказчиков таких проектов много). Вот и созрел вопрос какой язык все таки учить? Википедия подсказывает Из всего этого очень часто встречаю php в связке с sql (именно в фрилансе), но пролистав форумы больше половины отвечающих на темы советуют не начинать с php так как И так далее. Вот…
0 votes23 answers -
проблема в блочном элементе как ссылке
Есть блок ссылка, всё работает, но ни как не удаётся поместить текст ссылки в правый нижний угол. <html> <head> <meta charset="utf-8"> <title>блок-ссылка</title> <style> #projects { width: 300px; height: 200px; background: #0f0; } #projects a { display: block; text-decoration:none; text-align: right; height: 100%; color: #666; } #projects a:hover { background: #00f; } </style> </head> <body> <div id="projects"> <a href="1.html">текст ссылки</a> </div> </body> </html>
0 votes1 answer -
Подчеркивание между словами
Как заверстать так чтоыб между ценой и надписью было такое подчеркивание? Чего-то не сображу. Как бы вариант давать подчеркивание всей строке и обернуть фразу и цену в спан с белым фоном и падинг сделать вниз чтоыб перкрыть пунктир.
0 votes2 answers -
проблема с <input> выпадает с блока <p>
Добрый вечер! Верстаю мой самый первый макет, почти закончил верстку странички, осталась одна проблема с формой вода! В Мозиле вроде все нормально а в других браузеров <input type="text">как бы выпадает за блок <p> не могу понять в чем причина? Если не трудно заодно оцените саму верстку укажите где мои ошибки? А они я думаю точно есть! За ранее благодарствую всем! :-) http://jewerli-store.esy.es/
0 votes3 answers -
картинки
скажите если я хочу сделать фон как на этом сайте http://www.alpinabook.ru/ , обои с книгами. Как найти его?
0 votes4 answers -
Внедрение шрифтовых иконок в макет
Я создал шрифтовые иконки для сайта с помощью http://fontello.com/. У меня ряд вопросов: 1. Как вставить иконку не через свойство content внутри :before? 2. Вот в этой статье с данного сайта сказано, что iOs не поддерживает ttf-шрифты. А на сайте caniuse.com сказано, что поддерживает. Правда там начинается с версии 7.1. Какие именно версии iOs не поддерживают ttf-шрифты? 3. Какой mime-type нужно использовать для шрифтов при его внедрении в css?
0 votes31 answers -
Помогите, слетели шрифты
Всем привет! Помогите пожалуйста, кому не сложно, разобраться почему слетели шрифты на
0 votes9 answers -
Проблемка с выравниванием
Вечер добрый, не могу решить одну задачу с навигацией. В общем, мне нужно выровнить текст в li. А когда я в css прописываю text-align: center, у меня выравнивается только по вертикали. Мне нужно вот так: А у меня:
0 votes5 answers -
Не работает linear-gradient
Здравствуйте! Посмотрел урок по верстке на ютубе. Там показывается пример html{ background: linear-gradient (to top, #005479, #0088b2); } После чего фон окрашивается в градиентный цвет снизу вверх. Повторил всё в точности, но у меня никакой реакции нет. Фон остался без изменений белый. Проверял почти во всех браузерах. И кстати пишу я в phpDesigner 8. там у меня linear-gradien подчёркнулось красным как ошибка. Не разъясните в чем проблема?
0 votes2 answers -
обводка блока с ссылкой
Доброго дня! Недавно обнаружил такую вещь, что на одном из сайтов у блоков (дивов, списков, картинок) с ссылками появляется обводка при нажатии http://img.tritiumnet.org/709923.jpg Нашел схожую тему на HTMLBook, но что-то outline не помог
0 votes3 answers -
Помгите реализовать рамку заголовка средствами html и css
Дизайнер нарисовал вот такую рамку, для всех заголовков сайта. background блока не однотонный, как правило картинка или текстура Есть у кого нибудь мысли как это реализовать средствами html и css?
0 votes11 answers -
Помогите собрать регулярное выражение HTML5
Доброго времени суток, помогите собрать регулярное выражение вида: +38(063)937-99-92 +7(055)654-54-98 При чем: знаки "+" "()" "-" не обязательны, то есть можно так 3809379992! что бы в начале (+...) разрешало 2 символа (для Украины) и один (для России)
0 votes3 answers -
тег @import
Добрый вечер, задача стоит подключить responsiv.css через файл screen.css файл. Прописываю в самом верху следующее @import url("media.css"); - не работает. @import "media.css" all; - не работает. @import url('/media.css'); - не работает. В чем моя ошибка? Как сделать чтоб работало? Спасибо.
0 votes2 answers