HTML Coding

29,542 questions in this forum

1. Фоновый рисунок во весь экран

   Подскажите пожалуйста как сделать фиксированный фоновый рисунок для body и чтобы рисунок отображался полность(Width:2000px; height:2000px например), был зафиксированным и менял свои размеры в зависимости от расширения экрана, но картинка отображалась полностью, например как здесь http://dakota.kiev.ua/articles/contacts.html Это возможно только с помощью css ? Спасибо

   Asked by AntonSolo, October 20, 2009

   0 votes
   46 answers
2. Отрывается блок от потока

   Есть сайт, в котором закругление углов, сделано отдельнм блоком идущим сразу же за основным. (ширина фиксированная, поэтому картинка одна, на оба угла) В ИЕ, это отображается првильно, а в Лисе, появляется лишний пробел, котороый "отрывает" низ от основной части. http://yaolga.thekip.ru Можно конечно по мудозаться, и задать отрицательный маржин, что бы блок подскочил на верх, а что бы текст не налазил, сделать основному блоку внизу паддинг с запасом, но это не решеение. Просто интересно из за чего появляетс подобный эффект. Ведь между этими блоками ничего не стоит, и ни одному из блоков не заданны отступы и никакие другие коварные свойства.

   Asked by TheKIP, January 7, 2010

   0 votes
   46 answers
3. float:left блоки равной высоты в несколько строк

   Добрый день, уважаемые форумчане! Делаю сайт, левая колонка фиксированной ширины, правая (контент) резиновая. В правой колонке выводится список изображений с заголовками: css: .img { width: 200px; float: left; margin: 0 10px 10px 0; } html: <div class="img"> <img src="image.jpg" alt="" /> <h3>Title</h3> </div> <div class="img"> <img src="image1.jpg" alt="" /> <h3>Title</h3> </div> ... <div class="img"> <img src="imageN.jpg" alt="" /> <h3>Title</h3> </div> в итоге зрительно должно получиться подобие таблицы, где по ширине экрана выстраивается столько изображений, сколько позв…

   Asked by AKyHuH, January 12, 2010

   0 votes
   46 answers
4. Наведите на путь истинный

   Привет всем! Решил обучиться навыкам веб-дизайнерства и поэтому у меня несколько вопросов. С чего начинать? Лично я думаю сначала нужно заняться изучением html языка, далее css, javascripts и заканчивать фотошопом. И такому как мне (не знающему) можно ли стать стажёром в обычной студии, где смогу практиковаться? Я несколько статей читал, но ещё хотелось бы услышать мнения пользователей с этого форума, возможно датите советы и пр.

   Asked by Feers1de, April 4, 2011

   0 votes
   46 answers
5. Адаптивная верстка: использование принципов Bootstrap, но без него

   Задача сверстать адаптивный сайт. Практического опыта верстки адаптивного дизайна у меня нет. Поэтому хотелось с вашей помощью разобраться и определиться, каким путем идти. Решила использовать принципы Bootstrap. Возникли принципиальные вопросы. .row {margin: 0 -15px;;} .container {padding: 0 15px;margin: 0 auto;}Объясните, пожалуйста, зачем сначала добавлять паддинги, а потом помещать содержимое в .row, у которой нивелируются эти отступы. Каково назначение .row вообще?

   Asked by Светлана Г., November 13, 2014

   • адаптивная верстка
   0 votes
   46 answers
6. криво все....кроссбраузерность.. или может что еще не верно...

   В общем делал делал, вроде было все готово, в мозиле все ок, а у другого человека все отображается криво... У меня тоже по разному, в частности в ие.. Делаю картинку справа больше по размеру- она из хедера вниз уе3жает, и весь дизайн уходит влево.... Добавляю текста в нижний правый блок, - форма криво начинает отображаться Еще, например, туда где "склад иваново" добавляю текст, начинает один див ( серый центр) наезжать на другой, вместо того чтобы согласно тексту подвинуться в низ... В ие вообще огромное растояние откуда-то взялось в центре... пробовал в общий контейнер дива запихнуть, ( было чисто из отдельных дивов ) не помогло.. что я делаю не так? помогите плиз...…

   Asked by Осенний Дождь, December 15, 2009

   0 votes
   45 answers
