HTML Coding

29542 questions in this forum

1. Использование rem для задания размеров элемента

   Всем привет. Слышал советы, что вместо пикселей желательно использовать rem для задания размеров. Решил, в качестве эксперимента, попробовать задать для html определённый размер в пикселях, а дальше везде использовать уже rem. И вроде всё нормально, даже очень удобно. Но под конец решил я уменьшить масштаб страницы и вот тут появились проблемы. Если использовать такой код: html { font-size: 10px; } .box { background: red; width: 100px; height: 400px; } То по итогу всё нормально, сколько масштаб не уменьшай, результат всё те же 400px. Но стоило изменить единицы измерения в высоте: html { font-size: 10px; } .box { background: red; wid…

   Asked by Tascan, July 15, 2019

   • вёрстка
   • css
   • px
   • rem
   0 votes
   0 answers
2. Проблема со списками

   Сайт: http://tecktonik.org.ua/ Смотрим горизонтальное меню. Наводим курсор на "Видео". Появляется 3 подменю, но они уезжают далеко вправо. Как сделать, чтобы 3 подменю были под "Видео"? CSS: #navigation { padding: 0 0 0 5px; } #navigation ul { list-style: none; margin: 0; padding: 0; } #navigation li { background: url(../images/ar.gif) no-repeat left top; display: inline; line-height: 10px; list-style-type: none; margin-bottom: 2px; padding: 0 12px 0 7px; } #navigation ul li ul { display: none; position: absolute; list-style: none; margin: 0px; padding: 0px; padding-top: 5px; z-index: 99; } #navigation ul li:hover ul { display: block; } #navigation ul li ul li { backgrou…

   Asked by Mr.Smith, January 5, 2009

   0 votes
   2 answers
3. Составные инпуты в FF: что откуда?

   В FF есть файл forms.css (под WinXP — в подпапке res папки установки), в котором написаны интересные вещи (спасибо мозилловскому форуму за наводку, а этому форуму — за наводку на мозилловский). В частности, упоминаются некие select > input[type="button"] input[type="file"] > input[type="text"] input[type="file"] > input[type="button"]а также их особые состояния, комбинации и т.п. Что это? Действительно ли для Мозиллы некоторые элементы форм являются составными и если да, можно ли стилизовать их по частям (я попробовал — "в лоб" не получилось, но, может, я что-то делал не так)? Или эти строчки — пережиток какой-то древней версии движка (версия навеяна комментом "…

   Asked by SelenIT, October 20, 2010

   0 votes
   6 answers
4. Как открыть файл из html-документа?

   Скажите как можно открыть файл (допустим template.css), скажем из index.html, НО при этом не в браузере а в программе которая назначена по умолчанию для файлов с данным расширением (в данном случае .css)? (т.е. <a href="1.txt">1.txt</a> открывает файл в браузере, нужно чтобы открывался блокнот)

   Asked by novicheG, December 18, 2010

   0 votes
   1 answer
5. css вертикальное меню

   Здравствуйте! проблема в том, что третий уровень открывается с верху, а не напротив кнопки, которая его открывает CSS: #nav, #nav ul{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; display:inline-block; z-index:1; } #nav a:link, #nav a:active, #nav a:visited{ outline:none; display:block; padding:0px 5px; border:1px solid #333; color:#fff; text-decoration:none; background-color:#333; } #nav a:hover{ background-color:#fff; color:#333; } #nav li{ float:none; position:relative; width:180px; } #nav ul{ margin-left:10px; margin-top:-10px; position:absolute; width:12em; top:1.5em; dis…

   Asked by erange, January 4, 2011

   0 votes
   2 answers
6. Главенство одного стиля над другим

   Пожалуйста помогите. имею такой код a { тут стиль} a:hover {тут стиль} block a {тут стиль} block a:hover {тут стиль} Так вот, в <div class=block> выводится ссылка. по цвету и шрифту она совпадает со стилями описаными block a и block a:hover. НО text-decoration этой уловке не поддается. т.е text-decoration заимствуется от основных стилей а не от тех что я описал для класса block. что делать. помогите

   Asked by KoDDy, February 13, 2011

   0 votes
   7 answers
7. list-style не наследуется

   А тут пишут, что наследуется... http://htmlbook.ru/css/list-style Тут вообще маркеров нету по умолчанию http://jsfiddle.net/jKedb/ С ума сойти, ну... Ладно, прописываю у себя в боди list-style: none; <ul id="ololosh"> <li>1</li> <li> <ul> <li>111</li> <li>222</li> </ul> </li> <li>3</li> </ul> Маркеры есть для обоих списков!!! Прописываю #ololosh { list-style: none; } Для внешнего <ul> они пропали, а для внутреннего остались. Получается, не наследуется он...

   Asked by Evkaky, January 2, 2013

   0 votes
   5 answers
8. Аккордеон на css

   Есть блок со ссылкой внутри размером 390*80. Под ним располагается весь остальной контент (некоторые блоки контента имеют ширину 100%). Вопрос, можно ли только с помощью css сделать из всего этого аккордеон? Клик по ссылке - контент открывается. Клик - закрывается.

   Asked by CroaToa, February 19, 2014

   0 votes
   7 answers
9. Что происходит в Сафари?

   Вот сам код: http://jsfiddle.net/h7Xp4/ Вот так выглядит во всех нормальных браузерах даже в ie7 нет проблем http://s1.ipicture.ru/uploads/20140330/6d4Svsk5.png А вот теперь смотрите что в safari происходит http://s1.ipicture.ru/uploads/20140330/HN8T3A4H.png Я думаю проблема ясна. Подскажите кто нибудь, что делать?

   Asked by WEB-best, March 29, 2014

   0 votes
   7 answers
10. добавить табам прокрутку

    помогите пожалуйста поправить табы от бутстрапа3 в этом примере при уменьшении ширины окна вкладки выстраиваются в несколько этажей. мне же хотелось бы чтобы они всегда состояли из одного этажа, но имели возможность прокручиваться по горизонтали(это умеют табы от ng-material) это мне нужно чтобы сделать трёхуровневые табы. для них критично чтобы каждый уровень состоял строго из одного этажа

    Asked by cyklop77, January 21, 2017

    • bootstrap3
    0 votes
    1 answer
11. Помогите сделать рамку и субменю. Зарание Спасибо

    доброго времени суток...... просьба у меня такая...... вот у меня есть сайт.....пока это тестовый сервер, для проверок перед загрузкой на основной http://demotest.comze.com/ так вот у меня по поводу него сразу несколько вопросов, на которые я очень надеюсь, уважаемые знатоки ответят, имхо я был на разных форумах, так никто и не помог =( надежда на вас 1.На сайте есть таки меню как "Устав,Иерархия,Легенда,Гимн,Состав" мне бы очень хотелось объединить их в раздел "о нас" при наведении на который будет выдвигаться меню с данными будущими подразделами =). 2.Где можно сказать готические рамки? как их правильно порезать и вставить в шаблон сайта ? Пожалуйста, если можно разжуй…

    Asked by BLOTTER, January 18, 2009

    0 votes
    0 answers
12. Проблема с меню

    Делаю rollover-меню, мне необходимо что бы все элементы меню распологались в строку, но когда меняю в CSS на display:inline; или display:inline-block; все картинки исчезают. Вот строчки из CSS: a.bt:link { background: url(images/b1.gif); display:inline-block; width:60px; height:20px } a.bt:hover { background: url(images/b1_2.gif); display:inline-block; width:60px; height:20px; }

    Asked by GIGO, February 21, 2010

    0 votes
    4 answers
13. размеры элемента <a>

    подскажите плз, при каком DOCTYPE можно задавать фиксированные размеры элемента <a> — ширину и высоту через CSS

    Asked by otell, August 25, 2010

    0 votes
    3 answers
14. float: left

    http://borber.ru/htmlbook/template5.html Вот тут обычный вариант «двухколоночного макета». Меню идёт с float: left. Далее нам нужно вставить много (неизвестно сколько именно) блоков 100×100, которые бы тоже бы были с float: left; А потом ещё раз такие же блоки. Само собой, надпись «Вторые блоки» тоже попадает под раздачу. Что делать, думаю я про себя. Вставляю пустой блок с clear: left, который до кучи хватает ещё и колонку с меню. http://borber.ru/htmlbook/template6.html Как бы вот так сделать, чтобы и left «почистить» и меню не захватывать?

    Asked by Veseloff, February 14, 2011

    0 votes
    6 answers
15. Вопросик по CSS3

    Привет! Тут заинтересовался новыми технологиями(css3 и html5), т.к. старые(css~2 и html~4) осилил уже давно и надо двигаться дальше, хочется что-то нового, но испытываю дефицит в информации, статей как реализовать то, как сделать так - полно, а вот, чтобы про каждый тег новый почитать, с чем его едят, для чего он нужен - не могу найти, точнее нашел на этом сайте список тегов html5 и их значение, а вот новых свойств/значений css3 на сайте нету, только псевдоклассы, типо :read-write или :nth-of-type, а свойств таких, как -webkit-gradient или -webkit-transition нету!!! Где вообще можно найти более менее полный перечень тегов, свойств, значений CSS3 с их описание, а то люди …

    Asked by Spamol, October 30, 2011

    0 votes
    10 answers
16. Проблема с таблице

    Не понимаю откуда взялись эти пробелы, cellspacing, cellpadding стоит по нулям и ещё Див (это тот,что внизу с текстом) почему-то шире таблицы получился,хотя ширину обоим одинаково задавался. Только в IE нормально работает,в остальных браузерах вот так вот коряво выдаёт. Что это такое, подскажите,пожалуйста?)

    Asked by IrkaLulka, November 30, 2011

    0 votes
    9 answers
17. Скошенные уголки у элементов

    Добрый день, я сейчас верстаю сайт для компании, и там часто встречаются такие скошенные уголки, при том элементы могут быть разного цвета я показала это на картинке ниже. Я сделала это псевдо элементами before и after, на фон них положила картинку с белым фоном что бы подходило в разных случаях, но может есть другое более универсальное решение?

    Asked by chiffenok, November 1, 2012

    0 votes
    9 answers
18. создание сайта-вопросника

    Добрый день. Сразу к делу- интересует с чего нужно создавать сайт-вопросник : то-есть посетитель заходит,оставляет свой вопрос, мне приходит уведомление, я отвечаю-ответ приходит на сайт под его вопрос. Спасибо за внимание)лучей добра

    Asked by Na2SO4, May 13, 2013

    • сайт вопрос
    • помогите
    0 votes
    5 answers
