HTML Coding

29,542 questions in this forum

1. Хорошо использовать display: table, table-cell и table-row для div-ов?

   Люди у меня к вам вопрос, хорошо ли использовать CSS свойства display: table, table-cell и table-row для div-ов? Иногда я не могу добиться нужного мне результат без таблиц, но таблицы использовать для дизайна не рекомендуется, насколько я слышал. Об этом часто упоминается. Поэтому я попробовал такую вещь - CSS свойства display: table, table-cell и table-row т.е. вместо <table> пишу <div style="display: table">; вместо <tr> - <div style="table-row">; и вместо <td> - <div style="table-cell"> это позволяет div-ам задавать свойства как для таблиц и ячеек, это иногда очень удобно, но - есть один небольшой недостаток - IE не поддерживает …

   Asked by multio, July 21, 2008

   0 votes
   11 answers
2. Как можно реализовать раскрывающееся меню (CSS+HTML)

   Например, я хочу написать о ручке. Ручка состоит из... Стержень, корпус, колпачок, и т. д., и т. п. Чтобы пользователь видел только "Ручка состоит из...", а описание появлялось при нажатии на этот заголовок. Реализация посредством CSS и HTML, без каких-либо там JavaScripts, DHTML и т. д.

   Asked by MDM, September 22, 2008

   0 votes
   8 answers
3. Почему подключенные шрифты выглядят в разных браузерах по разному?

   Всем привет! Подключил на сайт http://flowqi.ru несколько шрифтов с помощью CSS @font-face { font-family: "Chine"; src: url('fonts/chine.eot'); } @font-face { font-family: "Chine"; src: url('fonts/chine.ttf'); } @font-face { font-family: "President Cyr"; src: url('fonts/President_Cyr_Regular.eot'); } @font-face { font-family: "President Cyr"; src: url('fonts/President_Cyr_Regular.ttf'); } @font-face { font-family: "JakobCTT"; src: url('fonts/JakobCTT_Regular.eot'); } @font-face { font-family: "JakobCTT"; src: url('fonts/JakobCTT_Regular.ttf'); } В результате в разных браузерах шрифты отображаются по разному Идеально в IE. Можно ли это победить? Может со шрифтами чт…

   Asked by VasyOK{!}, February 21, 2013

   0 votes
   9 answers
4. Как сделать блок свернуть развернуть на Jquery

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

   Asked by Виталий Диблюк, July 19, 2013

   0 votes
   2 answers
5. Длинный пробел, как поставить?

   " " Нравится наглядность и аккуратность в вёрстке. По-началу ставил 4 пробела, ибо нравилось. Но, недельку назад увидел длинный пробел, равный четырём коротким. Как его поставить стандартным способом? А то как дибил из текстового файла "ctrl+c - ctrl+v" по пробелам лишний раз щёлкать не вставляет

   Asked by mewcherry, February 27, 2011

   0 votes
   3 answers
