HTML Coding

29542 questions in this forum

1. Красивый и непонятный макет.

   Мужики, помогайте. Ищу инфо уже дня два, не могу понять как убрать отступ от верхнего края страницы. Споткнулся уже на первом шагу.

   Asked by ruslanpondin, February 13, 2015

   0 votes
   2 answers
2. Атрибуты в SVG

   Добавил в SVG-файл свои атрибуты к path - data-bg. А как их теперь получить? Использую библиотеку Snap.svg.

   Asked by Vlad, March 18, 2015

   0 votes
   2 answers
3. Отступ от фреймворка youtube

   Не раз уже наталкиваюсь, но никак не могу побороть: Размещаю iframe сгенерированный youtube и хочу чтобы отступов от видео не было, однако снизу всё время остается небольшой отступ и убрать его не удается. Пробовал задавать нулевые padding, margin, marginheight, frameboarder и для фрейм и для контейнера (первые два). Пример http://www.cardician.ru/shop/UID_523.html Единственный вариант который удался - задать position:absolute и bottom:0; но нужно задавать высоту контейнера. Такой вариант не подходит, так как размеры видео могут различаться, а контейнер формируется движком, т.е. не различается для двух различных страниц. В общем суть вопроса - как убрать отступ снизу if…

   Asked by Ich, April 1, 2015

   0 votes
   2 answers
4. Проблема с футером как сделать?!

   Добрый день! как сделать футер в котором два блока: левый и правый. Нужно что бы бэкграунд правого блока выходил за пределы правого блока. могу скинуть psd ) помогите пожалуйста

   Asked by Alipresent, August 15, 2015

   • футер
   0 votes
   1 answer
5. Что такое SVG и с чем его едят

   Всем привет. Вот хочу сделать динамическое построение круговых диаграмм на странице статистики. Долго думал и в результате остановился на варианте создания SVG на чистом JS. Всё бы ничего, вот только информации по SVG кот наплакал, а хочется сделать всё красиво. Пока мой JS умеет генерировать псевдо-3D круговую диаграмму, проблема в том что она плоская, а хочется объемную. Подскажите где что почитать по теме? Например на w3c есть вот такой пример http://www.w3schools.com/svg/tryit.asp?filename=trysvg_ellipse2 А как сделать эти же элисы еще и толстыми, ну чтобы они выглядели например так

   Asked by McLotos, November 5, 2015

   0 votes
   4 answers
6. Как реализовать календарь, как гугл.календарь?

   Имеется такая лента событий: Собственно при клике на один из баров в этой ленте открывается описание этого события. Вся лента скроллится по горизонтали драг'н'дропом. Есть ли какие-нибудь похожие наработки/библиотеки?

   Asked by posthack, January 9, 2016

   0 votes
   1 answer
7. AOT в angular2

   ребята, подскажите пожалуйста правильно ли я понимаю как сделать AOT-компиляцию angular2-проекта первый способ это перед помещением файлов проекта на хостинг использовать команду node_modules/.bin/ngc -p tsconfig-aot.json и после этого файлы из каталога src скопировать на хостинг но второй, более простой, способ это просто установить пакет angular-cli и запустить команду ng build. в результате создастся каталог build, который остаётся только скопировать на хостинг

   Asked by cyklop77, October 19, 2017

   • angular
   • aot
   0 votes
   0 answers
8. Иконки

   Добрый вечер друзья! Подскажите пожалуйста, как сделать иконку, чтоб она брала цвет темы сайта, но окрашивалась не вся, а только контуры, а внутри иконки заливки не было? Саму иконку мне отрисовать получилось, а сделать, так чтоб она не заливалась вся цветом , не могу. Может кто знает

   Asked by Мария2782, November 13, 2021

   0 votes
   3 answers
9. FOOTER как решать ?

   Такой вопрос, footerу задан width 100%, нужно растянуть на всю ширину экрана, но если я его выношу за обертку, тогда он растягивается, но между ним и оберткой получается щель, а если я его вкладываю в обертку тогда щели нет, но он равен ширине обертки. И как вообще правильно, выносить его за обертку или нет

   Asked by Вячеслав петров, May 14, 2022

   0 votes
   1 answer
10. Резиновая ширина рисунка в ИЕ

    Проблема в следующем: есть таблица, состоящая из тр?х колонок. Ширина таблицы 100%. Левая и правая колонки по 150рх, а средняя занимает вс? свободное пространство. В среднюю колонку вставляю рисунок размерами 802х249 рх задаю ему параметры width:100%; height:auto; Так вот при разрешении 1280х1024 отображается вс? так, как надо, но при уменьшении разрешения "Ос?л" начинает брыкаться, т.е. отображает рисунок не на100% ширины а на все 100% ширины рисунка. Что интересно, когда пробовал вставить рисунок шириной 200рх, "Ос?л" его растянул на всю ширину ячейки, с потерей качества естественно. Может быть кто сталкивался с подобной проблемой? Подскажите, как сделать, чтобы рисун…

    Asked by Shuranka, May 21, 2008

    0 votes
    1 answer
11. Проблема со слоями

    Начал осваивать верстку слоями. Помогите, плиз, решить такую проблемку... Есть основной слой - контейнер, который выравнивается по центру страницы. В нем (подобно ячейкам таблицы) есть слои. Во всех браузерах смотрится нормально. Только в 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…

    Asked by stosen, February 18, 2009

    0 votes
    5 answers
