HTML Coding

29542 questions in this forum

1. Стилизация чекбоксы и радиобаттоны

   Всем привет. Подскажите как лучше делать подобные чекбоксы и радиобаттоны ? Скриншот взял чисто для примера, чтоб вы поняли о чем идет речь. http://www.jotform.org/wp-content/uploads/2013/07/jquery-change-checkbox-style.jpg

   Asked by Shenia132, December 25, 2015

   • чекбоксы
   • радиобаттоны
   0 votes
   3 answers
2. Как сделать слайд блока на чистом JS?

   Приветствую всех! В общем на html странице есть 2 блока: с приветствием и кнопкой и второй блок с калькулятором. Хотелось бы сделать, чтобы при нажатии на кнопку первый блок плавно сдвигался влево и исчезал(как бы за границу экрана), а второй плавно появлялся на его месте. Все как бы работает, но как я понял display:block ломает всю анимацию, то есть второй блок появляется не плавно. Подскажите как лучше это реализовать. Хотелось бы просто, без jQuery. Вот код <div id="content"> <div id="welcome"> <a href="#" id="try-it"/> </div> <div id="calc-wrapper"> </div> </div> #welcome { transition: all 1s ease-in; } …

   Asked by hetsketch, December 24, 2016

   • js
   • css
   0 votes
   5 answers
3. Чтобы подзаголовок не закрывался плавающим меню

   У меня на сайте плавающее меню реализовано через скрипт: <script type="text/javascript">var $ = jQuery.noConflict();var h_hght=100;var h_mrg=0;jQuery(function(){jQuery(window).scroll(function(){var top=jQuery(this).scrollTop();var elem=jQuery('#top-menu');if(top+h_mrg<h_hght){elem.css('top',(h_hght-top));elem.removeClass('fix')}else{elem.css('top',h_mrg);elem.addClass('fix')}})});</script> Стала делать в статьях навигационное меню типа: <blockquote><span style="font-weight:bold">Содержание:</span> <a href="#a1"><li>Здесь первый пункт содержания</a> <a href="#a2"><li>Здесь второй пункт …

   Asked by StOK, February 21, 2017

   • плавающее меню
   0 votes
   2 answers
4. Эффект при наведении

   Всем привет, подскажите пожалуйста как добиться такого эффекта при наведении как на видео. Заранее всех благодарю. ScreenRecorderProject2.mkv

   Asked by Gruzin, June 8, 2019

   • псевдоэлементы
   • css
   0 votes
   4 answers
5. Пропад скролбар!

   приветству, столкнулся с достаточно странной ситуацией: в какой-то момент на этапе в?рстки пропал вертикальный скролбар. Т.е страница показывается на половину, а вниз прокрутить никак нельзя, что за?????

   Asked by nenasev, December 4, 2007

   0 votes
   3 answers
6. 100% height в XHTML 1.0 Transitional

   Как всё-таки в XHTML 1.0 Transitional сделать для таблицы или другого элемента высоту, равную 100% высоты страницы? Обращаю внимание - стоит не задача сделать отображение любой ценой (читай - изменением DOCTYPE), а реализовать решение именно для XHTML 1.0 Transitional.

   Asked by Webr, March 6, 2009

   0 votes
   9 answers
7. ScrolBar (скрол бар) в css!

   А если нет такого свойства то раскажите как поменяять цвет границ и сам цвет скрол бара! Для непонятливых: Скрол бар (ScrolBar) это полоска с права от окна, с помощью ей можно перемещатся ниже или више от окна, если ниже или выше есть инормация которую не видно!

   Asked by karakym, January 4, 2010

   0 votes
   5 answers
8. position: absolute

   Есть <div id='script' style='position: absolute; top: 50%; left: 25%; background: #C4F254; border: 1px solid black; visibility: hidden; padding: 10px; width: 700px;' valign='center' align='center'> Теоретически при его отображении он должен отображаться по середине экрана, но фактически он отображается по середине только если страница без прокрутки.. Если же страница длинная и мы вызываем этот див где-то внизу страницы, то он отображается где-то наверху.. Вопрос: как сделать чтобы div отображался по середине экрана, независимо от положения на странице?

   Asked by Беркут, January 5, 2010

   0 votes
   7 answers
