HTML Coding

29542 questions in this forum

1. font-face в медиазапросе, ошибка при валидации

   У меня есть подгружаемый шрифт, но подгружать я его хочу на определенном разрешении, я не хочу, чтобы пользователи мобильного интернета теряли в скорости загрузки сайта и даю им стандартный шрит, а для пользователей стационарных ПК я подгружаю шрифт, но валидатор ругается на подобное подключение, хотя все работает, помогите разобраться, как мне сделать грамотно все в этой ситуации. У меня в основной таблице стилей подключен другой шрифт, там нет ошибки, но при подключении именно в @media screen выдается ошибка.

   Asked by anvyd, June 19, 2015

   • @media
   • адаптивность
   • font-face
   • validator
   0 votes
   4 answers
2. Как наложит на flash фотографию с помошью дивов?

   Пытался наложить на flash фото, с помощью дивов и z-index. Не получается flash по умолчанию над фото. Что делать. Дайте, пожалуйста, дельный совет.

   Asked by Yarich, August 14, 2007

   0 votes
   2 answers
3. Замена стандартного события title в ссылке

   Ребята есть ссылка при навдении на не? указателя мыши появляется соответсвенно подсказка title. Нужно эту подсказку оформить необычно, должно быть кросбраузерно! Если у кого есть класс на js и исходник css, буду очень благодарен за подсказку, заранее сенк.

   Asked by okunev2, May 20, 2008

   0 votes
   5 answers
4. Вложенная нумерация

   Какие использовать теги и есть ли пример такой реализации: например у меня есть запрос mysql который выводит из БД Раздел - Подрздел - Категория как в таком виде вывести, какие html теги подставлять в моем коде php ? 1 Раздел 1.1. Подраздел 1.1.1 Категория 1.1.2 Категория 2 Раздел 2.1. Подраздел 2.1.1 Категория 2.1.2 Категория и т.д.

   Asked by okunev2, September 11, 2008

   0 votes
   2 answers
5. Еще одна задачка

   <style> #content:after { // чтобы родительский блок принимал высоту наибтольшего находящегося в нем ребенка content: ""; display: block; clear: both; } #content { position: relative; // задаем относительное позиционирование, чтобы div.neighboor выравнивался относительного него } #left { float: left; width: 50%; height: 300px; // в этом блоке выводятся статьи, поэтому высота может быть разной } #right { float: right; width: 50%; } #right div.garbage { height: 100px; // здесь выводятся последние новости, поэтому высота тоже может быть разной } #right div.neighboor { position: absolute; bottom: 0; } </style> <div id="content"> <div id="left">…

   Asked by lavr-ik, September 20, 2009

   0 votes
   6 answers
6. разница в размерах в фотошопе и при верстке

   Здравствуйте. Помогите пожалуйста, сам уже туплю))). Вот кусочек макета из фотошоп: желтым кружочком выделено расстояние, измеренное инструментом "линейка", приблизительно 80px, размер шрифта - 11px. То есть список ссылок должен отступать от надписи "subscribe to:" на 11 px, или от начала главного контейнера на 80px. Это то, что получается в итоге. И я уже сломал весь мозг, почему так!! Чтобы не громоздить тут свой код, я выложил проект на хостинг: http://www.zhuravlik.b13.su/. Уважаемые спецы, помогите неофиту))) з.ы. еще пара второстепенных вопросов 1. Правильно ли я сделал, что создал topleftmenu, вместо того, чтобы на каждый див заново задавать отступ сверху и цвет/…

   Asked by zhuravlik, July 7, 2010

   0 votes
   4 answers
7. SVG. Указать цвет в <defs>

   Привет. Подскажите, пожалуйста, как в svg файле (<defs>...</defs>) указать цвета и цвета строк, которые могут использоваться в документе. Например градиент указывается так: <defs> <linearGradient id="linearGradientDefault"> <stop offset="0" stop-color="#808080" stop-opacity="1"/> <stop offset="0.5" stop-color="#FFFFFF" stop-opacity="1"/> <stop offset="1" stop-color="#404040" stop-opacity="1"/> </linearGradient> <linearGradient y2="40" x2="0" y1="24" x1="0" gradientUnits="userSpaceOnUse" id="linearGradientPipe" xlink:href="#linearGradientDefault" inkscape:collect="always"/> </defs> И к нему можно о…

   Asked by ioprst, March 23, 2018

   • svg
   • defs
   0 votes
   0 answers
8. Sublime text 2

   Здравствуйте, вопрос немного не по теме, но незнаю где еше спросить, кто пользуется Sublime text 2, подскажите пожалуйста, почему нельзя выбрать несколько строк, нажать Таб и что бы они передвинулись? Раньше пользовался Notepad++ и там была такая функция, может тут есть какой-то аналог?

   Asked by cruel09, October 28, 2014

   0 votes
   8 answers