12. Растяжение фона в блоке

    Здравствуйте, Посередине окна браузера есть маленькое окно с полосой прокрутки, в котором нужно растянуть полупрозрачный фон на всю высоту окна. (Чтобы при прокрутке фон не обрезался посередине окошка). Background:repeat-y; height:100%; - не помогает. Посоветуйте, plz!

    Asked by comb, September 19, 2009

    0 votes
    1 answer
13. Атрибут бордер для таблице

    Добрый день, не подскажите ли вы, как можно отменить стиль для таблицы, я могу с помощью тега отменить применение стиля для конкретной таблицы?

    Asked by Igorpurgen, May 26, 2010

    0 votes
    2 answers
14. Проблемы с подключаемыми шрифтами

    Доброй ночи, товарищи верстальщики) Заниматься версткой стала недавно и занимаюсь как говориться самообучением и сталкнулась вот с какой вещью. во всех браузерах и даже ие7 шрифты подключенные с помошью Cufon работают без проблем. а вот ие6 их хоть и выводит пишет ошибку - "инструкция return вне функции". я все ломаю голову и не могу найти решение данной проблемы. все вроде слово в слово как в примере найденном. ну почти слово в слово. везде работает без проблем. а вот 6 не хочет не ругнувшись выдать текст. не исключаю того, что просто где-то в коде допущена глупая синтаксическая ошибка, но просто я ее не вижу к сожалению(( хотелось бы попросить помощи у вас, может кто зн…

    Asked by Nurok, August 26, 2010

    0 votes
    3 answers
15. Как сделать одинаковую высоту?

    Друзья. Как сделать одинаковую высоту картинок для блока рекламы? Вот так выглядит код вот такой сделал для картинки .ads img{ float: left; margin-right:140px; display:block; clear:both; } Хочу, чтобы выглядело вот так: то есть размер блока картинки был постоянной высоты, а если картинка меньше, то выровнять вертикально по центру. Если написать так: .ads img{ float: left; margin-right:140px; display:block; clear:both; height:100px; } то некоторые картинки выглядят очень убого из-за растяжения. З.Ы. реклама грузится через ява-скрипт, есть стили всех надписей, на картинке стиля нету, поэтому и извращаюсь

    Asked by kentastik, May 29, 2011

    0 votes
    6 answers
16. использование шрифтов

    посоветуйте пожалуйста какие-нибудь интересные книжки или ресурсы по использованию шрифта в web. сам найти не могу, всё какой-то мусор попадается типа "подбор шрифта для сайта чайникам"

    Asked by cyklop77, August 26, 2011

    0 votes
    4 answers
17. При выставлении паддинга движется слой.

    Слой размещен через position:absolute, по идее двигаться не должен. Но когда я выставляю паддинг, смещается не текст, а фоновая картинка, за счет чего получается отступ с одной стороны. Отступ с другой стороны игнорируется, там вообще текст вылазит за рамки фона, и слоя, соответственно

    Asked by skygazer, January 13, 2012

    0 votes
    8 answers
18. уникальный класс для списка

    Имеется список с классами к каждому елементу, не могу присвоить к каждому классу уникальное значение стиля. Если присваиваю елементу 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="#"&gt…

    Asked by JastinB, February 7, 2012

    0 votes
    5 answers
19. 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/…

    Asked by K313, February 11, 2012

    0 votes
    3 answers
20. С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…

    Asked by RuNexx, May 24, 2012

    0 votes
    8 answers
21. Скрипт чат

    Нужно сделать так чтобы когда сообщение по нажатию на кнопку отправить было видно сразу пользователям о том что, что то написали без перезагрузки страницы (И по возможности чтобы было звуковое увидомление) - Чтобы было понятней - например как в контакте Подскажите как это сделать пожалуйста, может есть готовый скрипт

    Asked by paseonru, September 12, 2012

    0 votes
    6 answers
22. Обтикание изображения

    Здравствуйте! Скажите пожалуйста, как сделать, чтобы текст обтекал изображение? Ссылка на проблему - линк. Я хочу, чтобы было так - линк.

    Asked by Nikees, December 15, 2012

    0 votes
    6 answers
23. Использование border-botom для ссылок

    Как вы относитесь к использованию border-bottom для ссылки вместо text-decoration: underline? Недавно открыл такую особенность, мне понравилось, но интересно услышать ваше мнение.

    Asked by Cryolite, December 19, 2012

    0 votes
    7 answers
24. Оцените заготовку для проектов

    Перед тем, как начать верстать за деньги, решила сделать заготовку проекта. Прошу оценить, поправить, посоветовать. Папка: прототип проекта. - папка 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 --…

    Asked by Zverushka, March 15, 2013

    0 votes
    11 answers
25. Как вывести html код на экран текстом

    Как делают таблицы спецсимволов? Т.е. как мне в таблице отобразить, например это - § не используя pre, xmp и т.п., так символов много, не ставят же для каждого спецсимвола эти теги или их можно прописать как-то в стилях?

    Asked by tilipaka, June 18, 2013

    • html код текстом экран
    0 votes
    3 answers