19. Нижний отступ у макета

    Почему при добавлении контента нижний отступ пропадает? Ожидаю вот такое поведение http://s1.ipicture.ru/uploads/20130918/7dzP0zRW.png а получаю http://prodpak.ru/site3/ Подскажите пожалуйста, в чем ошибка.

    Asked by Delat, September 29, 2013

    • макет
    0 votes
    3 answers
20. Секмантика

    Всем привет есть заголовок в котором два слова. Первое слово заглавными буквами второе прописными. Вопрос с точки зрения семантики правильно ли так писать <h2>слово1<span>слово2</span></h2> потом в ксс h2{ text-transform: uppercase } спасибо

    Asked by Kaskad, February 7, 2014

    0 votes
    11 answers
21. укажите на основные ошибки верстки

    "учу" верстку уже очень долго но из за того что нет мотивации кроме как хочется но не колоситься научился не многому как я уже писал укажите на основные ошибки ибо знакомых верстальщиков нет хотелось бы развивать навык но из за того что не нахожу подходящей вакансии со стажировкой хоть как то применить знания и увидеть все изнутри в общем там большой прирост с подобной практики из за этого приходится просить вас. Заранее спасибо за потраченное время. https://spartak987.github.io/

    Asked by spartak9871, December 27, 2016

    0 votes
    5 answers
22. Якори

    Здравствуйте, вопрос такой, как сделать что бы при открытии страницы она открывалась в определенном месте. Нужно не показывать шапку сайта начиная сразу с основного контента.

    Asked by Anuar03, May 23, 2017

    0 votes
    2 answers
23. Аккордеон на чистом HTML/CSS

    Добрый день. Подскажите как реализовать такой всплывающий блок как на картинке: 1) Блок на который один раз нажал должен быть открытым все время, до выбора другого блока; 2) Название блока в закрытом положении имеет черный цвет и стрелочка вниз, а при открытом синий цвет и стрелочка вверх 3) Реализовать с помошью HTML и CSS

    Asked by Romario1985, April 23, 2021

    • html
    0 votes
    2 answers
24. Резиновая ширина рисунка в ИЕ

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

    Asked by Shuranka, May 21, 2008

    0 votes
    1 answer
25. Значение свойства в стиле и классе

    <div id="div1" class="c1"> .c1 { visibility:hidden; } alert(document.getElementById('div1').style.visibility) выдаёт пустое место. Можно ли сделать чтобы выдавал 'hidden', не прописывая при этом явно style в диве?

    Asked by Колос, October 15, 2008

    0 votes
    2 answers