HTML Coding

29542 questions in this forum

1. Collapsible список на HTML без JS

   Добрый день! Как на HTML сделать список со скрывающимся содержанием? Допустим, есть следующее: Заголовок1: Пункт1.1 Пункт1.2 Пункт1.3 Заголовок2: Пункт2.1 Пункт2.2 Пункт2.3 Из этого нужно получить следующее: Заголовок1: Заголовок2: При этом нужно, чтобы заголовки можно было открывать/закрывать независимо друг от друга. Нужно реализовать без использования JS, CSS, только на HTML.

   Asked by koshmarrrik, September 4, 2014

   0 votes
   6 answers
2. Проблема с IE блокирует скрипты

   Добрый день ! как сделать так чтобы при загрузке страницы она не блокировала и не выдавало такое сообщение а загружалось без блокировки есть какой то выход с данной ситуацией ?

   Asked by pitbuli, June 18, 2015

   0 votes
   7 answers
3. Background в мобильной версии.

   Здравствуйте! В Google Chrome на мобильном(Android) неправильно показывается страница -а именно background снизу становится белым. Страница onamap.ru/account/login Скриншот Но на ПК всё нормально. Не пойму в чем дело.

   Asked by Kypaku, September 19, 2015

   • background
   0 votes
   1 answer
4. Анимация перед рендером страницы

   Народ как решить такую проблему? Например какой-то сайдбар у меня скрыт за экраном через минусовой транслейтX или через левую позицию, любой из вариантов, и по клику на что-то он выезжает, но когда происходит рендер (ф5 или переход) страницы, я вижу в секунду как он гад уезжает за экран. В песочнице такого не наблюдаю, а вот на работе, иногда делаю такие вещи и при загрузке страницы это появляется... Извините за сумбурность, реально показать не получается. Возможно кто-то сталкивался с подобной проблемой? Вот пример такого сайдбара http://codepen.io/hesrun/pen/ZWJjwp

   Asked by vladmih, March 30, 2016

   0 votes
   13 answers
5. Почему разная высота между полями в страницах

   Всем привет, 2 редактора админики с одним файлом стилей. Не могу понять почему разная высота между полями . На этой старнице высота правильная : Страница 1 На этой странице : Страница 2 в высоте между полями появляются лишние 10 px. В инспекторе вижу что для обоих редакторов : form-control = padding-top:5px; padding-bottom:5px form-group =margin-top:10px; margin-bottom:10px Во второй странице редактор внутри таба со своими классами - но влияет ли это на высоту между полями и как не могу найти... Стили в файле стилей определены как : .form-horizontal .form-group { /*margin: 0px;*/ margin: 10px 0px 10px 0px; /*margin: 1…

   Asked by mstdmstd, July 25, 2016

   • html
   • bootstrap
   • form-control
   • form-group
   0 votes
   7 answers
6. Почему apple подключает eot шрифты отдельно ?

   @font-face { font-family:'SF Pro Display'; font-style:normal; font-weight:100; src:local('☺︎'), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_ultralight.woff2") format("woff2"), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_ultralight.woff") format("woff"), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_ultralight.ttf") format("truetype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family:'SF Pro Display 100'; src:url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_ultralight.eot"); /* (C) 2015 Apple Inc. All rights reserved.*/ } То есть почему для ie пишут "SF Pro Display 100" а для остальных браузеров просто "SF Pro Display" ?…

   Asked by Димитрий, September 12, 2017

   • шрифт
   0 votes
   0 answers
7. Вопрос по @media

   Всем привет, есть документация под нормы расширения экранов @media screen , где обозначено до скольки PX я могу скажем так воображать себе в голове под что я верстаю телефон/планшет/пк ?

   Asked by Неугомонный, July 20, 2019

   • @media
   • css3
   0 votes
   2 answers
8. Динамичный Проверочный Список По Верстке

   Может кто подскажет такой список (форму) для проверки верстки. Например: валидация html и css, указание кодировки, направление текста и т.д.. Или лучше форма. В зависимости от указанных параметров (доктайп, используется скрипт и т.д.) выдаёт проверочный список. Думаю что там написал)

   Asked by iandsociety, September 9, 2010

   0 votes
   8 answers