9. Динамический размер 3 вертикальных div

   Есть 3 дива в строчку, возможно ли сделать так, что если мы убираем 1 див, 2 оставшихся растягиваются? По аналогии с таблицей

   Asked by Blockhead, May 24, 2010

   0 votes
   5 answers
10. Как лучше зарезинить блоки?

    Добрый день! Не знаю как лучше зарезинить блоки справа в соответствии со слайдером. Адаптировать медиа запросами не хочется. Вот сайт, отключил все лишнее. http://ofb3752.bget.ru/

    Asked by by chris, October 28, 2014

    0 votes
    7 answers
11. Создать кастомную кнопку

    Все привет. Использую bootstrap 3, хотя это наверно и не существенно. Необходимо сделать, чтобы у активных кнопок внизу был указатель, как на картинке. Кнопка любого цвета с любой границей, с иконками и текстом. Но проблема именно с треугольником внизу у активной кнопки. Не знаю, как к этому подступиться. Толкните в нужном направлении, спасибо.

    Asked by Alex777-777, December 26, 2020

    • button
    0 votes
    2 answers
12. ошибка с div

    Подскажите пожалуйста, где я допустил ошибку. Код: <span id="some_id"> <div class="some_class" style="float:left;"> <ul class="some_class-2"> <li class="some_class-3" style="width:10px;">11111</li> <li><a href="href" title="1" class="class1" onclick="something; return false;">1</a></li> <li><a href="href" title="2" class="class2" onclick="something; return false;">2</a></li> </ul> </div> </span> При проверке валидатор выдает следующую ошибку: P.S. доктайп - xhtml P.S.S. в том случае, когда меняю строку <span id="some_id"> на <span id="some_id"></span&…

    Asked by DImaN, September 10, 2008

    0 votes
    7 answers
13. Фрагмент страницы с помощью div - отображается не верно

    Уважаемые, помогите пожалуйста со следующей проблемой. Есть страничка (точнее даже кусок страницы). Проблема: в Firefox+Safari+Opera выглядит так, как надо, в IE (ver.6) - нет (расползается). Вот ссылка на страницу: http://85.25.66.242/test/test1.html Также прикрепляю три скриншота. (ниже) Мои мысли (точнее их отсутствие): мне кажется, что это как-то связано с параметром border, потому что если на три пикселя уменьшить внутренний div, что становится в порядке. Хотя пробовал уже выставлять border: 0px; - не помогает. Пробовал переделывать с таблицами - все нормально, но хочу сделать дивами. Подскажите пожалуйста, в какую сторону курить доки? Спасибо. ПыСы. скрины: Firefox…

    Asked by waldicom, October 10, 2008

    0 votes
    1 answer
14. Разъезжается таблица в ie - помогите пожалуйста.

    Здравствуйте. Делаю свои первые шаги в html и совсем чайник в CSS. В нстоящий момент мне нужно сделать главную страничку на этом сайте интернет магазина продающего аэрогрили Проблема следующая - на главной странице есть таблица с товарами - фотки, названия, цена и описания. Вот эта таблица выглядит нормально в Firefox но разъезжается в ie (ячейки не 3 в ряд стоят а опускаются ниже). Я пробовал увеличивать их длину и ширину - не помогает. Что можно сделать в данной ситуации? Вот изначальный код который отвечает за эту таблицу (движок shop-script): <table align="center" width="100%" cellpadding="0" cellspacing="0"> <tr> <td> <ul class="product_list"&g…

    Asked by astalavista, October 5, 2010

    0 votes
    4 answers
15. Затемнение

    Можно средствами ксс и хтмл создать затемнение фона http://www.radikal.ru/action.aspx (в рамке)???

    Asked by Mr.Black, November 21, 2010

    0 votes
    9 answers
