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. Float и valign

    здесь я показал дивы, соедин?нных с помощью float. Нужно сделать так чтобы содержимое того блока, который по высоте ниже перемещался вниз. Такое легко реализовать с помощью таблиц, но в мо?м случае их использовать нельзя. Как ни крутил, ничего не выходило. Есть идеи?

    Asked by adbared,

    0 votes
    3 answers

  2. Допоможіть із перекладом

    Доброго вечора! Допоможіть перекласти цей кусок коду на smarty: foreach ($hotel as $key=> $naz_hot) { foreach ($naz_hot as $nazv=> $data) { // echo $nazv." "; foreach ($data as $data=> $nazva) { //echo $data." "; foreach ($nazva as $nazva=> $cina) { //echo $nazva." "; if ($value==$nazva) { echo "<td>".$cina."</td>"; } //else {echo"</tr>";} } } } } наперед вдячний

    Asked by pit,

    0 votes
    16 answers

  3. Незнаю как зделать разрезанную картинку

    А ответьте пожалуйста,мне это очень важно,я уже давно мучаюсь: А как на третьей картинке http://htmlbook.ru/content/?id=77 ,на шапке 2-ая слева(зел?ная)тыква изначально была не прямоугольная,а с касой линией снизу?Я в фотошопе вс? перепробовал,у меня постоянно получаеться прямоугольная картинка,а мне принципиально нужно,чтобы моя картинка была такая,как я е? вырезал. Напишите пожалуйста,как это сделать,может с помощью CSS это возможно или ещ? как нить?

    Asked by psywalker,

    0 votes
    4 answers

  4. Как сделать рамку вокруг строки таблицы?

    Столкнулся с такой проблемой -- хочу сделать чтобы строки в таблице имели рамки снизу и сверху но не между ячеек. т.е. что-то типа такого: _________________________________ 232312 имя фамилия _________________________________ 342423 имя фамилия _________________________________ казалось бы что прощее -- указать в стилях для Но почему-то это не приводит ни к чему. Цвет строки можно изменить, а вот рамку именно вокруг строки, а не каждой ячейки в строке, не удается.... Что я делаю не так?

    Asked by progreCCor,

    0 votes
    4 answers

  5. Размещение блоков с помощью position: relative

    Нужно сделать что бы показывался определенный блок DIV по нажатию на выбор radio, остальные блоки становятся невидимыми. Блоки выводить нужно в одном и том же месте где и первый блок. Для реалицаии сделал использование position: relative. с отрицательными координатами top. Но в различных браузерах значения отступа разные... как это можно пофиксить? Делал изначально под Opera 9.27 там норма. в FF немного едит вниз. в IE 6 cущественно сьезжает вниз. Какие есть методы пофиксить эту проблему? <!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"> <he…

    Asked by ProGGGer,

    0 votes
    6 answers

  6. Помогите понять, откуда отступ под IMG?

    Всем доброго времени суток. Имею такой html код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Откуда ноги ратсут?</title> <style type="text/css"> .image_div { padding:0; margin:0; background-color: #AAA; float:left; } img { margin:0; padding:0; } </style> </head> <body> <div class="image_div"> <img src="image1_0.jpg"/> </div> </body> </html> B что в Опере, что в IE под картинкой появляется полоса цвета #AAA высотой около 4 пикселей. Что э…

    Asked by WhiteWind,

    0 votes
    6 answers

  7. Господа, устал бороться с png фоном;(( Помогите

    Собственно проблема не в том чтобы сделать фон прозрачным в ИЕ6, например. Есть слой в CSS: #top_center {background: url(../images/bg_top.png); background-repeat: no-repeat; background-position: center top; } Для этого же слоя, дабы сделать его прозрачным и понимаемым для ИЕ6 в код страницы прописываю следующее: <!--[if lte IE 6]> <style> #top_center { background-image: none; filter rogid XImageTransform.Microsoft.AlphaImageLoader(src=/templates/w.club/images/bg_top.png,sizingMethod='crop'); } </style> <![endif]--> В итоге все получаю красивым и прозрачным, но, появилась проблема изза которой я собственно сюда и пишу. Перед тем как прописать фи…

    Asked by biger,

    0 votes
    10 answers

  8. Nimbus Roman No9 L, Liberation Serif и Windows

    Подскажите, пожалуйста, аналоги этих шрифтов из стандартной поставки Windows

    Asked by duke,

    0 votes
    0 answers

  9. Выезжание меню

    здравствуйте. взял скрипт с вашего форума, и появилась загвоздка надо чтобы при нажатии на определенную менюшку, она и выезжала, а у меня выезжают все ставя разные id результата не добился (может не так делал?) подсобите пожалуйста) страница ==> http://icefrozsite.narod.ru/out.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>Выезжание</title> <style> * { margin: 0px; padding: 0px; } #picture { position:r…

    Asked by IceFroz,

    0 votes
    5 answers

  10. 3 колонки, шапка, подвал - контент вверху html (после шапки)

    Собственно обычный вариант, но важность представляет то, что поместить контент надо как можно выше к метам, сразу после шапки - SEO вариант. Макет должен быть резиновым по правому, левому блокам и контенту вниз и в боки. Типо того: <div id="header"> </div> <div id="content"> <div>Контент</div> </div> <div id="leftblock"> </div> <div id="rightblock"> </div> <div class="clear"></div> <div id="footer"> </div> Рассмотрел кучу примеров, мое решение - .mainbody #header { width: 100%; } #content { position: absolute; top: auto; left: 20%; width: 59%; min-height: 40px; margin-top:…

    Asked by LeoStanlik,

    0 votes
    2 answers

  11. Отступ в IE 5.5/6.0

    Всем привет! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> ... </head> <style type="text/css"> #left { float: left; width: 31%; margin-left: 2%; } </style> <body> <div id="left"> ...content... </div> </body> </html> Отступ в IE 5.5/6.0 от левого края в 2-3 раза больше, чем в остальных браузерах (включая IE 7/8). При отключении опции ?float: left? отсуп становится нормальным, но мне эта опция необходима (верстка трехколоночная, следующий div располагается следом за этим). Заранее спасибо за помощь.

    Asked by my-name-is-Max,

    0 votes
    4 answers

  12. Теги <TD> с CSS - подскажите пожалуйста

    Мучаюсь уже которое время и ни как не могу понять если ли решение моего вопроса. И книги читал, и в сети шарился но никак не найду ответа на следующий вопрос: К примеру есть таблица: <table class="sample"> <tr> <td class="sample1"> text </td> <td class="sample1"> text </td> </tr> <tr> <td class="sample1"> text </td> <td class="sample1"> text </td> </tr> <tr> <td class="sample1"> text </td> <td class="sample1"> text </td> </tr> </table> В стилях прописано для примера ну вот так: .sample { width: 95%; border:0px; } .sample1…

    Asked by RoxyHuman,

    0 votes
    2 answers

  13. background-image

    Hi. есть проблемка по поводу background-image: есть сайт в нем есть стили body { margin: 0px auto; padding: 0px; background-color: #FFFFFF; background-image: url(images/background2.JPG); font-family: Verdana, Arial, Helvetica, sans-serif; text-align:justify; font-size: 12px; color: #444444; } .bodys{ background: #FFFFFF url(images/background.gif) repeat-y center top; } <html> <head> <title></title> <link href="/resources/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="bodys"> <div id="header"> </div> <div> content </div> </div> </…

    Asked by godvin,

    0 votes
    1 answer

  14. IE не понимает background... center top; ?

    В сайте следующая задумка - шапка сайта идет фоном, по центру. Сам сайт - статический и тоже отцентрирован по центру. Шапка и сайт сделаны так, что они должны четко сходиться в одном месте. Что по теории вполне выполнимо. Но, в итоге, в FF и Опере все работает как надо - на любом разрешении (1024х768 и больше). В IE (пока тестил на IE 6) - шапка и сайт разъежаются в разные стороны. И видно что фон не по центру. На валидность проверял и html и css - 0 ошибок. Пока пример показать не могу. div#container // отцентрирование по середине сайта { position:relative; width: 966px; margin-top: 190px; margin-left: auto; margin-right: auto; text-align:left; background-color:…

    Asked by Walk,

    0 votes
    4 answers

  15. CSS list-style-type, вопрос!

    Можно ли сверстать ниже написанное, с помощью синтакисиса и задать необходимый цифровой маркер? 1. Пункт один 1.1. Подпункт один один 1.2. Подпункт один два 1.3. Подпункт один три 2. Пункт два .... и т.д.

    Asked by Sotnikov,

    0 votes
    10 answers

  16. Высота ячейки 100% в IE - действительно решения не существует?

    Проблема очень простая и несколько раз уже обсуждалась на форуме (тут, например), но решения так никто и не нашёл. Дано: простейший макет - таблица из трёх строк (хидер, контент и футер), растянутая на 100% по высоте. Хидер и футер имеют фиксированную высоту, контент занимает всё остальное пространство. В quirks mode это замечательно работает, а вот при добавлении любого валидного доктайпа начинаются проблемы: в Опере и ФФ всё показывается нормально, а в IE6 вертикальные размеры ячеек игнорируются, и в итоге (при пустом содержимом) все три ячейки занимают по трети высоты таблицы. Пример кода: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html…

    Asked by RedRat,

    0 votes
    10 answers

  17. растяжения rowspan в таблицах

    <table border="0" cellspacing="0" cellpadding="0" id="maintable"> <tr> <td colspan="3" id="header"> </td> </tr> <tr> <td rowspan="2" id="left_panel"> здесь менюшка </td> <td id="main_window"> </td> <td rowspan="2" id="right_panel"> </td> </tr> <tr> <td id="footer">Футер</td> </tr> </table> Проблема в том что при добавлении отступов между пунктами меню, растягивается футер, не знаю в чем дело 1) 2)

    Asked by Victor Ananiev,

    0 votes
    5 answers

  18. Из горизонтального в вертикальное меню!

    Помогите. На неком сайте имеется прекрасный образец горизонтального меню. Мне нужно, чтобы оно было вертикальным! Как сделать - ума не приложу! ВОТ ПРИМЕР ЭТОГО МЕНЮ: http://www.shtogrin.com/design/menu/horizo...ts/example.html Вот сайт: http://www.shtogrin.com/design/menu/horizontal_lists/ Вот сам код: HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="example.css"> <script language="javascript" src="example.js" type="text/javascript"></script> <title></title> <…

    Asked by Пятница,

    0 votes
    9 answers

  19. Шапка сайта

    Мне нужна шапка с 3 картинками. Картинки должны не растягиваться, а сохранять свои пропорции. Вот что у меня пока получилось <HTML> <HEAD> <TITLE> Top </TITLE> </HEAD> <body> <a><img src="2.gif" alt="Русский" border="0" width="33%" height="100"</a> <a href="http://prav.tatar.ru/tat/"><img src="11.gif" alt="Татарча" border="0" width="33%" height="100" </a> <a><img src="12.gif" alt="Русский" border="0" width="33%" height="100"</a> </body> </HTML> Когда я сжимаю окно браузера, картинки тоже соответсвенно сжимаюся. P.S. Например, здесь http://prav.tatar.ru/ при сжимании окна б…

    Asked by Calita,

    0 votes
    8 answers

  20. Резиновый дизайт с двумя картинками

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

    Asked by ivan_t_b,

    0 votes
    2 answers

  21. КАРТИНКИ

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

    Asked by Jeka,

    0 votes
    6 answers

  22. Ищу Книги и Статьи по В?рстке Сайтов

    Кто нибудь может посоветовать какие нибудь книги и статьи по В?рстке Сайтов,там Div , CSS и т.дConfused Я уже весь Инет перерыл,нигде нету,уж очень хочется научиться Верстать сайты. Если кто знает,может какие книжки можно скачать,какие нить ссылочки на скачку..?

    Asked by psywalker,

    0 votes
    4 answers

  23. Подскажите, можжно ли осуществить такое.

    Заменить у селекта эту кнопочку ? , на эту ? желательно не извращенным способом)

    Asked by Sotnikov,

    0 votes
    6 answers

  24. Спрятать элементы таблицы

    Добрый день уважаемые товарищи! Подкажите пожалуйста как можно сделать такую таблицу: Нужно както скрыть(сделать прозрачным) правую сторону ячейки. Подскажите пожалуйста как такое сделать? Спасибо за помощь!

    Asked by SHN,

    0 votes
    4 answers

  25. Подскажите плиз как сделана страница контак на http://rusugar.com/

    Здравствуйте. Подскажите пожалуйста, каким образом сделана выдвигающаяся страница с обратной связью на http://rusugar.com/

    Asked by monsato,

    0 votes
    4 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