Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. Проблема с валидацией

    Валидатор http://validator.w3.org показывает, что на моем сайте 205 ошибок, но все эти ошибки такого характера: , хотя у меня так: , а также отмечает все ", >... Как можно исправить это? Почему валидатор выдает ошибка там, где их нет?

    Asked by DImaN,

    0 votes
    14 answers

  2. Помогите решить проблему с дивом в таблице

    В таблице есть 2 строки: верхняя имеет высоту=100%, а нижняя просто 100. В верхнее поле вписан див, в стиле которого так же стоит высота=100%, добавлен оверфлоу=авто и скролл=авто. Но проблема в том, что Опера некорректно отображает этот див (высота в 0 пиксель, не показывая содержимое дива и отображая только его только границы). Проблему с Оперой можно побороть, поставив в стиле дива свойство display, равное table. Но тогда начинает выпендриваться Фаерфокс, бесконечно увеличивая высоту дива и не показывая скроллбары. Пример вот: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Мой чат</title> </head> <…

    Asked by partiz,

    0 votes
    26 answers

  3. TH и DOCTYPE - проблемы с отображением

    После добавления строки DOCTYPE в начало документа в таблице с тегом TH начали отображаться прямоугольники. ПОдскажи плз как можно поправить отображение ячеек с TH в таблице...

    Asked by DImaN,

    0 votes
    14 answers

  4. Здравствуйте Уважаемые профессионалы!

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

    Asked by romawka_ural,

    0 votes
    12 answers

  5. Пожалуйста,помогите чайнику...

    Всем привет!Не могу додуматься как это сделать!Нужно сверстать дивами и чтобы корректно отображалось в ИЕ 6,ИЕ 7,опера,мозила.Задача состоит в следующем:шапка,две колонки которые когда много информации растягиваются,а когда одна строчка все равно на весь экран.Колонки растягиваются одинаково.Футер прижат к низу экрана,а когда колонки растягиваются опускается вниз.Все это во всех браузерах должно распологаться посередине.Я думал,но у меня получается все время чушь,либо по-разному в браузерах.Помогите,пожалуйста.

    Asked by Robin,

    0 votes
    9 answers

  6. DIV отдельным слоем

    На странице имеется DIV с JS, который загружается с другого сервера. Т.к. картинка, выводимая скриптом находится в шапке, то когда сервер с JS не доступен - на сайте загружается шапка и долго ид?т ожидание ответа сервера с JS, и только потом грузится вс? остальное содержимое страницы. Как вариант решения проблемы вижу размещение DIV c JS в конце кода страницы с абсолютным позиционированием, но выводимая картинка находится на резиновом сайте и должна быть выравнена по правому краю страницы (а как это сделать на резиновом дизайне?) + абсолютный отступ сверху. Подскажите, как правильно решить проблему?

    Asked by allmoney.ws,

    0 votes
    1 answer

  7. Создание галереи. Наложение border на border

    Добрый день, друзья! Существую 6 фотографий на одной линии - это галерея, превью (маленькие картиночки). Каждая из фотографией является также ссылкой, которая открывает большое изображения (стандартная схема). Задача в том, что вокруг изображения - рамка в 6px, а между фотографиями должно быть тоже 6px. Т.е. если вокруг фото - рамка, то получается расстоянием между фотографиями в 12px. Зачем я так делаю? Я хочу, чтобы когда наводишь на фото, то рамка (в 6px) вокруг этого фото становилась красного цвета. Поэтому если я сдвигаю вторую фотографию влево (margin-left: -6px;), то у первой фотографии рамка уже будет не полная, так как вторая фотография перекрывает своей рамкой п…

    Asked by Вадим,

    0 votes
    24 answers

  8. макет из трех колонок с одинаковой высотой

    Подскажите как сделать трехколонный дизайн сайта с колонками одинаковой высоты. Что-то не получается у меня Чтобы работало хотя бы в файрфоксе. Простейший пример: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Три колонки одной высоты</title> <style type="text/css"> html, body {margin: 0;padding: 0} body {font: 76% arial, sans-serif} div#container { width: 100%; min-height: 500px; min-width: 500px; } div#header { text-align: center; background: blue; colo…

    Asked by tipoc,

    0 votes
    0 answers

  9. как сделать 4 уголка у слоя

    Подскажите, как можно сделать 4 скоса у прямоугольного текстового блока наиболее эффективным способом. (т.е. добавить картинки в каждый из углов). получается примерно следующее, только слишком громоздко: <td style="vertical-align: top; padding-bottom: 30px; background: #f7eedc;"> <div style="background: #f9e8d4 url(/images/center_top_fon.jpg) repeat-x top; height: 36px;"><img src="/images/center_top_left.jpg" align="left" alt="" /><img src="/images/center_top_right.jpg" align="right" alt="" /></div> <div style="background: #f9e8d4 url(/images/center_left_fon.jpg) repeat-y;"> <div style="background: transparent url(/images/cent…

    Asked by hitenok,

    0 votes
    14 answers

  10. Задать максимально-возможную высоту <div>

    На нижний слой страницы(его высота около 2000px), сверху я хочу наложить такой же по размерам слой с большим z-index: .cont1 { position: absolute; top: 1200px; left: 0px; z-index: 2; } .cont2 { background: #D4070C; position: absolute; height: 2000px; top: 0px; left: 0px; z-index: 3; } К сожалению, чтобы нижний слой полностью закрывался пришлось задать фиксированную высоту (2000px), но так как ни на всех страницах высота нижнего слоя так велика, получается не очень хорошо. Есть ли возможность вместо точного задания размеров написать что то вроде height: 100%; - к сожалению работает только на видимую часть экрана, то есть если опустить вниз то там будет вс…

    Asked by man777,

    0 votes
    4 answers

  11. Float и подчеркивание у ссылки

    <html> <head> <style> a { color: #216a9e; font-size: 8pt; text-decoration: none; border-bottom: 1px dashed #bdd7e9; } </style> </head> <body> <a href="#">Первая ссылка</a><br/> <div style="float: left;"><a href="тест">Вторая ссылка</a></div> </body> </html> В IE первая ссылка подчеркивается, а вторая нет. В FF все работает.

    Asked by dimitrich,

    0 votes
    8 answers

  12. В FF не отображается div, а в IE все нормально. Это меня пугает (

    День добрый. вот http://www.kpbikz.ru/design/ лежит верстка, проблема в том, что в div с id banner не отображается фоновый рисунок, а текст показывается. Причем это происходит только в FF, в IE все нормально. Подскажите пожалуйста в чем проблема? Я учусь верстать слоями, поэтому некоторые нюансы мог упустить из виду - не пинайте уж сильно. upd: Хотя firebug показывает рамку этого слоя в правильном месте. все вроде бы хорошо...

    Asked by badGamer,

    0 votes
    10 answers

  13. не работает background color

    Вопрос, когда подключаю к divам, CCS не работает background color, в чем может быть, причина? Вот стили: #line3 { background-color: #5B3403; float: left; width: 100%; height: 5px;}

    Asked by Bach,

    0 votes
    18 answers

  14. Поиск

    Здрасте! Подскажите как сделать поиск только по своему сайту? Или ссылочку на эту информацию. Сайт написан на html c css.

    Asked by Tan,

    0 votes
    3 answers

  15. Сlass=link1 отказывается работать.

    Почему ссылки класса линк1 не становятся красными??Заранее спасибо! <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html; charset=Windows-1251" http-equiv="content-type"> <title>Var1</title> <style type="text/css"> body { background-image: url(Ôîí1.jpg); } .block1 { margin-top: 150px; margin-left: 18px; font-family: courier; font-weight: bolder; color: #646464; font-size: 18px; } .block2{ margin-top: 0px; margin-left: 80px; } p { margin-top: 10px; margin-left: 50px; color: Black; font-weight: bolder; font-size: large; font-family:…

    Asked by sinderman,

    0 votes
    23 answers

  16. IE отказывается грузить большие фоны

    У меня на сайте используется для фона гифка очень большого размера (высота 20 тысяч пикселей). Меньше никак нельзя - особенность дизайна. Но она очень сжата и весит всего 80 килобайт. IE отказывается такой фон показывать, и даже не грузит эту картинку по прямой ссылке на нее.. Что, есть какое то ограничение у него на эти случаи??

    Asked by begin,

    0 votes
    12 answers

  17. explorer некорректно тянет ячейки таблицы

    Есть вот такая таблица <table width="100%" height="408" border="1" cellpadding="1" cellspacing="1"> <tr> <th colspan="3" scope="row">1</th> <td colspan="2">1</td> </tr> <tr> <th width="5%" rowspan="5" scope="row">kjk</th> <td width="21%" >1</td> <td width="39%">1</td> <td width="29%">1</td> <td width="6%" rowspan="5">kk</td> </tr> <tr height=1> <td height=30>222</td> <td rowspan="3"> Новости 22.03.2008 defr Короче, сказка братьев Гримм. В некотором царстве, плановОм государстве, жил был король Облом Второй. Государство, …

    Asked by loki,

    0 votes
    5 answers

  18. table 100% в блочной верстке

    Здравствуйте, столкнулся с такой проблемой: имеется верстка такого вида —————————————————————-- | | | | | | | | | | | | float:left; | ширина не задана | float: right; | ширина: | | ширина: | фиксир. | | фиксир. | | | | | | | —————————————————————-- При вставке в центральную часть <table width="100%"> <tr> .... some code.... </tr> </table> Таблица уходит под левую часть. как исправить? CSS: /* CSS Document */ *{margin:0px; padding:0px;} img{border:none;} img.png{behavior:url("png.htc");} html{ height:100%; } body{ height:100%; font-family:"Tahoma"; font-size:11px; color:#000; background:url(../images/texture.jpg); } body a{ color…

    Asked by DiMas,

    0 votes
    1 answer

  19. Отступ в последней строке в элементе списка

    Подскажите, плз... В последней строке новости в каждом элементе списка слишком большой отступ от основного текста. (Mozilla, Netscape, частично ИЕ) <table> <tr> <td width="80%"> </td> <td><p class="date_news"><span class="date_news">20.03.2008</span> </p> <ul class="list_general_news"> <li><a href="/news/dlya_megaproproekta_sankt_peterburga_morskoj_fasad_kompaniya_gorodskoj_centr_ekspertiz_ekologiya_vypolnit_rabotu_po_ocenke_vozde/">Для мегапропроекта Санкт-Петербурга ?Морской фасад? компания ?Городской центр экспертиз ? Экология? выполнит работу по оценке воздействия ?намыва? территорий на окружаю…

    Asked by Микель,

    0 votes
    6 answers

  20. Не могу разобраться...

    Вот стили: #niceloginform div.loginformtop { width:100%; background:url(../images/pasportbgzag.gif) #5D5B5E repeat-x bottom left; margin:0; padding:0; } #niceloginform div.loginformtop div.loginformleft { float:left; font:11px Verdana; color:#FFFFFF; padding:6px; } #niceloginform div.loginformtop div.loginformright { float:right; padding:6px; } #niceloginform { position: absolute; width: 332px; left: 50%; margin-left:-170px; top: 50%; margin-top:-150px; text-align:left; background:url(../images/login.jpg) right center no-repeat #FFFFFF; display: none; z-index: 99; } #screen { position: absolute; top: 0; left: 0; right: 0; width: 100%; hei…

    Asked by Mr.Smith,

    0 votes
    15 answers

  21. Ссылка с кнопкой.

    Здравствуйте. пытаюсь сделать дз по информатике. Надо накропать сайт. все просто но в одном месте, где я решил заняться самодеятельностью получилась ерунда. Суть проблемы: Хочу сделать кнопку с сылкой. вроде получилось: текст(нашел на форуме) Теперь вопрос: как сделать, чтобы эта ссылка открывалась в другом фрейме?? имя фрейма "c".Заранее спасибо

    Asked by Niki,

    0 votes
    13 answers

  22. СРОЧНО ПРОБЛЕММА С DREAMWEAVER"ОМ

    В общем у меня очень странна проблемма с этой программой.У меня както постранному редактируються таблицы.Отсуп вообще какойто непонятный.Мне надо чтобы между строками небыло вообще промежутка пользовался тэгом line-height,но ничего не помогло((( В общем вот сама картинка как это безобразие выгядит

    Asked by tray,

    0 votes
    17 answers

  23. Расстояние между строчками

    Уважаемые Гуру! Не моегу решить проблему с расстоянием между строк в столбце навигации. В IE расстояние гораздо шире, чем в остальных браузерах. Спасибо заранее за помощь. У меня имеется серое поле #grau_navi, на нем расположен бокс box_navi со списками непосредственно самих ссылок. Вот код: #grau_navi{ background-color: #bcc4cb; float: left; height: 600px; width: 13.5em; margin: 0; margin-top: 1px; } #box_navi { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; color: #0d2e6b; font-weight: bold; margin: 0; padding: 11px; display: block; line-height: 1; } ul#box_navi { list-style-type: none; } ul#box_navi li{ } ul#box_navi li a:l…

    Asked by Tanuhin,

    0 votes
    4 answers

  24. <TT>

    Кто-нибудь знает что-нибудь об этом теге. По названию он кажись для таблиц.

    Asked by Elendor,

    0 votes
    1 answer

  25. Кодировка данных формы

    Обнаружилась такая проблема. Данные формы отправляются по e-mail методом post. При нажатии на отправить открывается мэйл агент(в моем случае Outlook), там в нем все данные формы которые написаны кириллицой отображаются в таком виде Р?С?Р?Р?РчС?С? Р?С?Р?Р?РчС?Р?Р?Р?С╪ Р?С?Р?Р?РчС?Р?Р?. вот код фомы: <form method="post" enctype="text/plain" name="orderform" onsubmit="return check()" action="mailto:proverka@proverka.ru?subject=проверка" > думаю что дело в энктайпе, но этот тоже неподходит application/x-www-form-urlencoded. Думаю распространенная проблема. Подскажите пожалуйта что не так. да добавлю еще то, что через браузерный gmail агент кирилица отображется нормальн…

    Asked by AKstoAK,

    0 votes
    0 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept