HTML Coding

29542 questions in this forum

1. Шапки и подвал отдельным файлом в HTML

   Как подключить, например шапку и подвал сайта к уже имеющимся страничкам, чтобы не прописывать каждый раз одно и тоже на всех страницах (дабы сократить вес на пару килобайт )? Или обычный HTML такое не умеет? Только xHTML?

   Asked by B-Real, May 19, 2012

   0 votes
   5 answers
2. Кроссбраузерный select

   Здравствуйте, подскажите, есть ли решение для IE8-9, Opera как убрать стрелки в select?

   Asked by Lady_V, November 19, 2015

   0 votes
   4 answers
3. Вопрос по дримвиверу.

   Допустим, у меня есть style.css и пять страниц, где он используется. Можно ли в дримвивере как-то указать, что данный style.css связан с перечисленными пятью страницами, а затем при изменении имени класса он должен автоматически меняться на этих пяти страницах без их обязательного открытия в программе. Например, есть класс menu, я его меняю на menu01, после чего программа автоматом меняет название этого класса в связанных файлах. Конечно, она их будет как-то открывать для замены, но суть в том, чтобы их не надо было открывать сразу при правке css. Файлов-то может быть 100 или 1000. А так поменял название класса, нажал кнопку заменить во всех связанных и пошло. Такая возмо…

   Asked by thekap, March 7, 2010

   0 votes
   6 answers
4. Наследование стилей в таблице

   Хотел сделать рамку таблицы, нашел в стилях 'border: 1px solid gray;' , как можно сделать чтобы вложенные таблицы не наследовали свойство?

   Asked by gm0, July 28, 2010

   0 votes
   9 answers
5. Криво. Предварительный просмотр страницы при печати

   Привет всем. Не могу понять, в чем проблема. Есть страница http://www.domzagranicey.com/catalog/offer/index.php?ID=4 Подключил файл для печати: http://domzagranicey.com/css/print_details.css Если отправить эту страницу на предварительный просмотр перед печатью и поставить печать 100% ширины, то первый лист почти пустой, только логотип виден и карту становится не видно. Вроде бы float везде убрал, где это мешало.

   Asked by BassEast2, August 18, 2010

   0 votes
   3 answers
6. Select видоизменение

   Добрый день люди добрые Есть поле select, хотелось бы чтобы при раскрытии, под каждым пунктом было пояснение такого вида: как это можно реализовать? помогите пожалуйста.

   Asked by brendmaster, February 15, 2012

   0 votes
   3 answers
7. Проблема с рамкой у body

   Привет! Пытаюсь сделать рамку для body, т.е. рамку у всей страницы документа. Мне нужно чтобы она имела отступ в 15px от края, причем содержимое страницы обрезаться не должно. Если я указываю у body свойства border и padding, то содержимое соответственно обрезается по краям. Добавлял новый тег в начале страницы, рамка отображается как нужно, но из-за структуры сайта не могу с позиционировать содержимое поверх этого нового блока. Какие есть способы добавления такой рамки к странице? http://s010.radikal.ru/i312/1508/f7/742465e57832.png Спасибо

   Asked by horprogs, August 28, 2015

   • border
   • body
   0 votes
   9 answers
8. передать значение href в src фрейма по нажатию на одну из ссылок

   Доброго времени суток, помогите сообразить конструкцию. Есть ссылки, например: <a href="one.html" target="modal">link 1</a> <a href="two.html" target="modal">link 2</a> <a href="three.html" target="modal">link 3</a> И сам фрейм: <iframe name="modal" src="0" id="modalfrm"></iframe> Как по нажатию на ссылку открыть во фрейме ее href="" (при этом оставаться на этой же странице) я сообразил. Не могу сделать модальное окно с фрейма используя только css Есть варианты? Хотелось бы увидеть ваш подход к этому делу. Нашел один из способов сделать модальное окно "CSS Only" Ссылка открывающая модальное …

   Asked by karakymg, January 26, 2017

   • a href
   • target
   • iframe
   • modal
   0 votes
   0 answers
9. Насколько в современной верстке важен pixel perfect

   Форумчане, хотел у вас узнать насколько важен pixel perfect в современной верстке. Верстаю учебный макет, дизайнер сделал его вполне красиво, но когда верстаешь - падинги у элементов везде разные (допустим внутри списка у элементов li), либо margin в блоках, и таким моментов море........такое чувство что когда дизайнер рисовал макет, он особо не заморачивался и пихал на глаз, и мне приходится для каждого из элементов списка допустим использовать nth-child, пытаясь добиться попиксельного сходства с макетом родителем. Скажите, по вашему опыту, все это дрочь? Или есть такие заказчики которые требуют идеальной совместимости? Или все же хватает красоты и 100% сходства добивать…

   Asked by Goreska, April 10, 2018

   • html
   • css
   • bootstrap
   0 votes
   1 answer
