HTML Coding

29,542 questions in this forum

1. Типичные ошибки начинающего верстальщика

   Большинство запросов на рецензию верстки, в разделе Обсуждение работ, в результате имеют одни и теже ответы. Более 90% будущих разработчиков на начальном этапе допускают одни и теже ошибки. Типичные ошибки Запрещено имя класса начинать с цифры, или с дефица после которого следует цифра (пруфлинк: eng рус) Рекомендации Ниже я привожу список самых распространенных ошибок. CSS Не использовать #id для описания стилей блока. Почему-то одна из самых часто встречаемых ошибок -- это использование идентификатора вместо класса, для описания силей блока. Не надо этого делать. Давай мы с тобой определимся раз и на всегда с двумя простыми решениями…

   Asked by klierik, January 13, 2014

   3 votes
   156 answers
2. "Помогите мне с ..." — Как правильно оформить вопрос/проблему

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

   Asked by klierik, June 3, 2013

   2 votes
   19 answers
3. HTML 5.0

   Организация W3C публично представила черновик очередной, пятой версии языка гипертекстовой разметки HTML, который используется в веб-страницах. HTML 5 позволит веб-мастерам рисовать двухмерные изображения средствами языка, эффективнее вставлять на страницы аудио- и видеоклипы. Кроме того, HTML 5 позволяет разработчикам хранить данные на стороне клиента. Из новой версии языка предлагается убрать около 15 тегов. Предыдущая версия языка, HTML 4, вышла десять лет назад, в декабре 1997 года. Работа над HTML 5 ведется с марта 2007 года.

   Asked by Elendor, March 4, 2008

   0 votes
   206 answers
4. Любителям блочной верстки на засыпку!

   Ну, во первых, здравствуйте! Начал я совсем недавно пытаться верстать дивами. Не скажу, что получаю удовольствие, что были моменты, которых я бы не сделал таблицами, но тем не менее стремлюсь к прогрессивному. А теперь, уважаемые знатоки, вопрос: 2столбцовый макет. Ширина левого меняется произвольно (в зависимости от содержимого). Правый - от конца левого и до конца экрана. С помощью таблиц - решается очень прозрачно. Хотелось бы увидеть, что существует такое же прозрачное решение и для дивов Спасибо за внимание

   Asked by shamahn, June 9, 2008

   0 votes
   141 answers
5. Как найти наставника(гуру, учителья, сэнсэя) по вёрстке?

   Доброго тебе дня, друг. Данную тему написать меня сподвигло больше кол-во однотипных тем на тему "Ищу наставника", "Нужен учитель" и тому подобное. Одной из причин тому статья "Путь верстальщика" от автора Максима Усачева, в которой он делится своим безценным жизненным опытом. Я постараюсь пролить свет на некоторые важные (в рамках данной темы) моменты из статьи. Макс пришел на форум имея минимум знаний в сфере разработки и имея большое желание учится. Он упоминает про наставника, но большинство читателей, к сожалению, трактуют данную информацию извращенно. Это не путь к руководству, это всего лишь опыт который получил автор статьи. Нужто ты думаешь, что есл…

   Asked by klierik, February 18, 2014

   • html
   • css
   • js
   • учитель
   • наставник
   • вёрстка
   • кодинг
   • обучение
   5 votes
   117 answers
6. Вопрос знатокам

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

   Asked by Leonidk, July 5, 2011

   0 votes
   114 answers
7. Количество тегов <h> странице

   Добрый день! Неоднократно встречал утверждения о том, что количество слов выделенных тегами <h...>, <strong>, <b> на странице не должно превышать 2-3. Выделять этими тегами можно только ключевые слова. В противном случае - исключат из базы данных поисковой системы. Сначала считал это бредом, но после неоднократного упоминания на разных форумах начал сомневаться... Хотелось бы узнать ваше мнение?

   Asked by Чебурашка, September 20, 2009

   0 votes
   100 answers
8. Есть вопросы по сайту. Помогите!

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

   Asked by SYS1984, January 27, 2011

   0 votes
   96 answers
