HTML Coding

29542 questions in this forum

1. Норматив

   Собрался верстать резину, но не знаю, какими ставить минимальную и максимальную ширину. Что посоветуете? Минимум думаю, стоит ставить 1000, а максимум какой?

   Asked by ctpz, August 2, 2011

   0 votes
   18 answers
2. Полоска между wrapper и контентом

   Добрый день уважаемые форумчане, я начинающий веб-дизайне и верстальщик. Когда сверстал очередной дизайн столкнулся с интересной проблемой которую не могу решить по сей день. Суть проблемы: в шаблоне появился отступ между глобальным фоном который тянется и wrapperom, никак не могу понять почему и откуда он взялся т.к быть его не должно. чтобы было более понятно вот скриншет и юрл действующего шаблона(надеюсь не посчитаете за рекламу, просто очень нужна помошь в этом деле): Uploaded with ImageShack.us Сайт с шаблоном:www.p4f-test.ucoz.ru (сайт тестовый, не реклама) P.s раньше этот отступ был только на опере и мозиле, вскоре обновился google chrome и там тоже оно появилось…

   Asked by HRabbit, August 15, 2012

   0 votes
   10 answers
3. Неправильно вычисляется высота страницы

   Глюк можно увидеть на этих страницах http://www.ulskiy.org.ua/portofolio/outdoor.html http://www.ulskiy.org.ua/portofolio/logotypes.html Лучше всего его видно на http://www.ulskiy.org.ua/portofolio/websites.html Вот таблицы стилей http://www.ulskiy.org.ua/portofolio/greenstyle1.css http://www.ulskiy.org.ua/portofolio/greenwebsites.css http://www.ulskiy.org.ua/portofolio/greenthumbnails.css Вот описание глюка. Сайт состоит из четырех блоков (topheader, menucontainer, contenttext, bttomheader) вложенных в главный блок (contentbody) У блока topheader жестко прописана высота, задано абсолютное позиционирование и он привязан к верхнему левому углу главного блока у блока btto…

   Asked by Casufi, October 24, 2007

   0 votes
   3 answers
4. в opera и mozilla DIVы перескакивают на строку

   в IE7 все нормально картинка "домик" расоплагается слева от меню в опере и в моизле меню перескакивает на следующую строку как исправить? td.menu { width: 100%; background-image: url(images/menu_background.jpg); white-space: nowrap; } div.house { float: left; height: 22px; background-color: #3b73b9; background-image: url(images/house2.gif); } div.menu { float: left; background-color: #e6e6e6; vertical-align: top; } div.menu a{ font-family: Tahoma; font-size: x-small; color: #717171; text-decoration:none; } <td colspan="4" align="center" valign="top" class="menu"> <div class="house"></div><div class="menu"><TABLE Width=…

   Asked by Electra, December 3, 2007

   0 votes
   4 answers
5. Валидность css кода.

   При верстке странички слоями я для того чтобы слои не сьежали один под другой, при уменьшении окна браузера, я применял для Оперы и Фокса min-width, а для ИЕ width: expression(document.body.clientWidth > 776 ? "100%" : "776px"). Из-за этого выражения для ИЕ, я так полагаю он и не может быть проверен на валидность. Постоянно выдается ошибка: Servlet has thrown exception:javax.servlet.ServletException: Timed out Так вот вопрос, является ли такой код валидным? И что можно предпренять чтоб валидатор смог проверить стилевой файл?

   Asked by Postal, December 19, 2007

   0 votes
   3 answers
6. Дальнейшее изучение HTML и CSS

   Доброго времени суток. Совсем недавно заинтересовался Web-технологиями, облазил кучу форумов, где пытался ответить на вопрос: «с чего начать?» В результате поисков остановился на видео уроках Попова по «HTML и CSS» после их просмотра решил закрепить знания, по этим языкам прочитав, книгу Чебыкина: «HTML и CSS Современные технологии» Теперь мне нужна практика для отточки моих знаний. Хотел задать вопрос знающим людям. Что делать дальше: 1)Попытаться создать свой сайт путём проб и ошибок? 2)Попробовать поверстать макеты? или ещё какие-нибудь упражнения для практики. Забегая вперёд, хочу сказать, что в дальнейшем хочу изучить PHP и MYSQL. Если не сложно помогите составить …

   Asked by manhunt, January 27, 2011

   0 votes
   5 answers
7. Посоветуйте литературу

   Здравствуйте, прошу посоветовать литературу для начинающих web программистов типа : html/html5 css PHP+MySQL Javascript или что-то в этом роде или же дать список качественных статей (желательно побольше и что бы они были связаны.) Я просматривал некоторые статьи приведенные в этом форуме некоторые были полезные а, некоторые нет т.к. я даже не понимал почти все, что там написано. Спасибо за то-что вы это прочитали и надеюсь вы мне посоветуете действительно качественные тексты.

   Asked by Olorin, October 8, 2013

   0 votes
   15 answers