9. Помогите чаинику. Чем заменить a href

   Всем привет, скачал лаиот, пытаюсь переделать и чемуто научится. вот застрял и как часами не могу наити ответ. Снизу были 3 кнопки, которые меняли главную картинку страницы. думал убрать эти 3 кнопки. две убрал, если первую уберу картинка исчезает, или чтобы я не заменял, всегда остаётся черныи квадрат от кнопки. пожалуиста не судите. первыи раз в жизне пытаюсь создать маленькую страничку. <!-- / content --> </div> </div> <div class="block"></div> </div> <div class="bg1"> <div class="main"><!…

   Asked by Antoschk0, October 3, 2015

   0 votes
   2 answers
10. Выровнять разные по размеру изображения в списке

    Есть список пользователей. У каждого пользователя свой аватар, с индивидуальными размерами. У кого-то он широкий, но низкий, а у кого-то высокий, но узкий. Как выровнять аватарку у каждого пользователя, чтобы весь список выглядел аккуратно? http://codepen.io/anon/pen/pbJEMg

    Asked by yaparoff, June 3, 2016

    • изображения
    0 votes
    4 answers
11. Вопрос по тегу <SELECT>

    Здравствуйте. Совсем недавно занялся постижением html и php, и уже возникли различные сложности. В частности не могу решить оперативную задачу с выскакивающим списком. Вот часть кода, но с радиокнопками. Пытаюсь их заменить списком. <br><b><?php echo "$questions[2]" ?></b> <br> <input type="hidden" name="answers[0]" value="0"><input type="radio" name="answers[0]" value="1"><?php echo "$v_answers[0]" ?> <br> <input type="radio" name="answers[0]" value="2"><?php echo "$v_answers[1]" ?> <br> <input type="radio" name="answers[0]" value="3"><?php echo "$v_answers[2]" ?> <br&g…

    Asked by Satou, December 20, 2008

    0 votes
    5 answers
