HTML Coding

29542 questions in this forum

1. Подгружаемые шрифты - почему не отображаются сразу?

   Делаю сайт www.knigivparkah.ru. Для отображения заголовков сайт подгружает свои шрифты. И очень часто бывает так, что при первичном заходе на сайт первая страница отображается другими шрифтами. (К сожалению, не отследил, при каких условиях) - естественно, что верстка при этом выглядит перекошенной. Но при этом если ткнуть мышой в средний баннер в шапке сайта (который содержит ссылку на начальную страницу сайта) - то при таком подходе эта страница отображается уже с нужными подгруженными шрифтами и выглядит нормально. ВОПРОС: почему шрифты не встают на страницу с первого же раза? Я смотрел в отладчике подгрузку файлов для страницы - все вытягивается нормально даже с первог…

   Asked by GRIG, June 20, 2013

   0 votes
   6 answers
2. Скрыть кнопку выбора у <input type="file">

   Возможно ли скрыть только кнопку выбора файла у <input type="file">,а название выбранного файла оставить видимым?

   Asked by user, November 3, 2015

   0 votes
   2 answers
3. Проблема масштабирования в IE7

   В общем, схема такая: сайт (airclubkmw.ru/testing/) состоит из таблицы в 3 столбца и 4 строки. Каждая ячейка таблицы имеет класс, описанный by CSS. Описывал я так, чтобы сайт растягивался на 100% и по вертикали и по горизонтали браузера, НО! при этом полностью верхняя строка (вернее там 2-е строки) была фиксированной, нижняя строка была фиксированной, левый и правый столбики, заключённые между верхней и нижней строками были зафиксированы. То есть, все масштабирование получается путём изменения площади ячеек (x,y)=(2,1) (2,2) (2,3), по-русски: 3 серединные ячейки сверху (у нижней средней ячейке размер фиксирован height'ом). Не поверите! но у меня получилось - всего недел…

   Asked by Oversemper, October 18, 2008

   0 votes
   23 answers
4. Как сделать резиновый сайт?

   Делал сайт для техникума по заданому шаблону http://htkem.ru/ столкнулся с проблемой не хватки места подс татьи на страницах этого шаблона, пришлось делать переключатели, но все же все это проблемно и гемарно и при том в админке статьи будут добовлять люди не владеющие навикахи хтмл, поэтому тут вступает в силу такая тема, нужно сделать подобный шалон резиновым так чтобы от размера статьи он растягивался до нужной длинны, сам шаблон сверстан на css все сложные блоки вставлены как картинки что и создает проблему для переведения шаблона в растягиваемый режим, подскажите как это можно сделать?

   Asked by energ, April 26, 2011

   0 votes
   5 answers
5. div с фиксированной высотой, нужно сделать футер

   есть div с фиксированными высотой и шириной. внутри 3 дива - заголовок, контент, футер. <div class="container"> <div class="header"> title </div> <div class="content"> item content </div> <div class="footer"> toolbar </div> </div> нужно сделать, чтобы футер был снизу, а контент занимал все свободное пространство между заголовком и футером. прижал футер к низу так: .container{ position:relative; } .footer{ position: absolute; bottom: 0; } но с контентом не могу сообразить как.. upd забыл один важный момент: div с контентом должен быть с overflow:hidden. т.е. содержимое дива не должно растягивать див-контейнер.

   Asked by maximt, June 28, 2011

   0 votes
   3 answers
6. вертикальное расположение сло?в

   Здравствуйте Есть два слоя в коде страницы: Some text within layer DIV1и сразу же после него ид?т Some text within layer DIV2Возможно ли без участия javascript сделать так, чтобы в броузере div2 был расположен выше чем div1? Это нужно для того чтобы поисковик прочитал сначала второй блок. Высота обоих слоев не фиксированая.

   Asked by hmelii, November 21, 2007

   0 votes
   9 answers
7. Конвертация шрифта

   Добрый день. Делаю флешку по игре, в ней очень желателен оригинальный шрифт игры. Он есть, но формата .fnt, тогда как флеш позволяет встраивать только TrueType шрифты. Подскажите, можно ли сконвертировать .fnt => .ttf, и каким софтом (желательно легкодоступным, задача разовая, тратиться на диск неохота).

   Asked by AlexHog, November 13, 2007

   0 votes
   2 answers
8. Обводка таблицы изображениями

   Есть таблица, и есть изображения с узорами (к примеру) как можно таблицу обвести этим изображениями со всех сторон по средствам CSS? Задолбался уже думать, практиковать - ниче не выходит...

   Asked by Panzers^), December 7, 2007

   0 votes
   7 answers