7. Не Могу Правильно Разместить Блоки

   Такая проблема с вёрсткой. Есть таблица где то на 10 ячеек, нужно к каждой ячейке сделать вверху по центру заголовок, вставить картинку и подпись внизу справа. Нужно чтобы заголовок всегда был вверху, а подпись внизу даже если картинки нет. Я пробовал делать вот так <table border="1"> <tr> <td width="150px" height="300px"> <div style="text-align: center; vertical-align: top;"> Заголовок </div> <img src="1.jpg" alt="image"> <div style="text-align: right; vertical-align: bottom;"> Подпись </div> </td> </tr> </table> Но когда картинки нет или она меньше всё смещается к …

   Asked by c0d3r, September 5, 2010

   0 votes
   45 answers
8. Веб-программист, верстальщик, а кто еще есть в сфере сайтостроения?

   Хотел в разобраться в этом. Итак, кто такой верстальщик, кто такой веб-программист и кто еще есть под сайтостроение в общем(И поставить на сервер сайт, управлять сайтом, создавать сайт, всякие крутые штуки добавлять). Как я думаю, веб-программист, он работает уже над готовым сайтом, он добавляет различные функции на сайт, и В общем, занимается тем, чтобы сайтом управлять можно было удобно. Верстальщик , просто создает сайт, дизайн для него, В общем придает форму сайта, контент, футер и т.д. Скиньте ссылку или здесь напишите, кто есть кто и чем занимается. И главный мой вопрос: можно ли быть верстальщиком, веб-программистом и т.д. сразу?

   Asked by RuslanHeYca4ev, August 20, 2014

   0 votes
   45 answers
9. Вид страницы при масштабировании.

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

   Asked by Ramazzzik, November 28, 2008

   0 votes
   44 answers
10. Интересная задачка

    Приветствую. На днях попалось на глаза такое: Описание: Календарик. Колонок календаря всегда 20. может прокручиваться (не до бесконечности). Есть события которые длятся несколько дней (см. рисунок) Исходный данные: Ширина - фикс Высота/ширина колонок - фикс Слева сайдбар - строк может быть даже 200. На заметку: Мышкой можно выделять область (как в Екселе ячейки) (см. рисунок) Интересна реализация верстки. Какие будут идеи? PS: макет сам наклепал на скорую руку.

    Asked by klierik, December 29, 2009

    0 votes
    44 answers
11. <table> VS <div>

    Все говорят, что верстать таблицами не модно, т.к. они предназначены для табличных данных, а вот дивами - можно и нужно. Но вот в чем таки дело никто толком не может сказать. Попробуем разобраться. Преимущества таблицы: - Таблица верстать сложное просто (возьмем, например, футер прижатый к низу или резиновый дизайн или одинаковою высоту ячеек) - Таблица верстать удобней, т.к. они более одинаково отображаются в разных браузерах - Немного меньше букв будет использоваться при верстке Недостатки таблицы -Не модно. Так сказали: не модно. Три огромных плюса и один маленький минус. Но назовите мне еще минусы. Пользователь? Да ему все равно, лишь отображалось нормально. Поисков…

    Asked by volkov59, January 14, 2010

    0 votes
    44 answers
12. Position fixed для IE6

    Есть плавающий блок (position fixed) и во всех браузерах нормально отображается. А в IE6 position fixed оказывается не пашет. Искал в гугле, но там описаны способы закрепляющие блок в топе. А мне необходимо закрепить этот слой в боттом. Подскажите как это сделать? Вот CSS того самого блока: width:200px; background:#F8F8F8; padding:2px; border:1px #CDCDCD solid; position:fixed; right:4px; bottom:2px; z-index:81

    Asked by Nigelist, September 29, 2010

    0 votes
    44 answers
