HTML Coding

29,542 questions in this forum

1. Коммерческая верстка

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

   Asked by vgulchik, October 28, 2010

   0 votes
   63 answers
2. Правильный формат времени

   Решил использовать HTML5 у себя на сайте, занёс дату создания каждой статьи в тег <time>. Всё работает, но валидатор выдаёт ошибку: Назревает логичный вопрос: так в каком формате правильно записывать данный, находящиеся в этом теге?

   Asked by Ge1i0N, October 28, 2010

   0 votes
   3 answers
3. Помогите! проблема с маргином.

   Не могу справится с маргином. Для вертикального отступа блоков задал классу нижний маргин 6px; При этом появился отступ и внизу подложки оО . margin-bottom:6px; если его обнулить футер встает на место. аналогичная проблема если заменить на margin-top -от ступает верх. В фоксе все нормально а хром осел и опера дают отступ. Как это происходит неп ойму кто может помочь пояснить что как буду благодарен Результат работы можно посмотреть golddb.ru/test/index.php Код css * {margin: 0; padding: 0;} /* content styles ============================== */ body{background: black;} #bodywrap{ position: relative; left: 225px; width: 646px; min-height: 900px; text-align: cente…

   Asked by zloymux, October 28, 2010

   0 votes
   4 answers
4. Баги с картиной в IE

   Здравствуйте уважаемые форумчане! Помогите пожалуйста решить проблему...уж всё попробывала...но ничего не получается... Проблема с отображением сайта в IE, в фф и хроме всё отлично, а в ослике появляются артефакты (на некоторых разрешениях нормально, а на некоторых нет -( )...картинка ниже и код CSS .goto_main{ width: 439px; height: 105px; position: absolute; bottom: 0; left: 0; } .namelogo{ background: url(../../images/site/logo.png) bottom right no-repeat #000; width: 439px; position: absolute; top: 15px; left: 45px; padding-bottom: 120px; height: 100px; } Html <div class="main"> <div style="padding-bottom: 100px; overflow: hidden;"> &lt…

   Asked by Dunya, October 28, 2010

   0 votes
   7 answers
5. Текст диалога в HTML

   Есть необходимость оформить текст диалога между несколькими собеседниками. В настоящее время он сделан у меня так: <table width="100%" border="0" cellspacing="4"> <tr> <td width="15%">Собеседник 1:</td> <td width="85%">– Реплика 1.</td> </tr> <tr> <td>Собеседник 2:</td> <td>– Реплика 2.</td> </tr> <tr> <td>Собеседник 3:</td> <td>– Реплика 3.</td> </tr> </table> Выглядит как надо, но код несколько громоздкий. Особенно когда диалог очень большой. В HTML 5 появился элемент dialog, с которым это выглядит уже компактнее: <dialog> &lt…

   Asked by Pinguin, October 28, 2010

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

   Ребята научите, как вставить соответствующие иконки в соответствующий пункт меню (горизонтальное), рядом с тестом. К примеру меню: авто мото вело контакты Перед каждым пунктом списка нужно поставить соответствующую иконку. Я использую вордпресс (это на всякий случай) ), вод код меню в 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
7. Помогите с CSS

   Здравствуйте! Помогите с CSS, не получается избавиться от лишней черты под пунктом "Задание 3", а так же пункт между пунктом "АСТРОЛОГИЯ" и "Урок 4" увеличить отступ. Заранее спасибо! <html> <head> <title></title> <style type="text/css"> #category ul { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; padding-left: 0px; text-transform: uppercase; list-style: none; } #category #cat1 ul { margin-top: 10px; margin-bottom: 0px; margin-left: 8px; padding-left: 11px; text-transform: none; list-style: square; } #category #cat1 ul li{ margin-bottom: 7px; border-bottom: 1px solid #dadada; } #category #ca…

   Asked by ervin, October 27, 2010

   0 votes
   5 answers
8. IE убрать на месте отсутствующего изображения "рамку с крестиком"

   Доброго времени суток. В общем есть самодельная новостная книга, в нее выводятся новости в цикле из БД, при открытии полностью новости в ней находится от5 до 10 картинок, которые выводятся так: <?php $result=mysql_query("SELECT .............,photo1,photo2,......,photo10 FROM ...... WHERE id='$id'",$dbcnx); $myrow=mysql_fetch_array($result); printf(" <a href='%s' rel='lightbox[roadtrip]'><img width='135px' height='90px' src='%s' /></a> ................................... "........... $myrow['photo1'],$myrow['photo1'], .............., $myrow['photo10'],$myrow['photo10']); ?> то есть превьюшка, при клике на которую появл фулл картинка. В бд создана …

   Asked by Avalon., October 27, 2010

   0 votes
   11 answers
9. Применение id и class к одному и тому тегу.

   Добрый вечер. Недавно открыл для себя то, что можно применять одновременно и class и id. <div id="x" class="y"> Привет, мир! </div> <!-- wrapper --> Задаем одни свойства через class, другие через id. Код работает. Хорошо ли так делать или лучше не надо?

   Asked by Red Planet, October 27, 2010

   0 votes
   7 answers
10. Столкнулся с проблемой, как решить?

    Здравствуйте! Начну пожалуй с того что я полный профан) знакомый дал мне шаблон с которого я начал лепить сайт. результат собственно вот - http://flexstamp.do.am и так с чем же я столкнулся. Дело в том, что при нажатии на менюшке ссылки обновляется весь фрейм. нельзя ли поместить эту менюшку в отдельный фрейм и так же создать фрейм с контентом, причём так, чтобы при нажатии в менюшке какой-нибудь ссылки в контенте соответственно загружалось то, что мне нужно. так же было бы интересно узнать насколько у меня всё плохо с кодом и как это можно исправить заранее спасибо. п.с. при обновлении страницы почему-то искривляется таблица менюшки

    Asked by ldmitry, October 27, 2010

    0 votes
    1 answer