6. Переопределение стилей bootstrap, как правильно

   Наверное вопрос покажется глупым для многих, но как в Bootstrap правильно переопределять стили? Добавляя свой новый класс: <ul class="nav nav-tabs custom-nav-tabs"> <li role="presentation" class="active"><a href="#">Home</a></li> <li role="presentation"><a href="#">Profile</a></li> <li role="presentation"><a href="#">Messages</a></li></ul>.custom nav-tabs { border-bottom: 2px solid #f00;}Или же можно сразу использовать классы bootstrap? <ul class="nav nav-tabs"> <li role="presentation" class="active"><a href="#">Home</a></li> <li role="presentation"…

   Asked by Shiza, March 3, 2015

   • bootstrap
   • framework
   0 votes
   1 answer
7. Как проверить HTML код на валидность?

   Как проверить HTML код на валидность? В Dreamweaver'е можно? Если да то где и как? (Версия Adobe Dreamweaver CS4 EN)

   Asked by kavadims, December 17, 2008

   0 votes
   7 answers
8. Ширина макета мобильной версии

   Коллеги, может это я слишком часто натыкаюсь на такое, но почему-то все дизайнеры, поголовно, делают psd темплейт для мобильной версии сайта шириной в 900px, или 700 или 800. Почемууу? Ширина айфона 320, андроида 360, я обычно на такие цифры равняюсь. Ну ладно, можно допустить, что есть более широкие мобильные разрешения, но не делать же темплейт мобильной версии шириной в 900px!!!??? Почему они так поступают и что с этим делать? Спасибо

   Asked by Alarr, February 10, 2017

   • mobile
   • phone
   • width
   0 votes
   4 answers
9. Растянуть фон DIV по высоте DIV float

   Всем привет! Много искал но так ничего подобного и не нашел о том как растянуть фоновый DIV по высоте вложенного в него элемента DIV с обтеканием! Давно с таким не сталкивался, всегда делал таблицей, но тут другой вариант, таблицей нельзя! Причем в IE все работает "нормально" - а может и на оборот Opera глючит Вобщем надо, чтоб растягивался фон! т.е. там есть зеленый фон, он должен растянуться взависимости от высоты плавающих элементов, т.е. НЕ FIX. Если решение возможно, буду очень благодарен!!! Вот пример: <!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/19…

   Asked by romlex, November 19, 2008

   0 votes
   5 answers
10. Рамка с закругленными краями ( для таблицы)

    Задача! Надо сверстать такое http://fota.mota.ru/albums/7b677767b8ffbf2...24/image/0.html я сделала так <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS&DIV...Флора & Фауна ...Домашняя страница...</title> <link href="Style21.css" rel="stylesheet" type="text/css" /> </head> <body class="m2" > <div id='container'> <table cellspacing="0" > <tr> <td width="8%" > <div id="td13"> <div id='img_t_right'> </div> </div></td> <td > <div id="td20"> <div id="l"> <div id="r"> <d…

    Asked by m2v11, November 3, 2008

    0 votes
    4 answers
11. frD-Border у input[type=button] input[type=submit] в IE

    Пишу я короче стиль для кнопки где у не? разные границы. Справа и слева по 3 пиксела, а снизу и сверху вообще 0 пикселов. В FF вс? нормально отображается, а в IE (проверял в 6 и 7) неконкретно, а т.е. кнопки отображаются с закругленными границами .. причем иногда по разному то захватывая при этом границы то нет... мне это дело типа ненужно, а нуно как в FF. Привожу код: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style type="text/css"> <!-- input { background-color: #FFCC33; border-top-width: 0px; border-right-width: 3px; border-bottom-width: 0px; border-left-width: 3px; border-right-style: …

    Asked by SoftAlex, August 5, 2007

    0 votes
    37 answers
12. Чем чревато появление в html-коде страницы двух одинаковых id и двух разных id в одном теге?

    Я начинающий админ форума на одном бесплатном сервисе и хостинге. Сервис предоставляет якобы движок форума phpbb3, однако, доступа к шаблонам не дает. И если в форуме что-то работает не так, то приходится обращаться в техподдержку с тем, чтобы программисты исправили ошибки в коде движка. А убедить в необходимости исправлений их не всегда удается. Проверяя валидность страниц своего форума, я обнаружила, следующие строчки в коде одной из страниц (в форме ответа): <button class="button2" onclick="bbstyle(54)" id="addbbcode54" onmouseover="helpline('tab')" type="button" id="addbbcode54" accesskey="" title="{L_BBCODE_TAB}"><img src="http://illiweb.com/fa/wysiwyg/tab…

    Asked by Alice, April 16, 2010

    0 votes
    9 answers
13. Как сделать непрозрачный текст в прозрачном блоке

    Пожалуйста, подскажите, как сделать непрозрачный текст в прозрачном блоке. Может, кому то приходилось решать такую задачу и у него получилось? У меня, что то никак не получается. Нашла одно решение, но оно мне не подошло потому, что содержит заданную высоту блока. Нижняя часть блока, если она не используется, скрыта. А в моем блоке закругленные края. Если нижняя часть блока скрыта, то они не отображаются, и нижние края блока получаются прямоугольными. Как с этим бороться? Помогите, плиз, кто может. Вот стиль для блока: .rightcolumn { position:relative; top: 80px; right: 30px; padding:30px; width:600px; color:#000; float:right; overflow:hidden; } .rightcolumn .trans…

    Asked by Mila, December 29, 2008

    0 votes
    12 answers
14. Tree Table CSS. Древовидная таблица

    Здравствуйте! Сделал несложную древовидную таблицу, у которой сворачиваются/разворачиваются строки. За основу взял обычное дерево http://jsfiddle.net/NZaw4/1/ , только добавил ячейки в строки. Почти правильно работающий вариант http://jsfiddle.net/cN57x/ Вопрос. Как сделать так, чтобы при раскрытии узла Проект 1, не уезжал влево блок с Задачами ?

    Asked by user89, November 27, 2013

    • Tree
    • Table
    • CSS
    • древовидная
    • таблица
    0 votes
    6 answers
15. Прижать див к низу ячейки таблицы

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

    Asked by htmlbook1, June 24, 2011

    0 votes
    28 answers
16. Кроссбраузерный спойлер по клику на CSS3

    Этот "урок" сочетает в себе все темы, поднятые ранее и видимо окончательно (или до новых модификаций языка) закрывает данный вопрос. Спойлер открывается по клику на его название и скрывается по клику в любую область за его пределами. Ничего нового, просто последовательное строение: #spoiler:focus .spoiler { display: block; } .spoiler { display: none; overflow: hidden; } <a href="#" id="spoiler">Название спойлера <div class="spoiler">информация для скрытия, появляется по клику</div> </a> Самое простое решение, которое не работает в Google Chrome вообще. Запросив на гугле: "WTF?", получил рекомендацию прописать: tabindex="1" Почему "1"? Это…

    Asked by iDrugov, October 22, 2012

    0 votes
    14 answers
17. Как сделать разделители ввиде вертикальных линий м/у несколькими <a>?

    Вопрос в следующем, есть пять идущих подряд тегов , отображаемых как блоки с фиксированной высотой и шириной. Они находятся в ячейке таблицы, которая находится в диве. Вопрос: как сделать разделители между в виде вертикальных линий? Вариант у меня один: для создать бродеры, но они отображаются и МЕЖДУ и по краям, т.е. есть две лишних полосы слева от первого и справа от последнего . (html генерируется движком и правке не подлежит, только css) браузеры: IE6, Opera9, FF2. html: <?xml version="1.0" encoding="windows-1251"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w…

    Asked by happyproff, March 29, 2008

    0 votes
    20 answers
18. Картинка внутри блока

    Есть блочный элемент, внутри которого находится текст, ширина этого элемента задана в процентах. При уменьшении окна браузера и соответственно ширины элемента текст вед?т себя нормально, т. е. передвигается внутри блока и не вылазит за границы. Проблема такая: При помещении внутрь блока (между строками текста) графической картинки, при уменьшении ширины блока меньше ширины вставленной картинки, картинка начинает вылазить за границы блока. Так вот, как это вылечить? Какие есть решения этой проблемы? Прич?м применение к блоку таких свойств как "min-width" или "overflow" здесь не прокатывает, уже пробовал. Заранее благодарен.

    Asked by max999, July 19, 2008

    0 votes
    17 answers
19. Центрирование бэкгроунда

    Суть проблемы: html <body> <div class="window"> <div class="sub-window"> — "основное содержимое" — </div> </div> </body> css .window { background: url(window_bg.jpg) repeat-y center top; } .sub-window { width: 1000px; background: url(sub_window_bg.jpg) no-repeat center top; } Имеем два блока на всю ширину экрана. У одной рисунок на 1400px у другой - 1000 по ширине. У первого повторяется по вертикали - у второго фиксирован на 200px по высоте и не повторяется. Фоны должны пиксель в пиксель стыкаваться при наложении один на другой. Изначально так и происходит. Но при ресайзе окна броузера (когда изменяешь ширину окна) - …

    Asked by DjTarik, November 11, 2009

    0 votes
    75 answers
20. Как зафиксировать Шапку сайта?

    Здравсвуйте, поскажите пожалуйста, как сделать на HTML или CSS, фиксированную шапку сайта, чтоб при прокрутке страницы она она всегда была видна. На языке HTML хотел сделать, посредством тегов <TBODY>, <THEAD> и <TFOOT> но не получилось. С помощью CSS реализовал в FireFox через POSITION, но IE 7 это не поддержал. Не подскажете, наверно через html и CSS это пока нельзя сделать?

    Asked by Avsen, June 5, 2009

    0 votes
    6 answers
21. Увеличение картинки по клику средствами CSS.

    Здравствуйте. Нашел в сети стиль для увеличения картинки по клику. Всё бы хорошо, но при наведении мыши на миниатюру, курсор не слушается команды: cursor: pointer; , отображается стрелка. Зато когда картинка увеличилась, отображается курсор: cursor: zoom-out; Так же не получается сделать рамку и тень вокруг увеличившейся картинки, использую такие команды: box-shadow: 3px 3px 5px rgba(0,0,0,0.5); border: solid 1px rgba(210,210,210,.4); Вот полный текст стиля: img.foto_smal-big { cursor: pointer; border: none; /* Убираем рамку */ margin-top: 0; margin-bottom: 10px; margin-left: 15px; margin-right: 15px; float: l…

    Asked by Kompilator, September 5, 2016

    • css
    0 votes
    5 answers
22. Как растянуть блок на оставшуюся высоту экрана?

    Допустим у нас заполнена половина экрана блоком с известной высотой, второй блок (под ним) должен растягиваться до конца экрана. Вот, хотяб приблезительно как сделать можно?)

    Asked by Razor, June 19, 2009

    0 votes
    3 answers
23. как переделать поиск на народе.

    Хочу переделать народовский поиск. Изначально предлагается три варианта поиска, хочу оставить только один по сайту. Вот код который дали на народе. <table width=468 height=30 border=0 cellspacing=0 cellpadding=0> <tr><td width=4 valign=top><img src=http://narod.ru/images/search/5/clt1.gif width=4 height=4></td> <td rowspan=3 bgcolor=6D48CD><form action=http://narod.yandex.ru/cgi-bin/yandsearch><input type=hidden name=user value=e-njoy><input type=image src=http://narod.ru/images/search/5/find.gif border=0 width=56 height=19></td> <td width=100% rowspan=3 align=center bgcolor=6D48CD><font size=-1>…

    Asked by CRANK, June 8, 2007

    0 votes
    29 answers
24. Компановка div-ов разной высоты

    Можно ли как-то разместить дивы чтобы они выглядели как на картинке? У всех одинаковая ширина и разная высота, и одинаковое(или +- 1 див) количество дивов в столбце Каждый цвет это отедльный блок Я нашел плагин для jquery http://masonry.desandro.com/ который делает что мне надо, но хотелост бы для начала обойтись без JS

    Asked by artishok, October 25, 2011

    0 votes
    9 answers
25. Как сделать так, чтобы DIV занял все свободное место?

    Смотрите, страница состоит из трех дивов с абсолютным позиционированием: Размеры первого и второго дивов заданы. Нужно сделать так, чтобы третий див занимал все оставшееся пространство экрана. Как это сделать? Дело в том, что в этом третьем диве находится картинка. Отчаявшись выровнять ее по центру, я даже поставил третьему диву атрибут align=center, но и это не помогло! По-моему это из за того, что третий див автоматически получает такую же ширину, как сама картинка.

    Asked by hooey_ru, October 6, 2008

    0 votes
    6 answers