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 votes2 answers -
Атрибуты в SVG
Добавил в SVG-файл свои атрибуты к path - data-bg. А как их теперь получить? Использую библиотеку Snap.svg.
0 votes2 answers -
Отступ от фреймворка youtube
Не раз уже наталкиваюсь, но никак не могу побороть: Размещаю iframe сгенерированный youtube и хочу чтобы отступов от видео не было, однако снизу всё время остается небольшой отступ и убрать его не удается. Пробовал задавать нулевые padding, margin, marginheight, frameboarder и для фрейм и для контейнера (первые два). Пример http://www.cardician.ru/shop/UID_523.html Единственный вариант который удался - задать position:absolute и bottom:0; но нужно задавать высоту контейнера. Такой вариант не подходит, так как размеры видео могут различаться, а контейнер формируется движком, т.е. не различается для двух различных страниц. В общем суть вопроса - как убрать отступ снизу if…
0 votes2 answers -
Проблема с футером как сделать?!
Добрый день! как сделать футер в котором два блока: левый и правый. Нужно что бы бэкграунд правого блока выходил за пределы правого блока. могу скинуть psd ) помогите пожалуйста
0 votes1 answer -
Что такое SVG и с чем его едят
Всем привет. Вот хочу сделать динамическое построение круговых диаграмм на странице статистики. Долго думал и в результате остановился на варианте создания SVG на чистом JS. Всё бы ничего, вот только информации по SVG кот наплакал, а хочется сделать всё красиво. Пока мой JS умеет генерировать псевдо-3D круговую диаграмму, проблема в том что она плоская, а хочется объемную. Подскажите где что почитать по теме? Например на w3c есть вот такой пример http://www.w3schools.com/svg/tryit.asp?filename=trysvg_ellipse2 А как сделать эти же элисы еще и толстыми, ну чтобы они выглядели например так
0 votes4 answers -
Как реализовать календарь, как гугл.календарь?
Имеется такая лента событий: Собственно при клике на один из баров в этой ленте открывается описание этого события. Вся лента скроллится по горизонтали драг'н'дропом. Есть ли какие-нибудь похожие наработки/библиотеки?
0 votes1 answer -
AOT в angular2
ребята, подскажите пожалуйста правильно ли я понимаю как сделать AOT-компиляцию angular2-проекта первый способ это перед помещением файлов проекта на хостинг использовать команду node_modules/.bin/ngc -p tsconfig-aot.json и после этого файлы из каталога src скопировать на хостинг но второй, более простой, способ это просто установить пакет angular-cli и запустить команду ng build. в результате создастся каталог build, который остаётся только скопировать на хостинг
0 votes0 answers -
Иконки
Добрый вечер друзья! Подскажите пожалуйста, как сделать иконку, чтоб она брала цвет темы сайта, но окрашивалась не вся, а только контуры, а внутри иконки заливки не было? Саму иконку мне отрисовать получилось, а сделать, так чтоб она не заливалась вся цветом , не могу. Может кто знает
0 votes3 answers -
FOOTER как решать ?
Такой вопрос, footerу задан width 100%, нужно растянуть на всю ширину экрана, но если я его выношу за обертку, тогда он растягивается, но между ним и оберткой получается щель, а если я его вкладываю в обертку тогда щели нет, но он равен ширине обертки. И как вообще правильно, выносить его за обертку или нет
0 votes1 answer -
Резиновая ширина рисунка в ИЕ
Проблема в следующем: есть таблица, состоящая из тр?х колонок. Ширина таблицы 100%. Левая и правая колонки по 150рх, а средняя занимает вс? свободное пространство. В среднюю колонку вставляю рисунок размерами 802х249 рх задаю ему параметры width:100%; height:auto; Так вот при разрешении 1280х1024 отображается вс? так, как надо, но при уменьшении разрешения "Ос?л" начинает брыкаться, т.е. отображает рисунок не на100% ширины а на все 100% ширины рисунка. Что интересно, когда пробовал вставить рисунок шириной 200рх, "Ос?л" его растянул на всю ширину ячейки, с потерей качества естественно. Может быть кто сталкивался с подобной проблемой? Подскажите, как сделать, чтобы рисун…
0 votes1 answer -
Проблема со слоями
Начал осваивать верстку слоями. Помогите, плиз, решить такую проблемку... Есть основной слой - контейнер, который выравнивается по центру страницы. В нем (подобно ячейкам таблицы) есть слои. Во всех браузерах смотрится нормально. Только в IE видно разрыв между слоями, и то разрыв только между нижними и верхними слоями, между соседними слоями разрыва нет. <head> <style> * {padding: 0px;margin: 0px;} #main { width: 970px; height: 150px; margin-left: auto; margin-right: auto; background: blue; } #title1 { float: left; width: 50px; height: 50px; background: #99FF00; } #title2 { float: left; height: 50px; width: 50px; background: #00FF66; } #title3 { float: l…
0 votes5 answers -
Растяжение фона в блоке
Здравствуйте, Посередине окна браузера есть маленькое окно с полосой прокрутки, в котором нужно растянуть полупрозрачный фон на всю высоту окна. (Чтобы при прокрутке фон не обрезался посередине окошка). Background:repeat-y; height:100%; - не помогает. Посоветуйте, plz!
0 votes1 answer -
Атрибут бордер для таблице
Добрый день, не подскажите ли вы, как можно отменить стиль для таблицы, я могу с помощью тега отменить применение стиля для конкретной таблицы?
0 votes2 answers -
Проблемы с подключаемыми шрифтами
Доброй ночи, товарищи верстальщики) Заниматься версткой стала недавно и занимаюсь как говориться самообучением и сталкнулась вот с какой вещью. во всех браузерах и даже ие7 шрифты подключенные с помошью Cufon работают без проблем. а вот ие6 их хоть и выводит пишет ошибку - "инструкция return вне функции". я все ломаю голову и не могу найти решение данной проблемы. все вроде слово в слово как в примере найденном. ну почти слово в слово. везде работает без проблем. а вот 6 не хочет не ругнувшись выдать текст. не исключаю того, что просто где-то в коде допущена глупая синтаксическая ошибка, но просто я ее не вижу к сожалению(( хотелось бы попросить помощи у вас, может кто зн…
0 votes3 answers -
Как сделать одинаковую высоту?
Друзья. Как сделать одинаковую высоту картинок для блока рекламы? Вот так выглядит код вот такой сделал для картинки .ads img{ float: left; margin-right:140px; display:block; clear:both; } Хочу, чтобы выглядело вот так: то есть размер блока картинки был постоянной высоты, а если картинка меньше, то выровнять вертикально по центру. Если написать так: .ads img{ float: left; margin-right:140px; display:block; clear:both; height:100px; } то некоторые картинки выглядят очень убого из-за растяжения. З.Ы. реклама грузится через ява-скрипт, есть стили всех надписей, на картинке стиля нету, поэтому и извращаюсь
0 votes6 answers -
использование шрифтов
посоветуйте пожалуйста какие-нибудь интересные книжки или ресурсы по использованию шрифта в web. сам найти не могу, всё какой-то мусор попадается типа "подбор шрифта для сайта чайникам"
0 votes4 answers -
При выставлении паддинга движется слой.
Слой размещен через position:absolute, по идее двигаться не должен. Но когда я выставляю паддинг, смещается не текст, а фоновая картинка, за счет чего получается отступ с одной стороны. Отступ с другой стороны игнорируется, там вообще текст вылазит за рамки фона, и слоя, соответственно
0 votes8 answers -
уникальный класс для списка
Имеется список с классами к каждому елементу, не могу присвоить к каждому классу уникальное значение стиля. Если присваиваю елементу Folder 3.1.1 класс то все елементы которые идут после него в подсписке приобретают этот класс. Как сделать их уникальными. Т.е. например .main с красным бекграундом .sub с синим, если к классу .sub добавляется подкласс plus то бекграунд ТОЛЬКО ЭТОГО елемента становится белым а все остальные елементы которые находятся в подсписке имели синий цвет. <li class="main"><a href="#">Main item</a> <ul> <li class="sub"><a href="#">Folder 2.0</a></li> <li class="sub plus"><a href="#">…
0 votes5 answers -
data: URL
<img style="width:80px;height:100px;position:absolute;left:30px;top:25px;" src="data:image/gif;base64, R0lGODlhZACMAOIEAP/////MM/9mAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJSwAEACwAAAAAZACMAAID/0i63P4wykmrvTjrzbtnQyiOw2eeVyisLFmicKyo7CoKquiQcj/RrVvOVhrVcDqfkjA4Ip9NnBToJCaXJ6qt9Zxuq8joFduJHmk5sbR7XovJTI65NldvzfOuPQTnY/JcRF9DX4V7OHAzLxSAhW5iTZCCgmh+iXE/YHmAhHaBkTmXC5Y7mmCmYW2PNj4upIsNjWunqHR1bqJ+pDO1tq6BqlZEoopMsLKzk05Cv3S4xMUvWs5BtKnLeJFISq4jijeneNbU2L6wMuexfMiG47bhYYuul9PLju7JqvLp9O7i+OTsreOXqI4sTwDvURtjjGGPbLXYWUP2ZhTBVsBoSZwIL/+SMWIQx23kWCXbRW6f6ilMmG/hSYyDJI7UCC/evIfOKvViudLRyxi3JOWbSbMmooLl3NjjGawkHaT6VhI16nRKn6qQNjFturTikpmctgZcavWr2JY82WnzaLYnSbFqO7VFK/…
0 votes3 answers -
СSS и селекторы
Здравствуйте, хотелось бы узнать, может ли css выглядеть одной строкой? Опишу чуть подробнее, если открывать в блокноте с подсветкой синтаксиса, в данном случае, мне очень сложно разобраться, т.к. все в одну строку. (вперемешку). Пример ниже. Небольшой кусок кода. *{padding:0;margin:0;border:0}a{cursor:url("hand.cur")/*tpa=http://pworld.su/images/hand.cur*/, pointer;color:#f6d563;text-decoration:none}a:hover{color:#fff}input,textarea,select{font:8pt Arial;color:#aaa;border:1px solid #ccc;background:#fff}body{font:normal 13px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#F4E3B6;background:#000 url("body-bg.jpg")/*tpa=http://pworld.su/images/body-bg.jp…
0 votes8 answers -
Скрипт чат
Нужно сделать так чтобы когда сообщение по нажатию на кнопку отправить было видно сразу пользователям о том что, что то написали без перезагрузки страницы (И по возможности чтобы было звуковое увидомление) - Чтобы было понятней - например как в контакте Подскажите как это сделать пожалуйста, может есть готовый скрипт
0 votes6 answers -
Обтикание изображения
Здравствуйте! Скажите пожалуйста, как сделать, чтобы текст обтекал изображение? Ссылка на проблему - линк. Я хочу, чтобы было так - линк.
0 votes6 answers -
Использование border-botom для ссылок
Как вы относитесь к использованию border-bottom для ссылки вместо text-decoration: underline? Недавно открыл такую особенность, мне понравилось, но интересно услышать ваше мнение.
0 votes7 answers -
Оцените заготовку для проектов
Перед тем, как начать верстать за деньги, решила сделать заготовку проекта. Прошу оценить, поправить, посоветовать. Папка: прототип проекта. - папка css - папка img - папка js - index.html Содержание index.html: <!doctype html> <html lang="ru"> <head> <title>Page</title> <meta charset="utf-8"> <!--[if lt IE 9]> <script src="js/ie.js"> <![endif]--> <link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="wrap"> <header> </header> <footer> </footer> </div> <!-- wrap ends --…
0 votes11 answers -
Как вывести html код на экран текстом
Как делают таблицы спецсимволов? Т.е. как мне в таблице отобразить, например это - § не используя pre, xmp и т.п., так символов много, не ставят же для каждого спецсимвола эти теги или их можно прописать как-то в стилях?
0 votes3 answers