9. Картинка в правом нижнем углу блока

   Помогите, никак не могу придумать как сверстать. Есть блок (неважно какой, див или таблица) произвольной высоты (100%), заполненный текстом. Необходимо поместить в правый нижний угол картинку таким образом, чтобы текст е? обтекал.. фоном никак, позиционирование не да?т обтекания.. не знаю как ещ?...

   Asked by Lergana, March 21, 2008

   0 votes
   4 answers
10. Заместо русских букв выводятся знаки вопроса

    Помогите пожалуйста. За место русских букв выводятся знаки вопроса !!! Что делать ? С заранее спасибо

    Asked by ClickW, May 2, 2011

    0 votes
    24 answers
11. Выпадающее меню поверх другого блока

    Добрый день всем, возникла проблема с адаптивностью меню, реализовал выпадающее меню, Но оно сдвигает нижний блок "Услуги мастерской". Теперь сам вопрос, как реализовать меню, что бы оно не сдвигало блок услуг, а легло поверх, т.е перекрывало его.

    Asked by Владимир Горинов, December 24, 2016

    • html
    • css
    • jqery
    0 votes
    2 answers
12. Наследование CSS элементарная ошибка, но где?

    Добрый день. Возникла ошибка: на ровном месте. Вероятно что-то не так понимаю в наследовании CSS. Архив с примером (html+css) Вобщем указываю для <body> размер шрифта 12px, но внутри таблицы td он не наследуется и использует 16px непонятно откуда взятый (возможно по-умолчанию браузера?) Помогите пожалуйста новичку!

    Asked by inkerman, March 13, 2012

    0 votes
    7 answers
13. Помогите! Текст поверх картинки.

    Всем привет! Не могу сделать текст поверх картинки. Перепробовал множество атрибутов, использовал CSS, подключал классы. Толку - 0. Вот ссылка на сайт: Не реклама! Выберите приложение ниже "Wormix" самое первое! И вот на этом сером фоне я хочу написать текст (описание приложения). У меня не получается, либо текст смещяется влево, либо вообще в углу. Вот эта часть "Слайдер": <div class="wrapper col3"> <div id="gallery"> <ul> <li class="placeholder" style="background-image:url(images/gallery/default.gif);">Image Holder</li> <li><a class="swap" href="#"><img src="images/gallery/1_s.gif" alt="" /><span&gt…

    Asked by ice72, August 1, 2011

    0 votes
    8 answers
14. Возможно ли (если да, то как?) изменить стиль аттрибута title (всплывающей подсказки)?

    http://htmlbook.ru/html/attr/title , добавить бэкграунд/изменить шрифт/ добавить рамки

    Asked by vladimir_lwlx, October 29, 2010

    0 votes
    5 answers
15. Текст внутри div-a

    Здравствуйте. Только начинаю использовать css, никак не могу разобраться в следующем: есть div, в нем находится текст. Div произвольной ширины. Как сделать так, чтобы текст не вылезал за границы div-a, а переносился на следующую строку? P.S. Если непонятно объяснил - скажите.

    Asked by wertret, April 14, 2011

    0 votes
    3 answers
16. INPUT - определение стилей для select

    Есть такой простой select: <select size="5"> <option value="1">option 1</option> <option value="2" selected>option 2</option> <option value="3">option 3</option> <option value="4">option 4</option> <option value="5">option 5</option> </select> Задача: надо поменять стиль выделения пункта в списке. Как это можно сделать?

    Asked by ATr, May 25, 2007

    0 votes
    3 answers
17. Высота сайта 100%. Нужна помощь.

    Всем привет. Проблема: Сайт растягивается в высоту больше, чем собственно само наполнение тела. Подвал уехал далеко вниз. Не понимаю в чем проблема. Пожалуйста помогите понять в чем тут дело и какая ошибка в коде? Надеюсь тема поможет найти ответы на вопросы не только мне. Задача: При неполном наполнении тела, обеспечить высоту в 100%, чтобы подвал был всегда прижат к низу. Спасибо. Вот так он отображается http://www.mprakennus.fi/index2.php Код страницы: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> html, body { height: 100%; margin: 0px; padding: 0px; } #page-hea…

    Asked by Влад, November 2, 2007

    0 votes
    9 answers
18. Как сделать всплывающий текст в html?

    Подскажите пожалуйста какой мне использовать тег, чтобы надпись на странице плавно появлялась и плавно исчезала? Вот, что я пока наш?л: " Some text goes hereзатем с помощью js меняется видимость этого элемента : document.getElementById("my_flashing_text").visibility = "visible", document.getElementById("my_flashing_text").visibility = "hidden" с задержкой через функцию setInterval();" Похоже в этом примере не показано, как менять видимость текста. Может есть какой другой вариан решения этого вопроса? Если не трудно, распишите от а до я, как это сделать.

    Asked by gangztta, April 10, 2008

    0 votes
    1 answer