9. Контент в блоке

   Прощу помочь, у меня есть блок, его я хочу использовать для помещения контента на сайт, но проблема в том, что текст или картинка всегда вылезают за его рамки, как этому помешать ? <div class="content"></div>;.content{background:#FFFFFF;position:absolute;height:100%;width:980px;top:0;right:0;bottom:0;left:0;margin:0 auto;}

   Asked by fro, June 5, 2015

   0 votes
   90 answers
10. на чем лучше сверстать

    скажите как сверстать на DIV или TABLE Точнее на как практичнее хочу еще добавить с лева от картинки список фирм ну и поменять фон.

    Asked by ppvkomi, November 12, 2009

    0 votes
    89 answers
11. Футер я прижал, появился вопрос

    Ребят, я новичок в html изучаю базис. В общем у меня макет header content footer Footer я прижал к низу браузера. А как можно растянуть блок div с контентом от шапки до подвала? Макет резиновый по вертикали.

    Asked by html_root, November 9, 2009

    0 votes
    87 answers
12. валидация документов

    Чтобы не задавали вопросов, что такое валидация и чего она дает, написал данный текст. Если у кого возникнут дополнительные доводы, не упомянутые ниже, добавляйте. Валидацией будем называть проверку документа на соответствие веб-стандартам и выявление существующих ошибок. Соответственно, валидным является такой веб-документ, который прошел подобную процедуру и не имеет замечаний по коду. Код веб-страницы должен подчиняться определенным правилам, которые называются спецификацией, ее разрабатывает W3 Консорциум (www.w3c.org) при поддержке разработчиков браузеров. На первый взгляд, кажется, что валидация необходима, ведь речь идет о сокращении количества ляпов разработчиков …

    Asked by Vlad, June 6, 2007

    0 votes
    84 answers
13. Проблемы с footer и menu

    В общем несколько траблов. 1. Сделали footer. Он не должен быть всегда к низу. Футер зависит от кол-ва текста. Но вот почему-то получается так, что внизу футера появляется линия странная и мешает нормальной заливки 2. Меню. Меню должно быть резиновым. 50% от ширины экрана. Как это сделать? 3. Footer должен идти повторяющейся волной. В общем сам сайт: http://psywalker.ru/SAITS/Lotos/main-page.html И макет сайта: www.w3u.ru/000.jpg p.s. линия под футером появляется только на больших экранах

    Asked by Вадим, August 31, 2009

    0 votes
    84 answers
14. CSS спрайты PNG в IE6

    Добрый вечер!!! Моя проблема заключается в следующим, я использую для своего меню CSS спрайты. У которого картинка фона сохранена в формате PNG. Для решения проблемы с IE6 я использовал clip для CSS. Но дело в том, что при на ведении на пункт меню в IE6, смена картинки срабатывает лишь в том случае если я навожу на саму букву, а не на прозрачный фон. Как решить данную проблему. Вот моя беда http://u.svoego.net/

    Asked by midzus, October 26, 2009

    0 votes
    77 answers
15. Резиновый дизайн или нет

    Какая концепция дизайна в наше время предпочтительнее: резиновый дизайн или нет и почему?

    Asked by ruletka131, November 17, 2009

    0 votes
    76 answers
16. Центрирование бэкгроунда

    Суть проблемы: html <body> <div class="window"> <div class="sub-window"> — "основное содержимое" — </div> </div> </body> css .window { background: url(window_bg.jpg) repeat-y center top; } .sub-window { width: 1000px; background: url(sub_window_bg.jpg) no-repeat center top; } Имеем два блока на всю ширину экрана. У одной рисунок на 1400px у другой - 1000 по ширине. У первого повторяется по вертикали - у второго фиксирован на 200px по высоте и не повторяется. Фоны должны пиксель в пиксель стыкаваться при наложении один на другой. Изначально так и происходит. Но при ресайзе окна броузера (когда изменяешь ширину окна) - …

    Asked by DjTarik, November 11, 2009

    0 votes
    75 answers
17. три колонки, минимальная ширина, резиновый дизайн

    не могу допЭтрать.. :/ таблица ,в ней 3 ячейки, из них выбирается одна, например 2-ая и расстягивается, если ширина окна увеличивается. объясните плиз, вот в таблицах вс? просто: <table width="100%" height="27" cellpadding="0" cellspacing="0" border="1"> <tr> <td width="528"><img src="w01.jpg"></td> <td background="w02.jpg"><img src="1px.gif" width="1" height="1"></td> <td width="418"><img src="w03.jpg"></td> </tr> </table> как это в css сделать?? я блин вообще не шарю, второй день мучаю этот код, ничего не выходит: <html> <head> <meta http-equiv="Content-Type" content="text/htm…

    Asked by maza, August 1, 2007

    0 votes
    74 answers
18. Быстрая верстка

    Вопрос для опытных кодеров. У каждого кодера есть свои фишки и способы верстки либо способы о которых вы наслышаны. Меня интересуют способы повышения скорости вестки при неизменном качестве. Давайте меняться. Начать могу и я. Часто для ускорения работы польностью разделяют HTML и CSS. Тоесть сначала верстаем чистый HTML, а когда все готово, включая тестовый контент, навешиваются стили. Такое разделение по мнению некоторых кодеров может сократить общее время верстки страницы.

    Asked by codriter, April 25, 2009

    0 votes
    74 answers
19. Посоветуйте HTML-редактор замену Dreamweaver

    Подскажите плиз замену громоздкому Dreamweaver. Скачал KompoZer, но там нет подсветки синтаксиса и когда создаёшь таблицу например в две строки и хочешь обьединить в строке ячейки то они объединяются во всей таблице.

    Asked by d6|maz, February 24, 2011

    0 votes
    74 answers
20. Опять про прозрачный PNG в IE6

    Тема добавления рисунка в формате PNG-24 с прозрачными участками в IE6 всячески обсосана и раскрыта. Однако мало где написано, что все приведенные способы не работают для повторяющегося фона. Насколько понял, проанализировав различные статьи, для IE6 вообще нет адекватного решения. Имеется только паллиатив (половинчатое решение говоря бытовым языком) и сводится к трем вариантам. 1. Фон убирается вообще. Это делается либо через скрипты, либо добавлением атрибута _background: none к элементу с фоном. 2. Вместо PNG используем GIF или другой формат, но уже без 8-битной прозрачности. Замена не равнозначная, но что уж есть. background: url(shadow.png) repeat-x; _background: url…

    Asked by Vlad, October 4, 2008

    0 votes
    71 answers
21. Фиксированая ширина каркаса с резиновыми боками

    Здравствуйте, целый день промучался с версткой на дивах, цель такая: Есть дизайн, фиксированая ширина 1000 пикселов по центру браузера. Но в дизайне есть слева и справа дополнительные блоки вокруг центра, ширина каждого блока 300 пикселов. Но они должны обрезаться слева и справа соответственно от ширины браузера. Горизонтальная прокрутка должна появляться только тогда, когда ширина браузера меньше 1000 пикселов. Должно быть валидно (XHTML), работать во всех браузерах (IE 6-8, Firefox, Opera, Safari, Chrome, Netscape Navigator) одинаково. Без использования JavaScript. Вот что есть на данный момент: http://vws.com.ua/projects/test/

    Asked by VIRUS, October 28, 2009

    0 votes
    70 answers
22. Как верстать в HTML 5?

    Приветствую. Вот как я посмотрю много суеты вокруг этого новшества. Ну в общем у меня вопрос из сабжа. Ради расширения познаний хотелось услышать ответ. В чем отличается вёрстка того же xhtml от html5? ну к примеру я в одном проекте написал так: <!DOCTYPE html> <html> <head> и что теперь это можно назвать сайт свёрстанный в стиле html5? так как кроме этой строчки там, вроде как, ничего другого что касается html5 нету. собственно говорим о сабже

    Asked by klierik, February 11, 2011

    0 votes
    67 answers
23. вопрос по тегу <hr>

    Как оформить линию (<hr>) при помощи CSS таким образом, чтобы она состояла из равномерно-распределенной последовательности точек?? Увидел на сайте http://www.dataplus.ru/... Они там везде. Пытался выдернуть *.css... не дается

    Asked by finn55, May 8, 2009

    0 votes
    66 answers
24. Всплывающее окно

    Имеется вот такая штука: Как ее грамотно заверстать? На ум приходит только либо таблца 3х3, или же дивами (там из тоже будет много). Расскажите, кто как делает подобные вещи? P.S. Также нужно отметить, что окно должно тянуться как по горизонтали, так и во вертикали. Тень и углы - естественно полупрозрачные. Спасибо за любую инфу...

    Asked by DjTarik, October 28, 2009

    0 votes
    66 answers
25. Коммерческая верстка

    Здравствуйте друзья. У меня такой вопрос, какой именно должна быть коммерческая верстка, чтобы знания верстальщика не нуждались в сомнениях как о хорошем специалисте? Если знаете может подскажете в письменном виде требования, не требования к конкретной задачи, а вообще к "хтмл верстальщику". Какие именно пункты в вашем сознании говорят вот эта страница сделана хорошо, а эта плохо? Извините заранее за некую за мудреность вопроса, я просто хочу знать критерии в данной области P.S. коммерческая верстка - я так думаю это верстка в коллективе, в какой нибудь веб-студии.

    Asked by vgulchik, October 28, 2010

    0 votes
    63 answers