11. Размещение трех блоков разной ширины

    Помогите пожалуйста, есть резиновый макет с максимальной шириной 1280 и минимальной 980, есть три блока разной ширины, которые находятся на одном уровне, при изменении ширины центральный блок должен находится на равном расстоянии от левого и правого блока, то есть так: Сам я пробовал приблизительно следующее (не думаю что это хороший вариант): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> ul,ol,dl,li,d…

    Asked by Faradey99, October 27, 2010

    0 votes
    4 answers
12. Откуда поялвяются страницы со странным именем?

    Одна компания продвигает наш сайт. Они нас попросили закрыть дубли страниц, чтобы мы не падали в рейтинге. Так вот, часть мы закрыли, но с разной периодичностью появляются очень странные страницы дублей (вообще не понятно откуда) вот примерно с такими адресами: /derevo.php?_openstat /derevo.php?0 /derevo.php/credit.php - это вообще шедевр, я вообще не представляла, что такое бывает. Подскажите, пожалуйста, откуда может такая гадость лезть и как с ней бороться массово. Просто когда выявляются такие странички я их конечно перевожу редиректом 301 на другую страницу, чтобы поисковик не думал, что мы плодим одинаковые страницы для повышения рейтинга, но тем не менее хотелось б…

    Asked by rognarek, October 27, 2010

    0 votes
    3 answers
13. высота TD в 1px

    Ни как не получается сделать высоту <td> в 1px. Вернее получается но работает только в мазиле. Хочу сделать своеобразный бордер, которого нету в списке стандартных. Вот кусок кода. <tr height="1"> <td colspan="6" height="1" background="img/p.gif"><img width="1" height="1"></td> </tr>

    Asked by sh1va, October 27, 2010

    0 votes
    2 answers
14. Не растягивающаяся, а сжимающаяся верстка

    Есть сайт с фиксированной шириной 1081px. <div id="container"></div> Пользователи с разрешением 1024*768 видят его некорректно. Можно ли сделать так, чтобы при разрешении меньше 1081px ширина div#container уменьшалась? (не используя javascript).

    Asked by warobushek, October 27, 2010

    0 votes
    6 answers
15. Прокомментируйте код

    Прокомментируйте код, это css и javascript, ваши комментарии будут паказаны автору кода в качестве убеждения тех или иных позиций, сам автор неможет зайти по технико/религиозным причинам /* pagination */ .pagesWrapper { width: 100%; float: left; } #pages { padding: 0 10px; margin: 0 0 10px; color: #91969c; font: 12px Verdana, Geneva, sans-serif; } table#pages_table { width: 100%; border-collapse: collapse; table-layout: auto; } table#pages_table td { } table#pages_table td .count_result, table#pages_table td .count { font-weight: bold; } table#pages_table td .count_result {} table#pages_table td .count {} table#pages_table td .paginator { display: block;…

    Asked by warpig, October 27, 2010

    0 votes
    6 answers
16. Растягивающийся фон

    Всем привет, в процессе верстки столкнулся с проблемой которую нужно решить средствами css и html. Задача: требуется сделать растягивающийся фон, который будет при любом изменении экрана сохранять свои пропорции. К примеру есть картинка 3:4, если размер экрана становится узким по высоте(3:10 например), тогда картинка растягивается по ширине сохраняя пропорции. А если узким по ширине, тогда растягивается по высоте сохраняя пропорции. Соответственно так как пропорции сохраняются часть картинки просто не показывается, остается за пределам браузера, скрол не показывается.

    Asked by Mal4ishnik, October 27, 2010

    0 votes
    8 answers