19. Двойное выпадающее меню

    Добрый день!Подскажите пожалуйста как сделать горизонтальное двойное выподающее меню на HTML 5.

    Asked by RoFF, July 16, 2012

    0 votes
    11 answers
20. Выделение пункта меню, в котором просматривается подменю

    Доброго времени суток всем! Есть горизонтальное меню с выпадающими списками подменю. Выпадает всё здорово, но подсвечивается несколько не так, как хотелось бы. Чего хочу, и что не получилось: когда наводится мышь на пункт меню - всё здорово, пункт подсвечивается оранжевым, меню выпадает, но после того, как мышь уходит с основного пункта меню и начинает "гулять" по подменю, подсветка с основного пункта меню пропадает, а должна оставаться. когда на ней hover - она загорается, hover пропал - пропала подсветка. как заставить светиться этот пункт, пока я шарю мышкой в пределах его подменю? пример в картинках вот так оно есть сейчас: вот так надо (монтаж): вот кусо…

    Asked by Ник Ример, February 25, 2014

    • css
    • hover
    • drop-down
    • menu
    • выпадающее
    • меню
    0 votes
    4 answers
21. Input по правому краю (без float:left)

    Со вчерашнего дня пытаюсь найти решение. Нужно кнопку придвинуть к правому краю формы(родителя) не прибегая ко float Это возможно? Вот мои эксперименты. для кнопки установлены такие спили (рамочку и т.д. упустил) input[type="submit"] { width: auto; position: absolute; right: 0px;} Для формы form { padding: 2em 3em 0em 4em; position: relative;}Кнопка позиционируется по правому краю контейнера, в котором находится форма. Если кнопку поместить в контейнер <span style="display:block;position:relative"><input type="submit"></span>Все в порядке, но его высота = 0px и ревизор фаерфокса показывает, что она отображается за пределами формы, что вполне согласу…

    Asked by ekkl, January 11, 2015

    • position
    • relative
    • absolute
    0 votes
    11 answers
22. отрицательный z-index в Firefox или как засунуть картинку под текст?

    Позарез понадобилось вставить на страницу картинку, по ширине превышающую предусмотренный для контента блок. Единственный пришедший в голову вариант - поставить ей position:absolute и положить отдельным слоем, но вот незадача - зараза перекрывает часть ссылок по бокам блока (цветными пикселами картинка на ссылки не залезает, но перекрывает их своей прозрачной частью). Проблема решается установкой отрицательного z-index (ссылки и весь текст оказывается наверху), но тогда картинку не желает показывать любимый файрфокс. Посоветуйте, как быть?... свои идеи пока кончились

    Asked by enkryptor, July 18, 2007

    0 votes
    9 answers
23. div height 100%

    Мозг разрывается не могу ниииикак исправить... Есть такая тема: http://floomby.ru/content/7WYLoCplEq/ код такой: <td colspan="5" rowspan="2" valign="top" style="border:2px solid yellow; height:100%;"> <div style="width:668px; float:left; border:2px solid red; height:100%;"> sadsadsa </div> <div style="float:left; border:2px solid blue;"> dssadsa<br>dssadsa<br>dssadsa<br>dssadsa<br>dssadsa<br>dssadsa<br>dssadsa<br>dssadsa<br>dssadsa<br>dssadsa </div> </td> выше есть еще много много <tr><td> и еще выше: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML…

    Asked by Simon, March 10, 2011

    0 votes
    23 answers
24. Картинка бэкграундом в стилях: как сделать сдвиг

    В верстке есть параграфы, в начали части из них для имитации списков вставляется тэг картинки со стилями <p class="className"><img src="http://site.ru/img/list.gif" width="13" height="13" alt="" align="top" style="position:relative;top:1px;">Текст бла-бла-бла</p> я хочу сделать иначе: убрать тэг картинки, заключить такие параграфы в див (сами параграфы уже без классов), прописать в стилях картинку, все удается, но она получается на 1 пиксель выше, чем в исходном коде (в стилях выше это решается top:1px;) div.classNameImg p { margin: 0; padding-left: 17px; background-image: url(http://site.ru/img/list.gif); background-repeat: no-repeat; } добавление…

    Asked by alexspb, January 15, 2010

    0 votes
    20 answers
25. как имитировать фрейм в ячейке

    Смысл таков, есть ячейка, в ней контент, нада чтобы в ячейке появлялся вертикальный скрол и не давал ячейке растягиватсо больше чем она есть :|

    Asked by BogusUA, June 7, 2007

    0 votes
    7 answers