10. text-indent и тег <p>

    Здравствуйте гуры вёрстки Я давно верстаю сайты и у меня всегда есть проблема с отступами параграфов. Хочу использовать тег<p>, пишу: <p class="italic" style="text-indent:30px;"> В этом случае появляются отступы сверху и снизу. display:inline убирает все отступы, в том числе и те, что появляются от text-indent Как же быть? Использовать тег <div>?

    Asked by mff, April 14, 2010

    0 votes
    5 answers
11. Таблицы сильно тормозят браузер?

    Всем привет. Мне тут понадобились элементы типа кнопок с закругленными концами, я все сделал с помощью таблиц. Первая и последняя ячейки картинки, по центру контент. Кнопок таких достаточно много на странице. Может имеет смысл вместо таблиц использовать что то другое? я просто полный новичок и мне с таблицами проще пока работать, а на других сайтах вижу что дивы / списки и проч. хрень используется. И еще один вопрос. У меня есть таблица на весь экран, когда размер окна меняется, я удалаю/добавляю к ней новые столбцы/строки по необходимости. Как то притормаживает это, есть ли возможности сделать подобное на дивах? Спасибо большое за помощь

    Asked by maximspb, July 21, 2010

    0 votes
    8 answers
12. как сделать сайт по центру ?

    Привет, помогите пожалуйста, ка сделать шаблон по центру ? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Untitled</title> <style> TD{ font-family:verdana; font-size:8pt; } a{ text-decoration:none; } </style> </head> <body topmargin="0" rightmargin="0" marginwidth="0" marginheight="0" leftmargin="0" bottommargin="0"> <table width="100%" cellspacing="0" cellpadding="0" border="0" height="100%"> <tr> <td valign="top" colspan="3"><img src="images/top.jpg" border="0" width="377" height="186" alt=""><img src="images/name.jpg" border="0" width="389" he…

    Asked by igorif, August 7, 2010

    0 votes
    1 answer
13. Выравнивание по центру списка

    Есть меню, пытался выравнить текст по центру, в итоге в фф и опере ничего не получилось. Подскажите. html <div id="nav_green"> <div id="left_green"></div> <div id="right_green"></div> <div id="menu_green"> <ul id="nav_ul"> <li class="nav_top_li"><a class="nav_li" href="#">Уход за волосами</a></li> <li class="nav_top_li">|<a class="nav_li" href="#">Стайлинг</a></li> <li class="nav_top_li">|<a class="nav_li" href="#">Уход за лицом</a></li> <li class="nav_top_li">|<a class="nav_li" href="#">Уход за телом</a>&l…

    Asked by Gleb-k, January 3, 2011

    0 votes
    16 answers
14. Изменить стандартный select

    Нужен такой select Почти сделал, но старые стили у select убрать не могу. Может кто знает как это сделать? http://codepen.io/anon/pen/EVrOaq

    Asked by yaparoff, November 17, 2015

    • select
    0 votes
    4 answers
15. В бутстрап-форме делаю отступы в 2 колонки слева и справа

    Всем привет, В бутстрап-форме делаю отступы в 2 колонки слева и справа с помощью col-sm-offset-2 и .col-xs-offset-right-2 и в стилях определив: .col-xs-offset-right-2 { margin-right: 16.66666667%; } Внизу формы группа кнопок выравненные вправо и возник вопрос а как сделать отступ справа в 2 колонки col-sm-offset-right-2 в этом случае не помогает https://jsfiddle.net/e214b0ab/18/ Выложив на фиддл, увидел, что он для колонок отступы справа не отображает хотя у меня и chrome и ff отступы справа отображаются нормально http://i.imgur.com/HdVXxvk.png Спасибо !

    Asked by mstdmstd, June 2, 2016

    • bootstrap offset
    0 votes
    3 answers
16. Значения классов

    Народ все с новым годом! Подскажите пожалуйста по следующей проблеме. Что означают множественные значения классов? Например: <div class="flipster flipster-active flipster-carousel" или <section class="mbr-section mbr-section-hero и так далее.

    Asked by bobb, January 4, 2017

    • классы
    0 votes
    11 answers
17. что делает атребут "azimuth" подскажите

    что делает атребут "azimuth" подскажите

    Asked by artdizz, March 8, 2008

    0 votes
    2 answers