9. Выпадающее меню

   Помогите подправить выпадающее меню, чтобы можно было кликнуть по всем пунктам. А также бы хотелось услышать что нибудь про дизайн. Лаймовый фон только для тестирования, далее он будет белым.

   Asked by Tmin10, January 5, 2011

   0 votes
   6 answers
10. Подскажите по input

    Есть поле ввода текста input, нужно чтобы когда пользователь что то ввёл и нажал enter осуществлялся переход по ссылке. Как такое сделать? Никак не пойму.

    Asked by c0d3r, February 8, 2011

    0 votes
    6 answers
11. Проблема с выравниванием div

    Как сделать так, чтобы один див прижимался к левому краю, а другой к правому и при этом никуда не пропадал базовый div? Вот, что имеется в виду: <div style="background: #f6f6f6;"> <div style="float: left;">123</div> <div style="float: right;">456</div> </div> Проблема в том, что при таком раскладе базовый div (тот, что с бекграундом) как бы схлопывается. Однако если ему указать высоту в 1 пиксель, то в IE всё работает просто замечательно. Базовый div сразу подстраивается под высоту двух других. А вот в FF и Opera этого почему-то не происходит . Как решить такую проблему без задания высоты каждому диву, так как она может быть разной?…

    Asked by thekap, February 15, 2011

    0 votes
    5 answers
12. Проблемы с float

    Есть страница с футером, прижатым к низу страницы. Сверху див с основным контентом. В нем слева див с меню, у него задано float: left. Следующий див на всю ширину. В нем набор элементов, также с float: left. Необходимо делить плавающие элементы подзаголовками. При этом первое же разделение уносит всё, что отделено на уровень ниже дива с меню. Вот образец: http://kaminski.dyndns.tv/look.php Попытка задать для дива с меню height: 0px на первый взгляд помогает решить проблему, но тогда если меню разрастается по высоте, оно залазит "под футер". Смотреть: http://kaminski.dyndns.tv/look2.php

    Asked by kaminski, November 11, 2011

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

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

    Asked by IrkaLulka, November 30, 2011

    0 votes
    9 answers
14. Скрыть элемент

    Тоже возникла подобная проблема. Но если с обычными дивом всё получилось достаточно просто, то может кто подскажет, как скрыть элемент подгружаемый следующим образом: <script type="text/javascript" charset="utf-8">document.write(unescape("%3Cdiv id='cloudim_widget'%3E%3Cscript src='/js/chat.js' type='text/javascript'%3E%3C/script%3E%3C/div%3E"));</script> <script type="text/javascript" charset="utf-8">Cloudim.Chat.init({uid:5255});</script> Данный скрипт рисует онлайн-консультанта на странице. И хочу его скрывать\отображать по клику на моей картинке. Подробности можно посмотреть на странице где он висит. Спасибо. Не влазьте в чужие, а тем более,…

    Asked by spurlos, November 21, 2012

    0 votes
    0 answers
15. отображение текста на ховере

    добрый вечер, при наведении на картинку посредине картинки должен появиться текст. изначально задаю display:none; при наведении :hover{ display:block; } текст не отображается. вот ссылочка http://jsfiddle.net/mrfrunze/wg8ntajy/ в чем может быть подвох? спасибо.

    Asked by mrfrunze, August 16, 2014

    • css hover
    0 votes
    8 answers
16. Position relative, transform и выпадающее меню в шапке

    В общем, пытаюсь сделать выпадающее меню на CSS (получилось), но оно там замешано на transform. Делаю как обычно через position : absolute; Но в блоке контента (под меню в шапке) есть элемент, у которого position relative и получается так, что этот элемент перекрывает мое выпадающее меню. Вот проблемный сайт - new[точка]kuhni-rona[точка]ru Наведите на "Каталог" и все станет ясно. Прошу помощи.

    Asked by k0d, November 19, 2015

    0 votes
    2 answers
