HTML Coding

29,542 questions in this forum

1. background

   Вроде как все свойства написаны тут: http://htmlbook.ru/css/background.html Но. Видел на одном сайте как было задано background:url и потом background-color. И на сайте был и фоновый цвет, и фоновый рисунок. Помучился со своими css, вроде как получилось: background:url('../image/bg.gif') repeat-x; background-color:#1F6499; Если поменять надписи местами - будет только image. Почему? Так же хотелось бы узнать более подробную информацию о количестве правил на background и какие законы их "указания" что бы они не уничтожали друг друга. Если нужно что бы какой то фоновый рисунок располагался по левой части body - нужно указать repeat-y А как указать рисунок который repeat-x…

   Asked by Walk, April 30, 2008

   0 votes
   20 answers
2. Позиционирование фона

   Есть страница, а в ней div у котого class "page" .page { width: 100%; background: no-repeat url(/images/skate.jpg); background-position: center top; } Соответственно он выравнивается по центру, но надо по центру но со сдвигом вправо, например на 250px. Возможно ли сделать отступ в фоне? Подскажите, как это сделать.

   Asked by CCron, November 17, 2009

   0 votes
   13 answers
3. Растянуть svg на весь экран

   Привет. Подскажите, пожалуйста, как растянуть svg на весь экран и возможно ли это вообще. Например, есть svg как в приложении (truba.svg), может быть ситуация, что таких svg будет несколько (естественно, объединенных в одну). svg на страничке отображаю следующим образом: <object id="svg_id" type="image/svg+xml" width="1024" height="768" data="svg_name.svg"></object> Также, если кто знает, подскажите, что можно/нужно почитать для решения следующей проблемы: есть на страничке svg, например, на svg нарисована кнопка, и если нажать на эту кнопку, происходит какое-то событие, на которое js реагирует. Спасибо.

   Asked by ioprst, March 13, 2018

   • html
   • svg
   0 votes
   2 answers
4. Выпадающее меню не работает в IE

   Выпадающее меню не работает в IE. Во всех остальных браузерах выпадает. Помогите решить проблему. <div id='navbarmenuleft'> <ul id='nav'> <li><a expr:href='data:blog.homepageUrl'>Главная</a></li> <li><a href='#'>About</a> <ul> <li><a href='#'>Sub Page #1</a> </li> <li><a href='#'>Sub Page #2</a></li> <li><a href='#'>Sub Page #3</a></li> </ul> </li> <li><a href='#'>Services</a></li> <li><a href='#'>Portfolio</a></li> <li><a href='#'>Contact</a></li> …

   Asked by kitenok888, May 30, 2012

   0 votes
   7 answers