17. <! DOCTYPE> и HTML5

    добрый день! читаю самоучитель. в нем приводятся разные варианты содержимого <! DOCTYPE...>, включая различные DTD. в статье "Пять вещей, которые надо знать об HTML5" есть такая строка т.о., если я правильно понимаю, учитывая современные тенденции в HTML документах можно писать буквально только "<!DOCTYPE html>", без (к примеру) PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" так ли это? спасибо. UPD Благодарю! Развеяли мои сомнения =)

    Asked by Stamper, October 27, 2010

    0 votes
    8 answers
18. две колонки - первая не тянется по высоте!

    казалось бы простой как мир макет на дивах - 2 колонки: первая 250 пикс, вторая на все остальное. левая - чисто декоративнаяЮ там два дива с рисунками, вторая это контент. при вертикальном скроллинге (когда в контенте много текста) левая колонка завершается при первоначальном фактическом размере браузера. а надо чтобы тянулась вниз...

    Asked by maxefimov, October 27, 2010

    0 votes
    1 answer
19. возможно ли описание стиля id селекторов "по маске"?

    Собственно вопрос возможно ли описание id селекторов "по маске"? допустим есть несколько блоков <div id="name-1"></div>, <div id="name-2"></div>, <div id="name-3"></div>, <div id="name-4"></div> и тд. до бесконечности, крайнего номера не заданно. То есть отличие в идентификаторе задается только через "-номер", name - для всех общее. Возможно ли описать стиль для всех этих идентификаторов? если да, то как?

    Asked by NenilinNM, October 27, 2010

    0 votes
    6 answers
20. Позиционирование элементов сайта

    Как более правильнее позиционировать элементы сайта? Через параметр margin или с помощью position:relative(left,right,top,bottom)? Случайно в голову прилетел этот вопрос, теперь забыть никак не могу. Сам пишу с помощью margin и всё работает как часы, но вдруг это не совсем корректно? Хочется всё делать как надо)

    Asked by Ge1i0N, October 27, 2010

    0 votes
    3 answers
21. Как сделать чтобы картинка менялась через промежуток времени.

    Привет, я не знаю в правильном ли я разделе выкладываю этот вопрос, если нет i'm so sorry. В общем пробоема такая, я увидел на Ebay как оформлен item. И захотел сделать так же, Когда заходишь на его страничку, там есть описание его лота и картинка спрва....и она постоянно меняется. Вопрос как это сделать? что бы она менялась даже если не наводишь на неею Спс за помощь. P.S я HTML и CSS знаю...но тут я понимаю надо подключать язык какой либо...(

    Asked by Vitaly-NY, October 27, 2010

    0 votes
    4 answers
22. Как узнать размер repeat

    Есть фон на сайте, как узнать какую часть минимальную можно тянуть, фон неоднородный похож на песок. Где в фотошопе можно глянуть какой размер минимальный повторения этого repeat?

    Asked by okunev2, October 26, 2010

    0 votes
    6 answers
23. Резиновая верстка

    Привет всем! Только начал вникать, так что не пинайте проблема в следующем - есть два дива: <div class="div1"> </div> <div class="div2">ТУТ ВЫВОДЯТСЯ КОММЕНТАРИИ</div> в css .div1 {float: left;} .div2 {float: left;} Т.е. я добился того, первый див обтекается вторым и они располагаются на одном уровне. Однако мне необходимо сделать так, чтобы при развернутом окне броузера получалось так: http://www.picatom.com/1o/img/1-5358.jpg Т.е. именно так, как у меня и получилось. А при уменьшении окна до максимума так: http://www.picatom.com/1o/img/2-3528.jpg Т.е. чтобы при уменьшении окна броузера первый див "сжимался" до нуля, и все оставшееся пространст…

    Asked by nickostyle, October 26, 2010

    0 votes
    2 answers
24. Выравнивание абсолютно позиционированного (резинового) дива по центру

    Подскажите как выравнить абсолютно позиционированный (резиновый с неизвестной шириной) div по центру?

    Asked by vladimir_lwlx, October 26, 2010

    0 votes
    2 answers
25. Разница между Button и input type=button

    Только учусь сайтостроению. Собсно вопрос такой: Есть код (для примера) <!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/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Testing</title> </head> <body> <script language="javascript"> function optdel() { document.getElementById('selList').options[0]=null; } </script> <form> <select id="selList"> <option>o1</option> <option>o2</option> <option>o3</option> &lt…

    Asked by Cheese, October 26, 2010

    0 votes
    2 answers