HTML Coding

29542 questions in this forum

1. frame, hover, ie9

   такой код <div> <frame> </frame> </div> блок div виден частично при div:hover он весь появляется и видно frame, но когда навожу на область frame-а, div сворачивается (hover отключается) такое только в ИЕ

   Asked by jurassik, November 19, 2012

   0 votes
   7 answers
2. Валидно ли расширять блок шире родительского блока?

   Здравствуйте! На странице есть блок <div class="additional-images">, расположенный внутри блока <div class="width60 floatleft">, который и ограничивает первый блок по ширине. Я расширил вложенный блок, компенсировав сужение малой кровью так сказать, без выноса его за пределы <div class="width60 floatleft">. Так можно поступать с точки зрения валидности?

   Asked by borus, November 26, 2013

   0 votes
   3 answers
3. Странное поведение after в ie

   В ие разных версий у формы, которой сделана тень через псевдоэлемент - наблюдается странный эффект. Тень скачет - то на месте, то вниз (при прокрутке), то на место становится, то уходит куда-то. Непонятно, почему. В других браузерах все нормально. сам сайт http://zverushka.zz.mu/water/ Cам стиль тени задан так :after { position: absolute; content: ""; display: block; top: 100%; left: 0; background: url("../img/form-shadow-green.png"); width: 300px; height: 240px; z-index: -1; }

   Asked by Zverushka, December 28, 2013

   0 votes
   13 answers
4. Анимация фона

   Сделал вот такой пример. Почему-то время движения субъективно различается в браузерах. В хроме быстрее, в IE и Firefox медленнее. Почему так может быть? http://jsfiddle.net/04yvqa25/ Если движения сразу не видно, надо чуток подождать.

   Asked by Vlad, March 9, 2015

   0 votes
   14 answers
5. Header пропадает, если в нём просто фон или картинка

   Делаю свой первый сайт. http://cssdeck.com/labs/fxuxxevq При любом из !DOCTYPE тег header не показывает содержимое (фон или картинка), но может показывать заголовок - тогда и фон отображается. Как сделать, чтобы только фон или картинка отображалась без употребления заголовка?

   Asked by Сергей_Б, April 25, 2015

   0 votes
   3 answers
6. Как скрыть блок при недостаточной высоте

   Имеем: блок 1 — с динамической высотой блок 2 — определенной высоты, виден в любом случае блок 3 — определенной высоты. Его нужно скрывать, если сумма высот 2 и 3 больше, чем высота 1. Как это лучше придумать? Спасибо.

   Asked by Artlive, July 26, 2015

   0 votes
   3 answers
7. Верстка темы Wordpress в контенте старницы

   Добрый день дорогие читатели форума! Обращаюсь к профессионалам по верстки тем на wordpress. Работаю с joomla и знаю что куда лепить, а вот с wordpress кодом практически не знаком. Хотя сам давно хотел уже для себя закрыть этот вопрос. И тут мне была поставлена задача сверстать шаблон на wordpress. Покопавшись в самом структуре кода, я понял что есть html разметка, в которую обернуты php вставки кода с выводом информации бд . Также регенерация классов происходит тоже за счет php. К сожалению разбираться с php у меня времени не так много, хотелось бы сделать все быстрее и как можно лучше. Свое внимание я обратил на редактор контента в woredpress. http://hkar.ru/FCjb …

   Asked by romenson, December 19, 2015

   • Wordpress
   • страница
   • верстка
   0 votes
   1 answer
8. Как сделать постепенное появление блоков и их обводку

   Уважаемые форумчане! Нуждаюсь в вашей помощи! Есть такой замечательный сайт http://pervolo.com/. Если прокрутить его до фиолетового блока с названием "WITH OUR CORE VALUES OF HARD WORK AND HONESTY", то можно увидеть как вокруг иконок плавно появляется круглая граница. Как это можно сделать? И еще вопрос как реализуется постепенное появление блоков с текстом, какие хорошие плагины вы для этого может быть знаете?

   Asked by alejandro13, May 24, 2016

   • js
   • css
   • jquery
   0 votes
   0 answers
