Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Другие темы раздела
HTML, CSS Ссылка без подчеркивания, не меняющая цвет после клика Нужно сделать ссылку, которая бы не подчеркивалась и была бы белого цвета, оставаясь такой и после клика. Причем это свойство должно относиться только к одной конкретной ссылке, а другие ссылки на странице должны оставаться обычными. Вот строка со ссылкой: <p class="v2"><a href="pod.html">Мир</a></p> Стили: .v2 { font-family: Arial, Helvetica, sans-serif; text-align:... https://www.cyberforum.ru/ html/ thread558218.html HTML, CSS Не набирается русский язык в Notepad++
Если скопировать и вставить русский текст - все отображается нормально А при наборе вручную: öàêé3ê
HTML, CSS Как сделать флажок(есть в наличии) в интернет магазине Очень важно узнать. Подскажите, пожалуйста. Сайт, если надо http://www.vdpsib.ru/shop/ Добавлено через 6 минут То есть чтобы на каждом товаре можно было бы поставить галочку есть или нет в наличии https://www.cyberforum.ru/ html/ thread558192.html HTML, CSS javascript в html5 https://www.cyberforum.ru/ html/ thread558187.html
делаю проект, в котором использую html5 и javascript проект обрабатывает xml файл и выводит в окно браузера необходиую информацию возникла проблема: при использовании html 5 браузер пишет невозможно отобразить страницу при использовании html 4 все отлично те я меняю doctype и наблюдаю эти две ситуации может кто-нибудь с этим сталкивался??? заранее благодарен
2 колонки по краям контента - как? HTML, CSS
доброго дня! столкнулся с такой вот проблемой не получается решить (пробовал делать по аналогии с генератором макетов html, но запутался и не то..) - есть шапка, под ней горизонтальное меню, под ней контент, под ней футер. задача - сделать 2 колонки, которые бы растягивались по высоте в зависимости от высоты контента. т.е. тут там где серое, надо картинки.. вот исходный код и css...
HTML, CSS Не появляется плеер https://www.cyberforum.ru/ html/ thread557973.html
Доброе утро.Начал переобучение с HTML4 на HTML5 и столкнулся с проблемой.Код: <!DOCTYPE html> <HTML> <HEAD> <TITLE>Тег AUDIO</TITLE> </HEAD> <BODY> <AUDIO SRC="\1.wav" CONTROLS></AUDIO> </BODY> </HTML>
HTML, CSS Выровнять элементы в одну строку https://www.cyberforum.ru/ html/ thread557937.html
У меня есть следующий код: <!--Вконтакте --> <div id="vk_like" ></div> <script type="text/javascript"> VK.Widgets.Like("vk_like", {type: "full"}); </script> <!-- Твиттер --><a href="https://twitter.com/share" class="twitter-share-button" data-via="delpixru" data-lang="ru" data-hashtags="delpix.ru">Твитнуть</a> <script>!function(d,s,id){var...
HTML, CSS сначала код потом шаблон или наоборот?
Здравствуйте.Подскажите пожалуйста когда делают сайт в какой очередности вообще его делать? Опытные люди как вы пишете сайты или может есть какие то правила? например сначала заполняем сайт ссылками текстом и тп потом вставляем шаблон потом всякое разное? В какой очередности все это делается?
HTML, CSS Как сделать скругленные углы у фона выпадающего меню? https://www.cyberforum.ru/ html/ thread557597.html
Как сделать скругленные углы у фона выпадающего меню? Смотрел сайты где имеется выпадающее меню, но в коде у них не могу найти правило отвечающее за скругление или мб оно кладется фоном сразу каким-то образом?
HTML, CSS Табличная верстка email-рассылки https://www.cyberforum.ru/ html/ thread557215.html
Добрый день! Верстая макет email-рассылки столкнулся с такой вот проблемкой, в приложении представлен макет таблицы, все яцейки имеют фиксированные размеры, за исключением ячеек со стрелками (8,9,17) - у них резиновая высота. Собственно суть проблемы: При изменении высоты ячейки 17 нужно чтобы изменялась высота ячеек 8 и 9, на практике же изменяется высота ячеек 6,8,10 и соответсвенно 7,9,11....
При загрузке на хостинг в ie появляется отступ под футером HTML, CSS
При просмотре страницы на локальном компьютере футер прижат к низу окна браузера, а при просмотре страницы, загруженной на народ.ру, в ие8 на win 7 под футером появляется небольшой отступ, буквально 2-3 пиксела, но мне бы хотелось его убрать. На скрине показан слева кусочек страницы с народа, справа - на компьютере. В мозилле и хроме при просмотре что на локальном компьютере, что на народе все...
HTML, CSS Фиксация элементов на странице https://www.cyberforum.ru/ html/ thread557065.html
Всем привет! возникла такая проблема (тут http://local.barsplus.com.ua/dele/index.html ) нужно чтобы часы были зафиксирован как логотип , то есть при расширении страницы чтоб часы оставались на месте. основной блок часов в css такой: #times { margin:0 0 0 280px; margin-top:-260px; text-align:center; position:fixed; width:100%; left:0; padding:0; }
0 / 0 / 0
Регистрация: 21.11.2013
Сообщений: 2
21.11.2013, 14:49 0

Как сделать спойлер без JS? - HTML, CSS - Ответ 5368179

21.11.2013, 14:49. Показов 33966. Ответов 17
Метки (Все метки)

Ответ

Vovan-VE, спасибо за спойлер! Только вот такая проблема при первой загрузке страницы не отображаются стили спойлера, а после перезагрузки страницы все работает.
Первая загрузка, имеется ввиду в браузере в котором еще не заходили на эту страницу.
HTML5
1
2
3
4
5
<label class="spoiler1">
    <input type="checkbox" class="bo"/>
    <div class="title">Резервная солнечная система для дачи на 1 кВт</div>
    <div class="body">Как правило системы для дачи заказывают небольшой мощности, даже малой мощности (например, чтобы включить только телевизор и холодильник). Ниже, для примера, коммерческое предложение на солнечную систему для дачи.</div>
</label>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
.spoiler1 {
 
    display: block;
    background: #2f5585;
    text-decoration: none;
    color: white;
    font-weight: bold;
    border: 1px solid #ffffff;
    border-radius: 5px;
    padding: 0 5px 0 5px;
    margin: 0 0 5px 0;
}
.spoiler1 > .title {
 
    font-weight: bold;
}
.spoiler1 > .body {
    padding: 4px;
 
    font-weight: normal;
    font-size: 11pt;
    text-align: justify;  
    display: none;
}
.spoiler1 > .bo {
    display: none;
}
.spoiler1 > :checked ~ .body {
    display: block;
}


Вернуться к обсуждению:
Как сделать спойлер без JS? HTML, CSS
Миниатюры
Как сделать спойлер без JS?   Как сделать спойлер без JS?  
0
Заказать работу у эксперта
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
21.11.2013, 14:49
Готовые ответы и решения:

Как сделать наиболее простой спойлер (spoiler) в php? (с минимумом кода)
Я хочу сделать самый простой спойлер в php: чтобы он просто открывался и закрывался, без анимации. ...

Как сделать спойлер?
Почему не работает? &lt;head&gt; &lt;title&gt;Продвижение Вконтакте и Instagram&lt;/title&gt; &lt;meta...

Как сделать спойлер на каждый пункт?
Здравствуйте, допустим, есть FAQ на сайте, в нем есть несколько пунктов и в пунктах еще 8-10...

Подскажите как сделать спойлер с надписью
Подскажите как сделать спойлер с надписью при раскрытии чтоб там была информация.

17
21.11.2013, 14:49
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
21.11.2013, 14:49
Помогаю со студенческими работами здесь

Как сделать спойлер в Windows Store app?
Доброго времени дня. При разработке приложения типа Windows 8 Store App мне понадобилось сделать...

Как сделать спойлер открывающий файлы Frame Docs для открытия pdf
Фрейм для открытия pdf &lt;iframe...

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

Не получается установить спойлер без плагина
Здравствуйте! Испробовал несколько вариантов. Прописываю код в function.php, header.php,...

0
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru