HTML Coding

29542 questions in this forum

1. Как закрасить отступы margin ?

   Доброго времени суток! Подскажите пожалуйста, как закрасить отступы margin? есть главный блок, он закрашен фоном. Далее в этом боке создаю еще один и назначаю ему отступ margin-left: 20px; Но при просмотре в опере или ie7(на других пока не смотрел) пропадает часть фона как раз на ширину отступа. Как уколоть эту ошибку?

   Asked by viv, December 16, 2010

   0 votes
   19 answers
2. как убрать картинку на задний план

   Вот у меня получается сверстать а нужно вот так Можно ли на задний план поставить те две ленточки??? (есть слои этих ленточек)???

   Asked by Daniil Khanin, April 23, 2014

   • img
   0 votes
   6 answers
3. Как привязать размер шрифта к ширине блока в адаптивном шаблоне?

   Коллеги, подскажите, пожалуйста, как привязать размер шрифта к ширине блока в адаптивном шаблоне? Мне нужно, чтобы при уменьшении окна браузера, уменьшался размер шрифта. Как правило, это исполняет jquery.fittext.js, но не в параметре value тега input. Есть решение?

   Asked by ludlila72, November 13, 2013

   • шрифт
   0 votes
   6 answers
4. Проблема с отображением опросов

   У меня в шаблоне плохо отображаются опросы. Вот скрин: Слишком большой отступ между вариантами ответов. Как можно это исправить? Вот файл default.css: html,body {font-size:11px; color:#5a5a5a; font-family:tahoma; background:#262a2d;} * {margin:0; padding:0;} img {border:0px;} div {vertical-align:top;} ul {list-style:none;} form {padding:0px; margin:0px;} h1 {letter-spacing:-1px; font-weight:normal; font-size:22px;} textarea {border: 1px #dadada solid;} input {font-size:11px; color:#666; padding: 3px 0 0 3px;} button {color:#666;} #wrapper {width:expression((documentElement.clientWidth||document.body.clientWidth)<1004?'1004px':''); min-width:1004px;} *:first-child+…

   Asked by Liciero, November 16, 2008

   0 votes
   2 answers
5. заголовок нестандартным шрифтом

   Здраствуйте, скажите плиз возможно ли сделать заголовок сайта каким-нить своеобразным шрифтом, но чтоб не картинкой, а именно текстом (для оптимизации), а файлик с этим шрифтом например положить где нить в корне?

   Asked by vovan, May 23, 2007

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

   Хочу переделать народовский поиск. Изначально предлагается три варианта поиска, хочу оставить только один по сайту. Вот код который дали на народе. <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
7. Хорошо использовать 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
8. Ширина макета мобильной версии

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

   Asked by Alarr, February 10, 2017

   • mobile
   • phone
   • width
   0 votes
   4 answers
9. gulp sass, не работает @import

   Может кто сталкивался с подобным, не могу импортировать другие sass файлы в основной (main.sass) К примеру подключение стилей файла reset.sass: @import "test/reset"После запуска компилятора, появляется ошибка Гуглил, предлагают вставить строчку includePaths: ['./styles'],либо плагины. Но почему-то всё равно не получается(( gulpfile var gulp=require("gulp");var sass=require("gulp-sass");gulp.task('sass', function() { return gulp.src('work-build/sass/*.sass') .pipe(sass({ includePaths: ['public-build/css'] //это строка, которой предлагали лечить данную проблему, но всё равно не работает, может я неправильно путь указываю })) .p…

   Asked by VeniVidiVici, December 10, 2015

   • gulp
   • sass
   • @import
   0 votes
   16 answers
10. Как проверить HTML код на валидность?

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

    Asked by kavadims, December 17, 2008

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

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

    Asked by MDM, September 22, 2008

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

    Всем привет! Подключил на сайт 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
13. Есть вопросы по сайту. Помогите!

    Вот мой сайт: http://www.kolpino-remont.ru/ А вот вопросы: 1. Как сделать чтобы шапка сайта растягивалась по размеру окна? И чтобы она на сайте была 100% от своего размера. 2. Как в списке рубрик строку "Каталог организаций" сделать чтобы она не выделялась при наведение курсора? 3. Как отступ текста до рамки в последней строчке списка увеличить? 4. Как счетчик сместить в право? Если еще найдете глюки напишите. Буду очень благодарен.

    Asked by SYS1984, January 27, 2011

    0 votes
    96 answers
14. Отступы

    Всем здрасте! Вобщем возникла такая вот проблемка - надо сделать отступы например в 10px у главного блока,но когда я назначаему ему эти отступы например: <div style="width:100%;height:100%;margin: 10px;"></div> ,то появляется вертикальная полоса прокрутки. В чём проблема?И как сделать так что бы это полосы не было? Для наглядности выкладываю скрин того что должно получиться

    Asked by Cabalist, June 17, 2009

    0 votes
    58 answers
15. Растянуть фон 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
16. Длинный пробел, как поставить?

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

    Asked by mewcherry, February 27, 2011

    0 votes
    3 answers
17. Как фон сайта сделать градиентом?

    Хочу что бы фон у body был градиентом и при этом с рисунком что то вроде этого: Подскажите можно ли так сделать? Проблема в том что если бы я знала длину страницы то вырезала бы полоску и размножила, но особенность бекграунда повторяться и если после светлой картинки опять начнется затемненная, то это будет не красиво Думаю что можно было бы сделать маленькую картинку которую размножить на весь бекграунд а на нее наложить прозрачный фон с градиентом например до середины. А вот как это сделать... Можно ли с помощью css такое осуществить?

    Asked by Yellowcat, April 2, 2008

    0 votes
    36 answers
18. Переопределение стилей 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
19. Как сделать блок свернуть развернуть на Jquery

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

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

    0 votes
    2 answers
20. 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
21. Картинка внутри блока

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

    Asked by max999, July 19, 2008

    0 votes
    17 answers
22. боковины

    Хочу попросить совета. Я хочу сделать у себя графичиские боковинки для сайта (узоры). Я слышал, что footer страницы прикрепляют с помощью JavaScript или CSS. Нужно ли, что-то подобное для боковинок?

    Asked by Lautes, May 18, 2007

    0 votes
    34 answers
23. Как сделать разделители ввиде вертикальных линий м/у несколькими <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
24. Чем чревато появление в 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
25. Как сделать непрозрачный текст в прозрачном блоке

    Пожалуйста, подскажите, как сделать непрозрачный текст в прозрачном блоке. Может, кому то приходилось решать такую задачу и у него получилось? У меня, что то никак не получается. Нашла одно решение, но оно мне не подошло потому, что содержит заданную высоту блока. Нижняя часть блока, если она не используется, скрыта. А в моем блоке закругленные края. Если нижняя часть блока скрыта, то они не отображаются, и нижние края блока получаются прямоугольными. Как с этим бороться? Помогите, плиз, кто может. Вот стиль для блока: .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