13. Блок остается на месте

    В общем что имеем: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <div id="a"> <ul> <li></li> <li></li> <li></li> </ul> <div id="b"></div> </div> В каждом ли еще по ul с свойством display:none a - posytion:relative; b - posytion:absolute; bottom:0; Ну в общем стандартное меню. Теперь если задать ul-aм display:block во всех браузерах высота блока a увеличится, ну и соответственно блок b останется верен bottom:0 и уедет вслед за нижней границей. К сожалению ie6 так не делает, в нем не увеличивается блок a. А зна…

    Asked by pizzZ, November 30, 2010

    0 votes
    44 answers
14. Нюанс скругления края меню

    Привожу для примера рисунок, это сделано на флеше (поэтому код через Firebug посмотреть не могу), а мне похожее нужно в HTML: Как скруглить левый верхний угол у <li> (или скруглить край меню), который подсвечен оранжевым и находится слева с краю? Оранжевый цвет накладывается при условии hover и selected при помощи background: url(../libg.gif) repeat-x; Если, допустим, задавать border-radius для оберточного дива меню, то на этот <li> он действовать не будет и бекграунд у <li> окажется квадратным и отобразится поверх скругленного уголка оберточного дива. На <li>, разумеется, скругление не наложишь, иначе в середине меню будут скругленные пункты. Как…

    Asked by Squidward, August 25, 2011

    0 votes
    44 answers
15. Вопросы чайника. Периодически будут пополняться

    Здравствуйте! Народ, кто соображает и кому не трудно, подскажите, пожалуйста, как правильно всё сделать. Я начал делать себе сайт, состоящий из 3-5 страниц (пока ещё не понял сколько точно будет). В сайтостроении я чайник, в школе только было несколько уроков Html и всё. Начал делать в Adobe dreamweaver. Пробовал в Kompozere, но мне что-то не понравилось, мож я и не прав. Ну да ладно. В общем, сделал я начальное оформление (табличка со столбцами, чтобы разобраться что за чем идёт). Вопрос 1: Теперь мне надо вставить на страницу две ссылки. Причём таким образом, чтобы перейти по второй можно было только тогда, когда перейдёшь по первой + 10 секунд времени. Первая с…

    Asked by Ichwill, February 1, 2015

    0 votes
    44 answers
16. Fieldset в Firesfox

    Элемент Fieldset в Firefox 3.5 уходит вверх. Во всех остальных браузерах всё идеально одинаково. Какое может быть решение проблемы? Открываем в Firefox, чтобы увидеть проблему CSS прямо в исходном коде смотрите.

    Asked by Deacon, July 5, 2009

    0 votes
    43 answers
17. Как запретить перенос текста в определенном фрагменте?

    Есть некоторый текст. Например: Задача запретить перенос строки в фрагменте: [-1 P. Sem.] Т.е. можно чтобы текст переносился вот так: или так: А так нельзя: и так нельзя: Возможно ли как то это сделать? Есть ли какие то специальные теги в хтмл, запрещающие перенос строки в обрамленном фрагменте текста?

    Asked by Semreg, October 21, 2009

    0 votes
    43 answers
18. Единый блок, разбитый блок

    Вобщем есть такая задачка block должен тянутся на всю страницу, но не доходить до начала страницы и самого конца определенное количество пикселей. Сама страница тянится по высоте максимального элемента content или block. Как решить такую задачу, при использовании целостного блока недодумкал и пришлось разбивать его на 3 части: 1) находящийся в области хедера 2) собственно сам блок 3) находящийся в области футера Соответственно расположив 1 и 3 в хеадере и футере чтобы они совпадали со 2. Может всетаки можно сделать block целостным? Т.к место в 1 и 3 пропадает и "вообще ни туда не сюда" Спасибо за внимание

    Asked by gesandte, October 22, 2009

    0 votes
    43 answers