17. Помогите с header'ом

    недавно начал изучать html css, вроде все понятно, но не могу сообразить как правильно сверстать такой header. помогите примером

    Asked by HypestHypest, April 26, 2020

    • header
    • html
    • css
    0 votes
    1 answer
18. Запредельный текст

    У меня вот такая задачка. Есть колонка текста. Необходимо чтобы, при его масштабировании в браузере он, просто уходил за край колонки, не переносясь на другую строчку.

    Asked by Jack10, February 17, 2008

    0 votes
    2 answers
19. расположение картинки под картинкой с абсолютной позицией

    добрый вечер столкнулся с проблемой, решал минут 40 не смог найти ответа надо расположить картинку (id="name") под картинкой (id="logo") с абсолютной позицией (%) чтобы logo всегда лежало под ней не накладываясь. так же себя ведут неспозиционированные изображения вот кусок кода: html <td rowspan="3" colspan="2" width="50%" align="center"> ëÿëÿëÿëÿ</td> <td rowspan="3" width="25%" > <img src="logo.png" alt="logo" name="logo" id="logo" width="155" height="204" border="0" > <img src="name.png" alt="name" id="name" border="0" > </td> css #logo { position:absolute; top:10%; right:5%; display:block; } #name { position:absolute; righ…

    Asked by IceFroz, May 30, 2008

    0 votes
    1 answer
20. Flash mp3 плеер на сайт

    Нужен мп3 плеер на сайт, например как на myspace.com, с плейлистом

    Asked by pluto, April 29, 2009

    0 votes
    2 answers
21. таблица

    Есть таблица с фоном(brick.bmp), которая центрируется. Для одной из ячеек нужно, чтобы фона не было (точнее, был фон страницы-h5.jpg). как можно реализовать? BODY{background: url('images/h5.jpg') repeat-x fixed #ff8; margin: 0; font-family: Arial} TABLE.b {table-layout: auto; background-image:url('images/brick.bmp'); border-collapse: collapse; margin: 0 auto; margin-bottom: 20px;} фон не однородный, и просто задать его фоном ячейки не выйдет. Благодарю за помощь.

    Asked by Sh.B.Malinkin, March 8, 2010

    0 votes
    4 answers
22. Вёрстка Div'ами

    http://ru-party.ru/111/primer.html Слева и справа дивы не растягиваются. И снизу фигня какая то, полосы какие то. Вроде простой шаблон. Видно только при большом разрешении: В принципе можно сделать с png прозрачным центром, но не хочу их использовать в ie6 с ними проблемы. Да и вообще хочется сделать просто. Подскажите

    Asked by SoFuWa, August 21, 2010

    0 votes
    7 answers
23. Как расположить 2 div по горизонтали, второй ширины по содержимому?

    Надо чтобы вот input, занял всё, что останется от select http://img412.imageshack.us/img412/6476/fwggweg.png

    Asked by DimaVidn, August 25, 2010

    0 votes
    2 answers
24. Помогите новечку.

    Добрый уважаемые гуру. Я новeчек, но вот создал сайт и вроде все хорошо, но столкнулся с проблемой. Сайт работает корекnно в 8 и 9 эксплорере и в 3,6 мозила. А человек которому делал, хочет, что бы все было четко и в эксплорере 7 и 6 и в мозиле 2 и 3.. Подскажите что надо сделать? ВОт сайт - http://stepan.rao.lv - эта страничка вроде работает нормально а вот эта уже глючит - http://stepan.rao.lv/ru/index.html

    Asked by Feaire, February 21, 2011

    0 votes
    5 answers
25. Скрипт для слайда

    Всем привет! По требованиям макета нужно сделать слайдшоу, т.е. при наведении на определенный участок внизу, фон сзади должен меняться: Подскажите пожалуйста скрипт, который по вашему мнению лучше бы подошел для такого задания. Первый раз сталкиваюсь с такой задачей, не знаю как подойти к решению. Ссылка

    Asked by amelice, July 26, 2011

    0 votes
    6 answers