8. Позиционирование элементов

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

   Asked by Dillett, July 29, 2016

   • float
   • text-align
   • позиционирование
   0 votes
   4 answers
9. сделать ровный градиент

   Добрый день. Помогите сделать ровный градиент,как на картинке. пробую так, но нет плавности перехода: max-height: 150px; background: #dedede; background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, #fff), color-stop(40%, #dedede), color-stop(70%, #fff)) !important; background: linear-gradient(to top, #fff 20%, #dedede 40%, #fff 70%) !important;

   Asked by uppercase_css, December 1, 2018

   0 votes
   0 answers
10. проблема с 3-мя колонками

    Вроде элементарный код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> html, body { height: 100%; width: 100%; padding:0; margin:0; overflow: hidden; } .left { background: #88f; float:left; width:100px; height:100px; } .center { background: #f88; height:100px; margin: 0 100px; } .right { background: #8f8; float:right; width:100px; height:100px; } </style> </head> <body> <div class="left"></div><div class="center"></div><div class="right"></div> </body> </html>…

    Asked by Searcher, October 31, 2008

    0 votes
    3 answers
11. Связанные селекторы

    Продскажите, пожалуйста, есть ли возможность менять стиль тэга в зависимости от параметра радиокнопки checked? Т.е. если она checked, то использовать <div class="css11"></div> //например синий цвет А если не checked то <div class="css12"></div> //красный фон Либо разный background-color класса css11 в зависимости от checked

    Asked by ins, December 26, 2008

    0 votes
    5 answers
12. Дублирование кода в Firefox 3

    Коллеги, никто не сталкивался с такой проблемой, что Firefox 3 при отображении страницы дублирует фрагмент html-кода? ресурс где возникает баг закрытый, поэтому ссылку давать бессмысленно. для примера: допусти, в коде есть такой фрагмент: <div class="qwe"> <a id="rty">asdf</a> </div> Открываем страницу с нужным нам результатом в первый раз, и браузер показывает совсем не то, что нам надо. Firebug видит такой код: <div class="qwe"> <a id="rty">asdf</a> <div> <a id="rty">asdf</a> </div> </div> То есть продублировался фрагмент кода, но div уже без класса. Смотрим исходный код страницы чере…

    Asked by qwe, January 14, 2009

    0 votes
    6 answers
13. Метатэги - помогите определиться

    Есть такая проблема, точнее, недостаток информации. Есть двуязычный сайт, работающий на БД. Встал вопрос о прописывании описания (description) и ключевых слов. Как я выяснил, некоторые поисковые роботы читают не более одной строки с ключевыми словами. Как быть: записывать русские и английские слова в "content" переменно, выносить в другую строку или ставить барьер в виде скрипта, который определит язык бота (не знаю возможно ли вообще такое, про обычного пользователя это понятно)? И как вообще "скормить" поисковику сразу два языка???

    Asked by Lionel, September 24, 2009

    0 votes
    8 answers
14. Градиентный бэкграунд

    Возникла проблема с версткой градиентного бэкграунда. Смысл в том, что градиент идет не строго по вертикали или по горизонтали, а из нижнего левого угла в верхний правый. Блок не строго фиксированный, а должен тянуться по вертикали вниз в зависимости от наполнения его контентом, при этом независимо от вертикального размера блока градиент должен быть строго по диагонали из нижнего левого угла в верхний правый. Скрин прилагаю. Изображением бэкграунд вставить нельзя, так как блок должен тянуться.

    Asked by vadimon, November 21, 2010

    0 votes
    14 answers
15. Текст уходит за пределы видимости

    День добрый! На сайте fifarus.ru есть центральные темные блоки под шапкой, в которых присутствует список со ссылками. В Опере текст последнего пункта списка отображается в пределах блоках, в вот если смотреть через Хром или Файрфокс (оба же используют движок ВэбКит), то видно, что последняя строка выезжает на половину за пределы блока и становится не видной. Посоветуйте, что нужно сделать, чтобы в Хроме выглядело все красиво. Можно, конечно, для .topblocks ul (используется в class="latestnews") поменять на но хочется более правильный вариант.

    Asked by bncom, March 8, 2011

    0 votes
    10 answers
16. Верстка под IPB

    Здравствуйте уважаемые пользователи данного форума. Немогли бы вы подсказать как верстать дизайны с PSD под форум IPB?

    Asked by Rentgene, March 28, 2013

    0 votes
    2 answers
17. Вопрос по div

    Хочу сделать похожий фотоальбом для сайта, как здесь: http://unipak-art.ru/production.html вопрос, как сделать менюшку (которая сверху) из картинок как на этом сайте, т.е. при клике и заходе на страницу картинка изменяется? И как сделать прокрутку выводимых картинок, как на этом же сайте внизу? Это ява и div?

    Asked by okunev2, August 14, 2007

    0 votes
    3 answers
18. Не Получается Сделать Нормано Подвал

    Вот не как не могу сделать нормальное отображение подвала страницы... Сама затея состоит в том, чтоб с помощью позиционирования вывести центральную колонку вывести первой в html коде страницы, получилось все отлично. Но дальше наткнулся на БОЛЬШОЕ НО это нормальное отображение подвала страницы. ПОМОГИТЕ СДЕЛАТЬ ПОДВАЛ вот пример: <!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>Untitled Document</title> <style type="text/css"&gt…

    Asked by hugomen, August 26, 2008

    0 votes
    3 answers
19. стилевое оформление ссылок

    верстаю сайт сейчас. в стилях не всегда ориентируюсь, и заметила такую вещь. Сейчас оптимизирую страницу под FF. Там все нормально. Под ИЕ ссылки в блоке имеют те же цвета что и обычные ссылки, хотя именно для данного блока заданы другие цвета и в FF все отображается как надо. Каким образом надо задавать цвета ссылок в блоке, чтобы именно в этом блоке ссылки имели заданные цвета в ИЕ? Какая тут хитрость? код слишком длинный, но могу выложить, позже выложу код все-таки блок такой <div id="header-region" class="clear-block"><div id="block-nice_menus-1" class="block block-nice_menus"> <div class="content"><ul class="nice-menu nice-menu-down" id="ni…

    Asked by oshaly, September 30, 2008

    0 votes
    2 answers
20. Текстовое поле для HTML кода.

    Доброго времени суток. Нужно выводить на страницу текст emailа. Поддержка только IE7-8. Cледовательно там может быть html код и textarea не подходит. Пока использую такой код: <style type="text/css"> attachemnttext { overflow:auto; text-align:justify; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, начиная с 1999 года */ /*white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } </style> <div id="att" runat="server" class="attachemnttext" style="width:728px;" > </div> Он конечно хо…

    Asked by ADV, December 14, 2009

    0 votes
    8 answers
21. Не получается сверстать кнопки

    Есть два варианта кнопки - активная и неактивная. У активной появляется стрелочка (высота кнопки увеличивается). Margin не помог - стрелочка не выходит за рамки кнопки. С падингом или увеличением высоты кнопка увеличивается, а стрелочка опять не выходит за пределы синего фона(( Подскажите плиз как сверстать кнопку.

    Asked by SEObomj, May 29, 2010

    0 votes
    7 answers
22. Вложеный <form>

    Прошу прощения за простые вопросы, я не гуру в этом вопросе. Нужно в таблице разместить формы ввода как нарисовал на картинке ниже. Т.к. тег <form> не предусматривает еще один вложенный тег <form>, то как можно реализовать подобную таблицу? подскажите пожалуйста. Спасибо за конструктивные советы.

    Asked by yahmos, December 17, 2010

    0 votes
    23 answers
23. href в div

    Здравствуйте. Возник такой вопрос. Допустим у нас есть кнопка не картинкой, а на css, в виде дива. Внутри - текст. Можно ли расширить активную область ссылки, чтобы она была не только на тексте? <div class="button"><a class="buttext" href="#">MAIN</a></div> Спасибо

    Asked by Peekit, April 25, 2012

    0 votes
    4 answers
24. Менюшка работает только в firefox и Safari ((

    Ребята помогите, ибо уже завязался с этой темой а решить вопрос не могу. Есть сайт, там менюшка состоит из 4 кубов при навидении они вращаются. но это работает только в Firefox и Safari.Помогите. Пример брал отсюда http://pcvector.net/scripts/layout_and_interface/338-effekt-vraschayuschegosya-kuba.html

    Asked by romoga, January 14, 2014

    • меню
    • css
    • 3d
    0 votes
    11 answers
25. Неправильное повторение фона в IE6

    Пытаюсь сверстать рамку (только нижнюю часть), используя только один фоновый источник: Файл win-btm.gif <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Title</title> <style type="text/css"> body {background: #fff; color: #000; font: 8pt verdana; margin: 0px; padding: 0px; width: 100%; } .win-loginbox { margin: 155px auto auto auto; width: 288px;} .win-btm-left { background: url('win-btm.gif') no-repeat 0px -20px; } .win-btm-right { background: url('win-btm.gif') no-rep…

    Asked by EugenyK, October 21, 2008

    0 votes
    3 answers