HTML Coding

29,542 questions in this forum

1. Мотивирующий топик для заказчиков о изящной деградации

   Здравствуйте. Я попрошу ссылки на статью, где было бы объяснено именно для заказчика, почему изящная деградация хорошо, а костыли для ие8 это плохо. Если нет статьи, то предлагаю собрать здесь все мысли форумчан воедино, чтобы можно было из этого создать хорошую статью и уже давать ссылку для заказчика, который еще не в курсе, что это такое и хочет везде круглые уголки и прозрачность. Итак сочинение на тему - почему изящная деградация это хорошо? (представьте, что объясняете заказчику) ....

   Asked by Zverushka, December 16, 2013

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

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

   Asked by voooodoo, December 27, 2009

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

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

   Asked by telemaster, January 24, 2011

   0 votes
   23 answers
4. Gif анимация и курсор

   Всем привет! Ситуация такая. Есть код (из урока), благодаря которому при наведении мышью на картинку, она появляется сбоку увеличенная и при этом анимированная на пару секунд. Если курсор убрать с картинки, то анимацмия вынужденно преращается, так как gif, собственно, исчезает =) Может ли кто нибудь помочь подправить код, чтобы после отвода мышы гифка проигрывалась до конца, а уж потом изчезала? Заранее благодарю! <STYLE type=text/css> .bar A { DISPLAY: inline } .bar A SPAN { DISPLAY: none } .bar A:hover SPAN { DISPLAY: inline; right: 30px; POSITION: absolute } .bar A:hover { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; COLOR: #f90…

   Asked by Jex, November 28, 2007

   0 votes
   2 answers
5. Margin И Padding

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

   Asked by Igorpurgen, September 6, 2010

   0 votes
   8 answers
6. TD height в IE

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

   Asked by xXDeMoNXx, February 14, 2010

   0 votes
   25 answers
7. Не работает выпадающее меню на CSS

   Есть кнопка Online (.ostatus .button), при наведении мыши на которую должно выпадать меню (.ostatus ul), но ничего не происходит. Делал по готовым примерам в интернете - тоже ничего. HTML: <div class="ostatus"> <div class="button"><span class="status online"></span> Online <span class="caret"></span></div> <ul> <li><span class="status online"></span> Online</li> <li><span class="status offline"></span> Offline</li> </ul> </div> CSS: .ostatus .button {position:relative} .ostatus ul {position:absolute;width:130px;left:-9999px} .ostatus .button…

   Asked by iBars, September 5, 2016

   • меню
   • css
   0 votes
   7 answers
8. ссылка на вклаку страницы

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

   Asked by tamias, February 15, 2008

   0 votes
   9 answers
9. логотип в шапке

   Есть 3 картинки нужно чтобы они все были в шапке(резиновой) по центру.При наведении на каждую картинку должно появлятся слово и оставаться.К каждой картинке своё слово .Как это реализовать? http://itmages.ru/image/view/229056/d046e59a

   Asked by Rambo2045, July 11, 2011

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

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

    Asked by aaron, July 29, 2012

    0 votes
    2 answers
11. Форма обратной связи HTML/PHP

    Всем доброго времени суток. Я новичок в верстке, и у меня возник вопрос по поводу форм. Сверстал простейшую форму, запрашивающую имя, мыло и текст сообщения. Потом понял, что она сама по себе не будет работать. Прошерстил интернет, понял, что нужно использовать php. Нашел готовый скрипт php для формы. Маленько разобрался в нем, поменял названия атрибутов name, где надо. Однако форма то выдает иероглифы, то ошибки. А письма совсем не отправляет. Сайт, на котором форма, находится на бесплатном хостинге на hostinger. Файлы сайта index.html и скрипта mail.php лежат в одной папке public-html. Форма: <form class="feedback-form" action="mail.php" method="…

    Asked by Elijah, April 26, 2016

    • html
    • php
    • form
    0 votes
    2 answers
12. Как лучше сверстать блоки разной высоты на 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
13. IE-6

    Приветствую. У меня IE-6 не отображает картинку: h1 { background-image: url(images/lef_t.jpg); background-repeat: no-repeat; background-position: 100% 100%; } body, html { margin:0; padding:0; background-color:#eff7d5; background-image: url(images/bac.jpg); background-position: 50% 0%; color:#000; } body { min-width:768px; } h1, h2 { font-family: Arial,Helvetica,Verdana, sans-serif; } #wrap { position: relative; background-color: #F5Ffd9; background-image:url(images/list.jpg); margin:0 auto; width:768px; border: 2px solid #ADD222; margin-top: 1px; } #masthead { border-bottom: 1px solid #8a2; } #masthead { background-color: #EFA; background-image: url(…

    Asked by Lobo, June 17, 2008

    0 votes
    16 answers
14. 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
15. Как растянуть равномерно меню

    Сайт http://vivatlatour.ru/about Не получается отцентровать меню, помогите объясните ) html <!-- menu --> <div id="base_menu"> <div id="menu_l"> <ul id="menu"> <li class="first"><a href="#">О компании</a></li> <li><span>Страны</span></li> <li><a href="#">Новости</a></li> <li><a href="#">Отели</a></li> <li><a href="#">Навигатор</a></li> <li><a href="#">Подбор тура</a></li> <li><a href="#">Спецпредожение</a></li> <li class="last"><a href="#">Контакты</a&g…

    Asked by Mary_RND, March 30, 2010

    0 votes
    10 answers
16. Как вставить соответствующие иконки в соответствующий пункт меню, рядом с тестом

    Ребята научите, как вставить соответствующие иконки в соответствующий пункт меню (горизонтальное), рядом с тестом. К примеру меню: авто мото вело контакты Перед каждым пунктом списка нужно поставить соответствующую иконку. Я использую вордпресс (это на всякий случай) ), вод код меню в css /*Main Navbar */ #nav { font-size:1em; background:#669900; } #nav, #nav ul { list-style:none; line-height:1; } #nav a, #nav a:hover { display: block; text-decoration: none; border:none; } #nav li { float: left; list-style:none; border-right:1px solid #fff; } #nav a, #nav a:visited { display:block; font-weight:bold; color: white; padding: 9px 18px…

    Asked by RichV, October 28, 2010

    0 votes
    8 answers
17. Проблема с 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
18. Css-меню и сепараторы

    Здравствуйте. Была задача сделать вертикальное меню пункты между которого разделяют 1-пиксельные сепараторы. Работа осуществлялся с модулем Joomla (DJ-Menu), стиль меню менялся исключительно с помощью CSS. Чтобы вставить разделители, я создал прозрачную картинку с минимальной шириной и высотой соответствующей моему меню, по краям картинки слева и справа белые однопиксельные полоски играющие роль сепаратора. Задал её бэкграундом к span и написал правило background-size, чтобы картинка тянулась на 100%, в зависимости от долины слова. Так как между пунктами меню был левый марджин, то получилось, что между пунктами меню не одна белая полоска, а две. Поэтому пришлось задать пр…

    Asked by param, February 1, 2012

    0 votes
    2 answers
19. 2 div'а поверх div

    не знаю как это сделать, есть 3 дива и картинка, необходимо положить в основной див картинку и оставшиеся 2 поверх картинки Синим цветом основной вив в котором всё распологается Жёлтый цвет - картинка Красным те самые 2 div'а выступающие в роли кнопок пробовал z-index'ом но всё равное не получилось =( помогите пожалуйста, если вопрос на форуме повтор, извините. но я правда искал

    Asked by colaacaa, August 19, 2010

    0 votes
    1 answer
20. Svg не отображается в Firefox

    Не отображается svg. Есть способы подмены на удобный для Firefox формат?

    Asked by Rakapudl, March 27, 2015

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

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

    Asked by Deca, April 15, 2010

    0 votes
    2 answers
22. body и свойство background

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

    Asked by Gaspode, April 2, 2011

    0 votes
    33 answers
23. Посоветуйте, как наложить изображение поверх текста так, что бы текст был доступен для выделения?

    Посоветуйте, как наложить изображение поверх текста так, что бы текст был доступен для выделения?

    Asked by freeneutron, August 13, 2009

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

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

    Asked by DivMan, May 27, 2014

    0 votes
    15 answers
25. Растянуть 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