5. Bootstrap: проблема с фиксацией блока ( affix)

   Приветствую коллеги! Пытаюсь с помощью Bootstrap сверстать меню которое прокручивается до верхней границы экрана и там фиксируется. В Bootstrap для этого есть специальный класс affix ( http://twitter.githu...ript.html#affix ) Вертикальную фиксацию сделал, но не могу решить проблему с шириной. До фиксации ширина одна, после фиксации - другая. Хотя величина в свойствах стоит одна и та же (23.4... %) До фиксации: .row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; } После фиксации: .affix { position: fixed; top:0; width: 23.404255319148934%; /* *width: 23.351063829787233%;*/ } Ширина родительского элемента совпадает. Так в чём же проблема? Го…

   Asked by Devvega, March 15, 2013

   • bootstrap affix
   0 votes
   2 answers
6. Как растянуть страницу?

   Оброзовалась проблема,нужно растянуть страницу под разрешение экрана,т.е. чтобы страница автоматически растягивалась под разрешение экрана.Стоит фон страницы картинка.

   Asked by vl@dvk, July 8, 2007

   0 votes
   9 answers
7. nobr или nowrap как убрать отступы между елементами?

   <div style="white-space:nowrap; margin:0; padding:0;border:0;"> <img src="menu_l_13.gif" height="85" width="184" margin="0" padding="0" border="0"> <img src="zag_14.jpg" alt="term paper" height="85" width="450" margin="0" padding="0"> </div> или </nobr> <img src="menu_l_13.gif" height="85" width="184" margin="0" padding="0" border="0"> <img src="zag_14.jpg" alt="term paper" height="85" width="450" margin="0" padding="0"> </nobr> как убрать откступы

   Asked by newbigmir, September 4, 2007

   0 votes
   4 answers
8. При верстке в utf-8, IE-6 как-будто не видит css...

   Привет. Такая проблема, есть страница к примеру. В header'e расположены 2 блока ? 1. лого 2. правый блок, расположенный по правому краю. Если заметить, кодривка стоит - utf-8, при этой кодировке IE-6 как будто не видит стилей..т.е. правый блок не выравнивается по правому и что бы я не делал, какие бы стили я не прописывал в CSS, он их игнорирует, а если прописать их в самом div'e то все нормально... и ЕЩЕ ! когда я меняю кодировку на windows-1251, то УРА, ЗАРАБОТАЛО! В чем дело? Нужно разобраться... и надрать этому IE его наглый зад!) CSS body { margin: 0; padding: 0 15px 0 15px; font-family: Arial; font-size: small; background: #fff; color: #404040; background: url(..…

   Asked by Sotnikov, May 6, 2008

   0 votes
   3 answers
9. Фиксирование

   Добрый день всем! Я начал верстать макет, в задании сказано: Т.к. я новичёк, мне хотелось бы узнать, что это и как это сделать? Насколько я понял это делается вот так: body { background: #ffffff; background-image: url(images/bg.gif); width: fix; height: fix; }

   Asked by Feers1de, September 17, 2011

   0 votes
   54 answers
10. Ссылка экзотической формы (не прямоугольная)

    Доброго времени суток, уважаемые форумчане. Впервые постю в форум на htmlbook. Заранее прошу прощенья, если что-то не так. Поправьте, исправлюсь. Ставлю себе задачу, научиться делать ссылки произвольной формы . Действительно произвольной. При этом хотелось бы уметь отслеживать наведение курсора на ссылку, делать ее активной и т.д. Начну, пожалуй, с треугольников, трапеций и т.д., но в итоге хочу вот такую: (кусок бублика : ) Проблема: не знаю, с чего начинать. Гуглится задача очень тяжело, ибо результаты это геометрия для школьников со словами "ссылка на учебник" . Решение на уровне логики: мне в голову приходят два решения. 1) JavaScript с запрограммированным алгоритмом…

    Asked by Cypher76, September 21, 2011

    0 votes
    7 answers
11. ссылка на вклаку страницы

    Вопрос наверное простой. Есть страница index.html и на ней меню сделанное в DW CS3 (Spry Tabbed Panels), т.е. на странице много вкладок . Как можно сделать прямую ссылку на определенную вкладку в странице? Ведь адрес то страницы один ... index.html.

    Asked by tamias, February 15, 2008

    0 votes
    9 answers
12. TD height в IE

    Незнаю, может я уже что-то не то сделал (хотя вроде ничего такого не заметил), но смысл заключается в том, что есть таблица в высоту 100% из 3 строк, в верхней и нижней указано значение в пикселях, а центральная - высота не указана, следовательно, должна занать все остальное пространство (что опера, файрфокс, хром и сафарик успешно делают), а ие - растягивает все строки чтобы они равное пространство заняли Скрин: Собственно код: http://86.110.182.2

    Asked by xXDeMoNXx, February 14, 2010

    0 votes
    25 answers
13. как правильно написать шапку сайта

    Помогите правильно написать шапку сайта, столкнулся с проблемой что шапка идет в 2 строчки а не в одну. вот текст <html> <body> <style> .heade { background-image:url(img/headcenter.jpg); width:100%; } </style> <p>Шапка) <div class="heade"> <img alt="" src="img/headleft.gif"> <img alt="" src="img/headright.gif" style="float: right;"> </div> </body> </html>

    Asked by SID, December 14, 2010

    0 votes
    10 answers
14. Для со-овсем начинающих

    Всем привет! Ребята,подкиньте более-менее приличный учебник по html, плиз... А то вечно попадается какая-то чушь.

    Asked by telemaster, January 24, 2011

    0 votes
    23 answers
15. Рисование российского флага

    Вот мой код http://cssdeck.com/labs/dizfkrgu Какой ещё способ есть, что бы нарисовать флаг не изменяя HTML файл? У меня нормальный способ?

    Asked by DivMan, May 27, 2014

    0 votes
    15 answers
16. Проблема с repeat

    Привет У меня возникла проблема со свойством repeat Мне нужно чтобы этот рисунок был фоновым изображением body (не html) и при этом чтобы position было bottom. Но он вообще не отображается на моей старнице. Подскажите пожалуйсто в чем дело: Link: www.helpeks.ru/ex/noname1.htm CSS: html {background-image:url(images/bg_html.jpg); background-repeat: repeat-x; background-position: top; } body {background-image:(images/bg_body.jpg); background-repeat: repeat-x; background-position: bottom; width: 100%; }

    Asked by Kev, September 5, 2007

    0 votes
    13 answers