9. Не работает вертикальный скрол на странице

   Ув. форумчане! Искренне надеюсь на вашу помощь в решении не самой сложной проблемы. На некоторых мобильных устройствах не работает вертикальный скрол странички. На пк все работает (если уменьшить ширину браузера), не работает именно на мобильных устройствах. Самостоятельно решить проблему не удалось, гугл не помог. Ссылка https://test.5shoes.com.ua/3/index.html Если у вас помещается вся страница на экране, то нажмите *контакты* там точно ничего не будет работать =) Заранее спасибо за помощь! Всем добра.

   Asked by 7armani7, March 18, 2017

   0 votes
   1 answer
10. Порядок при обтекании плавающего блока

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

    Asked by rasmus, September 24, 2019

    0 votes
    1 answer
11. min-height

    Ставлю блоку с контентом min-height: 936px, в хроме и опере все ок выглядит и он по высоте совпадает с меню, а в ие и фф блок на 5 пикселей больше нужного становится. Контента в блоке мало и он ничего не тянет. self::println('<div class="in_box'.($main?' main_box"':'" style="min-height:936px;"').'>'); .global_box .content .in_box {float:left; background-color:#FFF; width:100%; margin-bottom:10px; min-height:804px; border: 1px solid #DDD} на всякий случай)

    Asked by Joyfit, December 15, 2010

    0 votes
    4 answers
12. Оцените работу пожалуйста!

    Все добрый вечер. Наконец-то сверстал свой первый сайт из psd, раньше баловался просто ковыряясь в чужом коде. Я уверен что код просто ужасен а, так же сделал много чего не эффективного, то есть более сложно чем можно было, а так же не смог подобрать шрифт, а картинки не хотел вставлять, вместо текста. Прошу пожалуйста критики! Заранее спасибо! Именно по части верстки, как можно было сделать все проще! Вот сам макет Вот результат Вот Файлы

    Asked by li4e, April 17, 2013

    0 votes
    9 answers
13. Проблема с шрифтом

    http://jsfiddle.net/5HzmC/

    Asked by iKNG, May 3, 2013

    0 votes
    7 answers
14. Меню css

    Помогите переделать меню из горизонтального в вертикальное <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><meta name="author" content="styledmenus.com" /><link href="sty.css" rel="stylesheet" media="all" /></head><body><ul id="cssmenu"> <li><a href="#">Главная</a></li> <li><a href="#">О нас</a></li> <li><a href="#">Проект "Зами…

    Asked by virusn9l, November 14, 2014

    0 votes
    2 answers
15. таблицы и блоки

    В чем отличие в верстке блоками и таблицами? Почему сейчас почти никто не использует таблицы в шаблонах? Влияет ли это на скорость загрузки страницы? и Вообще?

    Asked by bobchinskiy, January 9, 2015

    0 votes
    6 answers
16. Как можно сделать адаптивной линейку превью?

    Wordpress тема Tempera галерея создается плагином Photospace Responsive Gallery у плагина есть свой CSS Выглядит все так http://selftrips.ru/2015/09/08/22115. Плагин создает галерею с превью. В настройках можно задать видимое количество превью, остальные (если есть) можно видеть промоткой. Если количество видимых привью не помещается на экране в одну строчку, они начинают рисоваться в несколько, что не очень красиво. (точнее очень не красиво) При уменьшении разрешения (т.е. при просмотре через телефон) если превью много и на большом экране они были в одну строчку, то на мобильнике - начинаются показываться в несколько. Можно ли средствами CSS заставить "лишние" прев…

    Asked by tester2014, October 10, 2015

    0 votes
    1 answer
17. Отличие отображения вёрстки в iPad и в Сhrome

    Здравствуйте. Не могу понять почему в iPad вёрстка не растягивается по всей ширине экрана, т.е. там есть горизонтальный scroll и за границами этого скролла блоки не растягиваются, а становятся фиксированными. Это лендинг и есть такой вот код: <div class="fullpage"><div class="section" id="section1"></div><div class="section" id="section2"></div><div class="section" id="section3"></div><div class="section" id="section4"></div></div>Так вот, например блок section3 шире, чем другие и из за этого получается горизонтальная прокрутка в iPad'е. На персональных компьютерах такой проблемы нету, т.к. остальные блоки подстр…

    Asked by prowoke, December 10, 2015

    0 votes
    1 answer
18. Изменения позиционирования

    Есть контейнер DIV с двумя блоками Р которые позиционированы относительно левой стенки контейнера, я захотел переместить первый блок относительно правой стенки, но не получается. Почему так происходит? <div> <p class="q1"></p> <p></p> </div> div{ width:500px; height:500px; border:1px black solid; position:relative; } p{ position:absolute; left:0; top:0; width:50px; height:50px; border:1px black solid; } div p:first-child { right:110px; }

    Asked by aqua.77, November 19, 2016

    0 votes
    7 answers
19. Элементы по центру в html5

    Всем привет! Как правильно расположить элементы по центру страницы в html 5? Читаю тут http://htmlbook.ru/html/center что <center> в html5 запрещен, тут http://htmlbook.ru/html/div/align что <div align="center"></div> тоже не айс (написано - осуждается... что?). Так как же нужно центрировать элементы в html5? У меня есть, например, input, как тогда мне поместить его по центру страницы?

    Asked by Someone, June 25, 2019

    0 votes
    5 answers
20. почему у ссылки у которой есть href="#" при нажатии на неё остается пунктирная граница

    <div class="header__nav-logo"> <a href="#">zippy</a> </div>

    Asked by victorius, November 26, 2019

    0 votes
    4 answers
21. Иконки (акцентирую) новости

    Всем добрый вечер, прошу: 1.Помочь сделать JS для того, что бы отображались иконки новости на главной странице, а точнее можно было бы выбирать иконку новости при добавлении новости, в uCoZ`e...Для этого можно взять поле $OTHER1$, что бы там была замена текстового поля на выбор изображения, как к примеру здесь...[Необходимо знание uCoz] 2.Обработать JS который мне дали на другом форуме без каких либо комментариев и соотвественно мне обсолютно не понятно что с ним делать :\ : <div id="newsIcons"> <img src="/.s/sm/1/smile.gif" id="selected" alt="icon" /> <img src="/.s/sm/1/sad.gif" alt="icon" /> <img src="/.s/sm/1/happy.gif" alt="icon" /> <img sr…

    Asked by LeoBit, November 28, 2009

    0 votes
    0 answers
22. Заполнение ячейки символами

    Здравствуйте! хотел спросить у вас каким образом можно сделать так, чтоб в ячейке после введенной суммы оствшееся пустое место заполнялось знаками "="?

    Asked by Drobot Ivan, January 29, 2010

    0 votes
    2 answers
23. Проблема с выравниванием

    Есть елемент: <input type="text" value="поиск по каталогу"> А так же стиль к нему: input { display:inline; float:left; height:28px; margin-top:6px; border:1px solid #dddddd; border-left:0; font:12px Arial, Helvetica, sans-serif; color:#6c6b6d; vertical-align:middle; } Как сделать так, чтобы во всех браузерах текст внутри елемента выравнивался по середине по вертикали? В даном случае он выводится так только в Опере. В Файрфоксе и ИЕ - выравнивается по верху

    Asked by Singer, February 15, 2010

    0 votes
    3 answers
24. Кнопка и её свойства

    Вот встретил вот такое: <html> <head></head> <body> <form action="mysql_insert.php" method="post" name="form"> <p><input name="submit" type="submit" value="Занести нового сотрудника в базу" > </form> </body> </html> Меня смущает вот это: input name="submit" type="submit" Что означает в первом, а что во втором случаи?

    Asked by people2010, July 14, 2010

    0 votes
    4 answers
25. использование смайлов и подписей в сообщениях с адресами, отличными от адреса форума

    это правда, что использование смайлов и подписей в сообщениях с адресами, отличными от адреса форума, т.е. присоединенных к сообщениям с других сайтов и форумов "тормозят" работу форума

    Asked by prosim, January 1, 2011

    0 votes
    5 answers