19. Верстка и проблема со шрифтами под Mac OS

    Привет, Друзья! В общем озадачил меня мой дизайнер. Он часто смотрит сайты Лебедева на MacOS и заметил, что на его сайтах шрифты всегда смотрятся отлично. Есть все сглаживания как в фотошопе, в общем шрифты смотрятся просто супер! А на наших сайтах, которые мы верстаем, говорит что на платформе MacOS они смотрятся убого, что есть какая-то странная полужирность, что не всегда есть сглаживания и вообще не так, как на сайтах Лебедева... Вроде я немного знаю css, смотрел и css на сайтах лебедева.. никакой разницы не заметид.. лишь может быть только это: font-style:normal; font-variant:normal; font-weight:normal; Вставляю на свой сайт. Никаких изменений. Кто что знает о верст…

    Asked by Вадим, November 24, 2009

    0 votes
    43 answers
20. Кроссбраузерность

    Заранее прошу прощения за возможно глупый вопрос, но вот как при верстке сайта проверять его на кроссбраузерность ? От меня требуют, что б сайт отображался одинаково практически во всех браузерах, начиная с ie6 и заканчивая safari. Не ставить же себе на компьютер все эти браузеры Или всетаки ставить ?

    Asked by bobo, May 12, 2011

    0 votes
    43 answers
21. Типографика контента по Ководству Лебедева

    Уверен, что многие дизайнеры и верстальщики знают два приведенных ниже правила: 1. В оформлении русского текста кавычки должны выглядеть как «елочки». 2. Эти самые кавычки должны выносится за границу текста. Вполне подробно и ясно эти правила для Рунета были озвучены Артемием Лебедевым еще в 2004 и 2005 годах соответственно (см. параграфы Ководства «Кавычки» и «Висячая пунктуация»). Для простоты реализации этого принципа я пользуюсь следующим куском CSS: Q {quotes: '«' '»' '"' '"'; behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '«' + this.innerHTML + '»') : '');} Теперь любой текст, заключенный в тэг Q, будет браться в кавычки "елочками". …

    Asked by solovets-denis, February 20, 2009

    0 votes
    42 answers
22. Статистика браузеров

    Возможно тему кто то уже создавал но всетаки рискну создать свою, как создателя веб сайтов меня очень интересует всемирная статистика их использования, Россия, запад, восток, все все даже браузеры для жирафлов сойдут!!! Давай те тут будем вместе ее отслеживать и выкладыввать информацию в виде скриншотов, вместе будем ждать того же великого момента когда "великий" и костлявый ие6 опуститься ниже минимума! Вот то что я нашел за декабрь 09 на liveinternet ИЕ6 потерял за месяц 0,6% и сейчас 11,1%

    Asked by TonKhaO, December 18, 2009

    0 votes
    42 answers
23. Возможно ли overflow scroll дива вынести на край браузер

    Нужно чтобы скрол дива находился не внутри него, а на краю браузера. Подскажите как реализовать. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <style type="text/css"> body { margin: 0; padding: 0; } #wrap { height: 500px; width: 600px;/* размер */ position: absolute; left: 50%; margin-left: -300px;/* отцентровка */ background: white; overflow: scroll; } </style> <div id="wrap"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, …

    Asked by barman, June 4, 2011

    0 votes
    42 answers
24. div фон

    Подскажите пожалуйста ! Есть контейнер в нём все дивы в цсс пытаюсь сделать так,что бы у див лефт картинка была растянута и что бы это по ИЕ 7 подходило , но никак не получается...кто подскажет ??? #left{ background:url(i/170.jpg) center no-repeat; /*background: url(i/170.jpg) no-repeat;*/ /*background-color: #0ff;*/ background-size: 100% 100%; /*расстягиваем картинку под див*/ /*border: 1px solid #000000;*/ width: 70%; height: 400px; float: left; /*обтекание блока по правой стороне другим блоком*/ } <div id="container"><!--CONTAINTER STARTS--> <div id="header">header</div> <div id="…

    Asked by morgusha, November 22, 2012

    0 votes
    42 answers
25. Возврат на предыдущую страницу

    Доброе время суток. У формы установлено action="action.php" , что нужно прописать в action.php что бы после того как всё отработало выдыть сообщение и вернуться на предыдущую страницу(т.е. на форму с которой вызывалось action.php ) , и как проверять строку на пустое значение.

    Asked by BuHunyx, September 30, 2009

    0 votes
    41 answers