17. IE — говно

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns='http://www.w3.org/1999/xhtml' lang='ru' xml:lang='ru'> <head> <style type="text/css"> ul li, ul li img { display: block; margin: 0; padding: 0; line-height: 0; height: 22px; width: 120px; } ul { margin: 0; padding: 0; list-style: none; } ul li { background: green; } </style> </head> <html> <div> <ul> <li><img src="" alt="234234"></li> <li><img src="" alt="234234"></li> <li><img src="" alt="234234"></li> …

    Asked by homm, April 24, 2009

    0 votes
    19 answers
18. Margin И Padding

    Дорогие друзья, добрый день! Я не могу разобраться в чем разница между margin'ом и padding'ом. Я конечно понимаю, вопрос глупый. Сам если использую, то, только копипастом. Я понимаю, что padding расширяет весь элемент, а margin - не элемент (как то так) Это можно увидет, если задать фоновый рисунок, или цвет. Но в принципе что лучше использовать, ведь отступ так и так есть. Хотелось бы услышать вашего ответа. Спасибо.

    Asked by Igorpurgen, September 6, 2010

    0 votes
    8 answers
19. body и свойство background

    Задача: фиксированный макет в тысячу пикселей шириной, в правом верхнем углу макета - картинка фоном. body сделано как {width: 1000px; margin: 0 auto;}, но фон по-прежнему задаётся так, как будто body занимает всё окно. Мне такое поведение кажется архистранным, но тем не менее. Выход - только дополнительная обёртка?

    Asked by Gaspode, April 2, 2011

    0 votes
    33 answers
20. Как лучше сверстать блоки разной высоты на Bootstrap?

    Прошу прощения за мой дилетантский вопрос: Есть макет сайта вот такого плана (картинка во вложении). Все блоки на сайте размещены сеткой, у каждого блока высота равна или x, или 2x, или 3x, ширина тоже - y, или 2y. Пробую сделать на Bootstrap, но, из-за высоты, бутстрап размещает 4-й блок не под 2-м, а под первым, с новой строки. Пример: https://www.codeply.com/go/dwyEv5gprw Подскажите, как решить данный вопрос? Заранее спасибо!

    Asked by VeraVostro, April 27, 2018

    • css
    • bootstrap
    0 votes
    3 answers
21. КАК ЗДЕЛАТЬ ЧТОБЫ ПРИ НАВЕДЕНИИ МЫШКИ НА КАРТИНКУ ПРИГРЫВАЛСЯ ЗВУК

    Как Зделать Чтобы При Наведении Мышки На Картинку Пригрывался Звук

    Asked by lexa, February 7, 2008

    0 votes
    12 answers
22. Текст по разным сторонам div

    Хочу спросить тривиальную задачку на которую я не знаю правильного ответа. Наглядный пример того что должно быть, если не понятно чтото пишите думаю опишу Есть простой div(резиновый 100%) внутри его есть два куска тектста один кусочек должен быть прижат к левой стороне, вотрой должен быть прижат к правому краю. Все элементарно как бы, но у меня не выходит в точности как нужно. Посоветуете пожалуйста как это можно сделать. Также хотел спросить почему если сделать два блока одному задать float:left, а второму float:right. Заведомо сделать ширину блоков чтобы они поместились в одну строку(на одном уровне) монитора тогда в ie6 блоки располагаются как нужно слева один бл…

    Asked by voooodoo, December 27, 2009

    0 votes
    3 answers
23. Как взять нужные стили для блока?

    Есть какой-то блок в готовой верстке. Мне надо взять его HTML и CSS, кторый используется при его построении. HTML "слить" не проблема при помощи Firebug, а вот как забрать только нужные стили? Есть ли какие-то способы?

    Asked by milax, October 20, 2009

    0 votes
    10 answers
24. переход между страницами

    возможно ли сделать такой интересный переход влево вправо между страницами на хтмл? например как на сайте http://luxedeco.ru/ www.igorpronin.ru если да то как? скиньте примеры кода, скрипты, файлы

    Asked by Deca, April 15, 2010

    0 votes
    2 answers
25. Радиус скругления в Photoshop

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

    Asked by aaron, July 29, 2012

    0 votes
    2 answers