12. Проблема с thead в таблице

    Помогите пожалуйста разобраться Имеется таблица(Вот фрагмент) <table id="example" class="tablesorter" border="0" cellpadding="0" cellspacing="1"> <thead> <tr> <th>Имя</th> <th>Фамилия</th> <th>Возраст</th> <th>Сумма</th> <th>Скидка</th> <th>Дата</th> </tr> </thead> И код CSS который отвечает за этот фрагмент table.tablesorter thead tr th, table.tablesorter tfoot tr th { background-color: #99CC00; border: 1px solid #FFF; font-size: 8pt; padding: 4px; } проблема в следующем: Если в thead вставить еще одну строку, то к ней применяется тот же сти…

    Asked by slavok47, June 4, 2009

    0 votes
    9 answers
13. некорректное вычисление высоты

    Если высота слоя явно не указана, граница слоя отображается в 1px. Либо по высоте дочернего слоя - если указана явно его ширина. IE отображает рамку корректно. Вопрос: как заставить FF правильно вычислять высоту слоя, чтобы при включении рамки слоя - все было красиво Вот такое: height: 100% или height: auto не прокатит

    Asked by htmlkin, September 30, 2009

    0 votes
    4 answers
14. Косяк с таблицей стилей в маркерованном списке

    Здравствуйте. У меня такая проблема: Есть меню, сделанное списком <ul> <li>, с помощью css присваиваются маркеры: ul#my-menu li.collapsed {list-style: url("/images/collapsed.gif")} ul#my-menu li.expanded {list-style: url("/images/expanded.gif")} ul#my-menu li.kl {list-style: disc; color:white;} ul#my-menu ul {list-style: disc; color:white;} вот html код мею: <ul id="my-menu" class="sample-menu"> <li><a href="#0">Автосвет, автолампы, ксенон, биксенон</a> <ul> <li><a class="direction" href="/catalog/index.php?group=16&menu=1"> Альтернативная оптика</a></li> <li><a class="direction" href="/catal…

    Asked by eugene1986, July 19, 2010

    0 votes
    12 answers
15. Кнопка твитер

    Добрый вечер! Как добавить вот эту кнопку в правом нижнем углу слоя?

    Asked by mylogin, October 19, 2011

    0 votes
    13 answers
16. Смещение блоков при изменении размера одного из них

    Все доброго времени суток. Гугление не принесло никакого результата. Проблема такая: Есть, например, 12 блоков размеро 200на200, у всех левый флоат, размер радительского блока, скажем, 650пикселей(200*3+место на отступы). Итого получается 4 строки по 3 блока - типа галереии или портфолио, применение не важно. Хочется чтобы при наведение на любой блок он увеличивался, ну скажем, процентов на 10%. И вот тут начинается проблема. Блок увеличивается - ломается вся структура, блоки смещаются и получается хаос. Z-index проблемы не решает. Как сделать чтобы каждый блок увеличивался поверх других(если размер уж такой, что приводит к перекрытию соседнего блока) и структура была не…

    Asked by Marakaya, December 21, 2012

    0 votes
    4 answers
17. Масштабирование и центрирование содержимого окна под разрешение клиента

    Здравствуйте. Есть макет. Ширина 1920px. На странице несколько больших фоновых изображений(на всю ширину макета). Область с контентом имеет фиксированную ширину в 960px и отцентрирована(margin: 0 auto). На разрешениях меньше 1920 естественно во-первых, получаем горизонтальную полосу прокрутки, во-вторых, после загрузки страницы ползунок уже сдвинут влево, т.е. пользователь видит сразу левую часть страницы. Как отцентрировать макет даже для малых разрешений, просто обрезая ту часть макета, которая выходит за границы разрешения и не показывая полосу прокрутки, чтобы, например, при масштабировании пользователь смог увидеть и остальное? Может у кого есть под рукой ссылки на п…

    Asked by son6ka, May 7, 2013

    • разрешение
    0 votes
    6 answers
18. Мета-теги и ключевые слова.

    Кто должен прописывать мета-теги и ключевые слова: верстальщик или сеошник?

    Asked by DivMan, October 1, 2014

    0 votes
    6 answers
19. Как сверстать таблицу со вкладками

    Здравствуйте! Нужно принять решение, как правильно это сверстать. Есть такое задание: Каждый месяц - это вкладка. Соответственно, под ней отображается относящееся к ней содержимое. Верстка должна быть адаптивной. Правильно ли сверстать это таблицей?

    Asked by Светлана Г., March 13, 2015

    0 votes
    18 answers
20. chrome Chrome: сбрасываются стили при сворачивании видео

    Всем доброго времени суток. В процессе работы над очередным проектом столкнулся с проблемой: есть элемент video, который расположен внутри элемента для которого заданы transform: translateX и transition. Если перейти в полноэкранный режим видео, а потом его свернуть (вернуть в нормальный режим), то родительский контейнер анимируется. Копаясь в консоли разработчика обнаружил, что на время полноэкранного режима для всех родителей тега video сбрасываются некоторые css стили (в т.ч. transform и transition), что похоже и приводит к появлению анимаций после выхода из fullscreen. Применение флага important к моим стилям результата не принесло (кроме того что после этого еще и са…

    Asked by ows.nightwolf, April 18, 2017

    • video
    0 votes
    2 answers
21. Как поставить на одной страничке гиперссылки разных цветов

    Делаю страничку на чистом HTML, ну и плюс ксс, собственно вопрос может кто знает. У меня возникла такая ситуация в которой нужно гиперссылки 2-х цветов, потому как в левой менюшке они у меня красные а в правой фон будет красный, и если я на нем поставлю гиперссылку то, е? видно не будет, короче может кто в курсе как можно сделать на одной страничке гиперссылки 2-х разных цветов. Кто ответит тому буду очень благодарен.

    Asked by samael_96, January 3, 2008

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

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

    Asked by warobushek, July 3, 2010

    0 votes
    7 answers
23. Выпадающее меню :hover

    Добрый вечер. Суть вопроса. Есть выпадающее меню, в нормальных браузерах + 7 и 8 осле работает, в 6 - нет div.header-middle ul.menu { width: 100%; height: 60px; list-style: none; text-align: right; position: absolute; top: 10px; left: 0; } ul.menu li.menu { border-right: 1px dashed rgb(250,130,30); display: inline-block; float: right; width: 8%; height: 100%; text-align: center; vertical-align: top; position: relative; } ul.menu li.menu-end { border: 0; } ul.menu li.menu a { color: rgb(10,10,10); font: normal 12pt Arial; text-decoration: none; display: block; width: 100%; height: 100%; pa…

    Asked by Frolov, August 11, 2010

    0 votes
    4 answers
24. Ровно посерединке

    Итак, многие из нас делают сайты. Очень часто вся информация располагается в единственном блоке, позиционированным горизонтально по центру. Как позиционируется: горизонтальным выравниванием или таблицей из трёх столбцов - неважно. При этом, на смаом сайте страницы имеют разное по-объёму содержание: Порой страница вмещается по вертикали без прокрутки, а порой уходит далеко вниз, при этом появляется боковой ползунок прокрутки и наш центральный блок начинает поизиционироваться с учётом уменьшившейся области браузера. То есть при переходе с "маленькой" страницы на "большую" наш центральный блок "прыгает" влево, что, порой неочень. И вот мне интересно, есть ли какой-нибудь изя…

    Asked by Metus, March 19, 2011

    0 votes
    12 answers
25. Как втавить рисунок в DIV

    Вопрос к спецам,..есть DIV с обсолютным позиционированием шириной 100%..надо в него вставить рисунок (не фон) 100х170рх ,чтобы рисунок встал в DIV с левой стороны без зазора со всех сторон.(Справа к нему будет примыкать вложенный DIV или таблица)..(Нужен пример кода, чтобы разобраться...) Заранее спасбо...

    Asked by Serjinio, December 11, 2007

    0 votes
    3 answers