16. Повтор изображения

    Здравствуйте, вроде я не чайник в css но что-то не могу понять, я прописал: html, body { background: url("{T_THEME_PATH}/images/bg_body.gif") repeat-x top #FFFFFF; } и изображение стало не целиком а слоями. пример и изображении, что это может быть?

    Asked by morocko, February 4, 2012

    0 votes
    17 answers
17. Бордеры пропадаю из за флоата ?

    Обратите внимание товариши . Вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>TesT</title> <style type="text/css"> * { margin:0; padding:0; border:0; } html { background-color: white; width: 1024px; } body { } #center { width: 940px; padding: 0; margin: 0 auto; background: #fafcfb; border-left: 3px solid #b8b9bd; border-right: 3px solid #b8b9bd; } #top { background: url(images/top_bg.gif) top left repeat-x; width: 660px; height: 62px; } #top ul li{ list-style: none; display: inline; margin: 5px; } #top2 { background-image: url(images/top_bg2.gif); background-repe…

    Asked by musulman, September 6, 2007

    0 votes
    3 answers
18. Наложения слоя на флеш анимацию

    Помогите. есть проблемма. Анимашка забочиненая на шапке сайта, внизу ряд в 1пиксель белого цвета. Внизу под ней менюшка. Как наложить фон менюшки на эту анимацию что бы прикрыть белую полосу?

    Asked by Alex_1988, April 26, 2008

    0 votes
    2 answers
19. Как мне БЫТЬ?!

    Всем Привет! У меня стоит сайт который использует систему smary - т.е. там куча html, каждый из который отвечает за определённый блок, но у меня проблема в том что я не могу её менять (есть и Dreamweaver и FrontPage, но когда я меняю я получаю всякие разные ошибки)... сайт http://www.zpstyle.com/index.php?categoryI...ens-polo-shirts Может кто нибудь сможет сделать то что показано внизу: Заранее спасибо! Благодарен за любую помощь!

    Asked by zaurm, September 6, 2008

    0 votes
    1 answer
20. Первый серьезный проект, нужен ХЕЛП!

    как пристыковать див к низу окна браузера без использования position:absolute; ???

    Asked by tigerok, October 11, 2008

    0 votes
    1 answer
21. Отступы

    Привет всем! Люди, помогите, пожалуйста, новичку! Как сделать отступ между окном и блоком рекламы (на скрине). Понимаю, что это где-то аттрибут margin надо менять, но где? Скрин развернутого сообщения блога на блогспоте. На главной странице все нормально, а если открываешь сообщение под катом, то все идет так, как здесь - вплотную.

    Asked by Niagara, April 6, 2010

    0 votes
    12 answers
22. Цвет ссылок не меняется

    Всем привет. Подскажите в чем может быть дело. Цвет ссылок всегда такой как будто их уже посещали в OPERE SAFARI ie8 В ie6 ie 7 все нормально #str a:link { color:#090; text-decoration:none; } #str a:visited { color:#F00 ; text-decoration:none ; } #str a:hover { color:#000 ; text-decoration:underline ; } Может быть это из-за того что браузеры помнят посещенные ссылки некоторое время? Но почему тогда ie 6 ie 7 Нормально показывают?

    Asked by Budulianin, November 8, 2010

    0 votes
    4 answers
23. a > div

    Можно ли использовать элемент div внутри элемента a, без изменения дисплея? Допускается или такое в спецификации? В линде говорят то что можно, а в ШП говорят нельзя.

    Asked by DivMan, November 3, 2014

    0 votes
    4 answers
24. Как скрыть символы на конце?

    Поставил форму поиска, там почему-то на конце после названия выводятся () Т.е. <span>Название1 ()</span> <span>Название2 ()</span> Можно ли как-то стилями скрыть все скобки в спанах, либо последние 3 символа? Если нет, то может как-то можно квадратиком фоновым на передний план поместить?

    Asked by nikki4, October 3, 2017

    0 votes
    7 answers
25. Автоматическое перелистывание слайдера

    Автоматическое создание слайдера Добрый день имею вот такой слайд скажите как сделать, чтобы он перелистывался автоматический!!! Вот мой код

    Asked by Андрей1990, February 1, 2018

    0 votes
    2 answers