HTML Coding

29,542 questions in this forum

1. Как добавить уникальный шрифт?

   Христос Воскресе! У меня при написании сайта возникла проблема: много текста идет уникальными шрифтами, которых нет на web-сервере хостера. Для решения просблемы использовать какртинки - значит загромождать сайт графикой и получить страничку в 1мб и более. Теперь вопрос: можно ли каким-нибудь образом загрузить на сервер уникальный шрифт? Или можно ли прифязать к сайту, страничке отдельный шрифт. Операционная система хостера не виндовс.

   Asked by jasont, April 11, 2010

   0 votes
   3 answers
2. Блоки с автоматической шириной

   Помогите, не могу сообразить, как сделать. Есть блок A шириной X и высотой Y. Внутри него нужно разместить от одного до трёх внутренних блоков. Условия: если внутренний блок один - то он должен растянуться на всю ширину блока А, если два - то они должны занять по половине ширины блока А, если три - по трети, ну и так далее... Как сделать?

   Asked by botyaslonim, September 24, 2010

   0 votes
   15 answers
3. CSS3 и "угловая, ступенчатая" структура списка

   Помогите, пожалуйста, с помощью CSS3 свойств сделать список углового, ступенчатого вида (одноименные элементы должны располагаться один под другим): a. A b. B c. C d. D c. C b. B a. A Я так понимаю, что здесь будут участвовать 3 списка: 1. Список из 3-х элементов, нумерация от "a" до "c". 2. Список из одного элемента "d". 3. Список из 3-х элементов с обратной нумерацией от "c" до "a". Обратную нумерацию могу для 3-го Списка сделать с помощью "counter-reset: reverse 4" и "counter-increment: reverse -1". Но КАК расположить ступеньками элементы всех этих 3-х списков?

   Asked by kvesda, January 11, 2013

   • css3
   • списки
   • ступеньки
   0 votes
   6 answers
4. Кастомизация input type="number"

   Нужно сверстать вот такое: Подскажите, как это сделать? Ничего не нагуглила, к сожалению.

   Asked by Светлана Г., February 19, 2015

   0 votes
   4 answers
5. Адаптивные темы Друпал

   Здравствуйте. Я делаю свой семейный сайт на Друпал и изначально выбрал тему Danland (понравилась). Потом оказалось, что она не адаптивная и я сейчас хочу все переделать на Bootstrp или Adaptive. Только вот не могу выбрать - последняя мне кажется более гибкой, но подразумевает самому доводить CSS. Посоветуйте, пожалуйста. Сайт простой - рассказы с картинками: http://www.utki.net

   Asked by Илья 2, June 28, 2015

   • adaptive
   • bootstrap
   • drupal
   0 votes
   10 answers