18. Рамка картинкой вокруг элемента img

    Как сделать рамку вокруг элемента img картинкой, чтобы она его обтекала. При увеличении картинки, расширялась?

    Asked by tatishka, May 7, 2008

    0 votes
    5 answers
19. Подскажите по расположению div'ов в строку

    Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> </title> <style type="text/css"> html,body { padding:0; margin:0; height:100%; width:100%; } body { font: 14px "Arial"; } p { padding: 0; margin: 0 0 7px 0; } img { border:none; } .blockleft { text-align: left; clear: both; margin: 0 0 20px 10px; } .innerblock { float: left; border: black 1px dotted; position: relative; white-space: nowrap; text-align: center; margin: 5px 10px 5px 0; padding: 5px; } .innerblock * { position: relative; margin: 0 auto; } </style>…

    Asked by Searcher, November 17, 2008

    0 votes
    5 answers
20. Очень нубский вопрос по HTML =)

    Вобщем есть 2 кода счётчика, назовём их "X" "Y" Нужно сделать чтобы они шли не друг под другом, когда я ввожу в модуле Joomla 1.5.14 произвольный HTML код, а в строчку Всё это должно быть в div'е Заранее спасибо =)

    Asked by Duveloper, August 26, 2009

    0 votes
    11 answers
21. HTML якорь

    Есть тяжелый сайт с тяжелыми страницами. Внизу каждой страницы есть информация об объекте с 4 вкладками, при нажатии на 1 из 4ех вкладок происходит перезагрузка всей страницы с изменением только снизу страницы. Цель: сделать так, чтобы при нажатии на 1 из этих 4ех вкладок страница перегружалась и сразу перематывалась вних снова до этих четерых вкладок. Вероятно тут надо использовать якоря, но как сделать так, что все было автоматически после загрузки не понятно. Может нужно js использовать? С удовольствием выслушаю Ваши идеи. Спасибо.

    Asked by slipkahh, June 5, 2010

    0 votes
    3 answers
22. Проблема с футером и экста пустым местом справа

    Всем привет! Собственно проблема: не могу понять откуда взялась горизонтальная прокрутка, и справа появилось пустое место; второе какой все таки наиболее изящный способ прижать футер к низу, желательно без растягивания body. Также хотелось бы услышать критику Swetlan'ы, PsyWalker'a (на этот раз верстал без чрезмерного использования позиционирования) и других понимающих людей, как и где можно было сделать красивее, быстее и проще. Вот собственно сайт: http://choiceimaging.co/ Заранее спасибо

    Asked by rusmn, March 3, 2011

    0 votes
    18 answers
23. Резиновый сайт по центру экрана

    Задача: сделать резиновый макет сайта, расположенный по центру. Сделать фиксированный макет по центру, например шириной 960 пикселей, не трудно. На мониторах с шириной 1024 и 1280 такой сайт будет смотреться хорошо, но вот на мониторах с шириной 1680, и тем более 1920, уже не устраивает. Хотелось бы, что бы на больших расширениях сайт растягивался допустим до 1200 пикселей (не будем трогать тему удобочтения длинных строк), а на маленьких (1280, 1024) 960. Или как-то пропорционально растягивался с ростом расширения. Недорешений несколько: 1. Как предлагают в большинстве статей: сделать сайт на всю ширину экрана. Такой вариант сразу отпадает. 2. Прописать свойства min-widt…

    Asked by bob_24, September 9, 2011

    0 votes
    6 answers
24. jQuery grayscale

    Использую на сайте данный скрипт https://github.com/josefrichter/jquery-grayscale Картинки у меня jpg. Проблема в том что при загрузке страницы, все равно "моргают" цветным фото, а иногда вообще не видно их. После втрой загрузки страницы более или менее работает. На медленно интернете вообще проблема. Куда копать? Может есть другие решения? Спрайт из картинок не предлагать, это вариант не подходит. Буду очень благодарен за пинок в нужном направлении.

    Asked by okunev2, April 3, 2013

    0 votes
    22 answers
25. Растягивание изображения на весь экран

    Господа, прошу прощения за ламерский вопрос (я не спец в html совсем), но подскажите, пожалуйста, по каким причинам вот этот код <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Background</title> <style> body { background: url(https://content.screencast.com/users/immick6307/folders/Snagit/media/43d76d9a-3476-4bb7-ac03-185a3ec097bb/12.14.2021-12.42.png) no-repeat; -moz-background-size: 100%; /* Firefox 3.6+ */ -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */ -o-background-size: 100%; /* Opera 9.6+ */ background-size: 100%; /* Современные браузеры …

    Asked by The_Immortal, December 14, 2021

    0 votes
    11 answers