6. flex и firefox

   В фаерфоксе возникает проблема с относительными вертикальными отступами у флекс элементов. margin padding Посмотрите оба примера в хроме и в фаерфоксе. В хроме всё отображается так как надо, а в фаерфоксе нет(((. В чём проблема?

   Asked by VeniVidiVici, July 29, 2016

   • display: flex
   • firefox
   • %
   0 votes
   5 answers
7. сделать пропорциональный блок

   ребята, помогите пожалуйста сделать пропорциональный блок. тут в fiddle есть резиновый красный прямоугольник. я хотел бы чтобы он при любой ширине окна браузера имел отношение сторон 3:2. важно чтобы он был именно div, а не img

   Asked by cyklop77, March 5, 2018

   • css3
   0 votes
   2 answers
8. [body] Растянуть изображение по высоте с сохранением пропорции

   Приветствую всех! Я начинаю создавать страницы html. Такой вопрос: есть изображение с размером 1024x768, как его поставить в body так, чтобы изображение центрировалась и растянулась по высоте (но не по ширине) с сохранением пропорции? (посмотреть прикрепленное изображение)

   Asked by Erdos, December 16, 2019

   • background-image
   0 votes
   2 answers
9. Как посмотреть стиль поля через FireBug?

   Уж простите за ламерский вопрос, реально не догоняю. У меня на сайте есть поле, в него вложено изображение. Вопрос: как через FireBug посмотреть CSS стиль этого поля? Т.е. мне нужно узнать только название этого стиля, дальше я уже сам справлюсь. Нажал на поле правой кнопкой мыши, выбрал "Анализировать элемент". А что дальше?

   Asked by VasyOK{!}, October 24, 2009

   0 votes
   4 answers
10. Не получается получить свойство через DOM!

    Собственно код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> #foo { display:none; } </style> </head> <body> <div id="foo">Some text</div> <script type="text/javascript"> alert(document.getElementById("foo").style.display); </script> </body> </html> Ожидаю, естественно, получить "none", а в итоге - пустая строка. При этом если задать атрибут прямо в тэге (т.е. style="display:none") получаем то, что и требуется. Идеи?

    Asked by lazybaby, February 15, 2010

    0 votes
    11 answers
11. Почему при изменении шрифта в IE6 разметка портится

    Почему при изменении шрифта для тега body таким способом font-family:Comic Sans MS, sans-serif, Arial, Tahoma, Helvetica; в IE6 разметка портится из-за того, что некоторые дивы меняют ширину? Конкретно: на 3-4 пикселя увеличиваются ширины width дивов с текстом, если установлен шрифт Comic Sans MS. DOCTYPE стоит как xhtml transition. Это баг?

    Asked by clavin, April 9, 2010

    0 votes
    4 answers
12. Списки определений - нумерация возможна?

    Пишу вот такое правило: dt { list-style:decimal outside none; } Не срабатывает. Можно ли все таки с помощью css добавить нумерацию именно к списку определений?

    Asked by warobushek, July 3, 2010

    0 votes
    7 answers
13. Древовидный список

    Пытаюсь уже 2 дня сделать вот такую штуку вот чего достиг <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Безымянная страница</title> </head> <script type="text/javascript" > function startmenu() { document.getElementById('kRussia').style.display = "none"; document.getElementById('menu2').style.display = "none"; //inline } function menufunc(menuId) { if(document.getElementById(menuId).style.display == "none") { startmenu(); document.getElementById(menuId).style.display = "block"; } else { startmenu(); } } </script> <body onload="java script:startmen…

    Asked by Незнайка, January 7, 2011

    0 votes
    1 answer
14. HELP!

    Всем доброго времени суток. Помогите пожалуйста с страничкой. Вот станичка содержимое правого сайдаба по разному отображается, в IE7 последняя картинка в блоке почти прилегает к низу блока, а в остальных браузерах чуть с запасом. Помогите разобраться. Уже пробовал с бубном танцевать - не помогло.

    Asked by yujin11, May 25, 2011

    0 votes
    14 answers
15. Норматив

    Собрался верстать резину, но не знаю, какими ставить минимальную и максимальную ширину. Что посоветуете? Минимум думаю, стоит ставить 1000, а максимум какой?

    Asked by ctpz, August 2, 2011

    0 votes
    18 answers
16. Ребята помогите с одной страничкой

    Мальчики, помогите пожалуйста. Вот эту страничку надо как-то запрограммировать что-ли. Просто сайт еще не сделала. Денежек не хватило, а в листовках указала. Вот надо поставить хоть так, чтобы люди видели, что вроде в процессе. Поможете? а вот исходничек ТУТ Заранее всем спасибо, мальчики

    Asked by tiffany, April 27, 2012

    0 votes
    11 answers
17. слайдер

    привет, есть такой слайдер по ховеру, на элемент (треугольник) картинка (внутри треугольника) увеличивается, текст исчезает. Сам треугольник при этом остается конечно. Слайдер должен быть адаптивен. Сложность в том что один блок слайдера (карусели) должен состоять из нескольких картинок. Треугольник очевидно тоже картинка, хотя в принципе его можно как div сделать http://codepen.io/web-tiki/pen/JnLGb Народ, что бы вы посоветовали ?

    Asked by riki, September 11, 2015

    • html
    • css
    • js
    • jquery
    0 votes
    3 answers
18. Подвал

    Друзья. не понимаю в чем дело. есть сайт http://geopolis.su там подвал получается по нижнему краю экрана. точнее только его зеленая часть, а все что внутри подвала - на своем месте (внизу страницы). подвал находится после блока wrapper. и вот этот самый блок непонятной высоты. не могу разобраться. Прошу помощи! плиииз! p.s. скинуть исходники сюда или Вам удобнее в браузере через исходный код посмотреть?

    Asked by vi100k, January 30, 2016

    0 votes
    6 answers
19. Баг в Opere

    Здравствуйте, возникла проблема которую не смог сам решить http://www.test.html-az.com/tyrs.su/ при увеличении размера окна начинает прыгать в сторону левый блок а при открытии на весь экран остается смещение левого блока. хотелось бы узнать в чем причина. Заранее спасибо.

    Asked by aseran, November 13, 2008

    0 votes
    2 answers
20. Валидация

    Ребята пытаюсь пройти валидацию исправил много ошибок но некоторые не по зубам помогите плиз http://validator.w3.org/check?verbose=1&am...nce-sovet.ru%2F

    Asked by rosalin, June 11, 2009

    0 votes
    4 answers
21. Помогите реализовать структуру

    Вот не могу понять как правильно сделать. Есть таблица таблица Нужно чтобы по мере наполнения контентом растягивались только две белые ячейки (вторая сверху в первом стобце, и сайдбар во втором столбце). А у меня получается что растягиваются все ячейки (правильно отображает только Firefox). Как надо переписать код таблицы чтобы растягивались по высоте только белые ячейки? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="ru"> <head> <title>123</title> <meta http-equiv="Content-Type" content="text/html; ch…

    Asked by zuldek, January 4, 2011

    0 votes
    18 answers
22. Вёрстка матриц

    Необходимо как то красиво вывести матрицы вот в такой странице: http://tmin10.net.ru/dm.htm (возможны проблемы с кодировкой и с корявым html кодом) Видно, что матрицы выглядят не квадратными и кривыми, как сделать, чтобы ячейки были равной высоты и ширины в матрице?

    Asked by Tmin10, October 8, 2011

    0 votes
    7 answers
23. текст в input

    Как реализовать подобное: http://s019.radikal.ru/i611/1203/c0/322ee1654fd9.jpg Т.е. Что бы внутри инпута был текст, который нельзя удалить, и только после которого можно было что то ввести. или подскажите хотя бы как гуглить это) все попытки нагуглить это свелись к теме о пропадании текста при клике на инпут) Спасибо)

    Asked by WabFad, March 25, 2012

    0 votes
    3 answers
24. html lang="ru"

    Ранее использовал в своих шаблонах следующие строчки ?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru"> <head> и тд Теперь решил перейти на HTML5 и пока не нашел информации о том есть ли изменения в указаниях языка сайта <!DOCTYPE HTML> <html lang="ru" - ??> <head> Подскажите наиболее корректный вариант.

    Asked by cmndr_alexgreen, January 2, 2013

    0 votes
    3 answers
25. Как придать объем блоку

    Добрый день, мне необходимо сделать вот такую вещь http://min.us/lvw5hPeUbX2CD Пол дня отмучался с box-shadow, не получилось, сделал так: внизу страницы разместил небольшой блок, условно футер, сделал из него параллелограмм (при помощи transform: skew(20deg) и добавил по всему общему блоку border-right, почти то, но!!! уголок в бордере не срезан верхний,и этого не хватает для завершения образа. Следовательно вопрос: как срезать правильно уголок у бордера, либо, может кто подскажет как сделать такой мнимый объем? Буду очень признателен за любые подсказки и за любую информацию.

    Asked by wicked_kiD, March 21, 2013

    • box-shadow
    • border
    0 votes
    2 answers