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. Отображение страницы в любом браузере. с любым разрешением

    Когда то на форуме видел ссылку сайта, где можно просмотреть отображение своего кода в любом из браузеров, при любом разрешении и под разные платформы? Её давал кажется Dimitry Wolotko. Может у кого есть подобная ссылка?

    Asked by ardjuna,

    0 votes
    1 answer

  2. Самое распространённое разрешение мониторов в России

    Здравствуйте . Кто может подсказать, на какое разрешение мониторов следует ориентироваться при верстке сайта (исходя из наиболее распространенных настроек у пользователей в России ) Кто может имеет ссылочку где глянуть статистику можно?

    Asked by ardjuna,

    0 votes
    1 answer

  3. input vs a href

    Можноли кнопку для отправки данных формы заменить на ссылку? <form name="form" action="/form/" method="post"> <input name="tem" type="hidden" value="tem" /> <input type="submit" name="submit" id="submit" value="отправ"> </form> <input type="submit" name="submit" id="submit" value="отправ"> заменить на ссылку можно? если да то как?

    Asked by woofs,

    0 votes
    18 answers

  4. Помогите с отступами

    помогите, кто может. не могу увеличить отступ от текста до формы. если же отступ увеличивается, то возникает проблема: текст и форма находятся на разном уровне (как бы на разных строках). как этого избежать? спасибо. <!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> New project </title> <style type="text/css"> .layer1 { padding-left: 80px; /* Отступ слева */ background-image:url(topfon.jpg); color: lightblue; /* Цвет шрифта */ } .ots { margin-left: 80px; /* Отступ слева */ pa…

    Asked by mydba,

    0 votes
    7 answers

  5. Bold шрифт через CSS

    Парни,срочно!В css шаба есть свойства main меню Как сделать,используя его(дописать что-то) , чтобы текст стал boldom ?

    Asked by FASTDEATH,

    0 votes
    8 answers

  6. Занятный ослиный косяк

    Есть вот это, надо смотреть в IE6 и IE7. <!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"> <!-- DT{width:12em;} DD{width:18em; margin-left: 12em; margin-top:-1.2em;} INPUT, SELECT{width:100%;} --> </style> </head> <body> <form method="get" action="#"> <dl> <dt><label for="id1">Поле:</label></dt> <dd><in…

    Asked by Justnewone,

    0 votes
    14 answers

  7. width100%+pad

    XHTML: <div class="b-0">bla-bla-blablabla-bla-blablabla-bla-blabla</div> <div class="b-1"> <div class="b-2"> ................ <p>bla-bla-blabla-bla-blabla-bla-blabla-bla-bla</p> <div class="b-3">bla-bla-bla</div> ....................... </div> </div> CSS .b-0 {float:left; widht:200px;} .b-1 {margin-left:200px;} .b-2 {padding:0 50px;} .b-3 {background:#0f0} Вопрос! Как сделать чтобы блок .b-3 прилипал к краям .b-2? не забывайте про ие6.. для p ничего не пишем..т.к. много различных блоков может быть внутри .b-2, надоест для каждого писать padding мне нужно общее решение. .b-3 может быть в любом мес…

    Asked by Lincky,

    0 votes
    7 answers

  8. Ширина и высота таблицы

    Верстаю с доктайпом: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Создаю таблицу <table cellspacing="0" style="border:1px #000000 solid;height:152px"> <tr> <td style="border:1px #000000 solid"> </td> </tr> </table> 1.Почему-то высота содержания столбца = 148пкс, т.е. толщина border входит в высоту таблицы, а не прибавляется к ней. Так происходит во всех обозревателях. 2. Что должно произойти с высотой при добавлении border-collapse:collapse? Тут каждый браузеров делает, кто во что горазд. ИЕ6 - 150пкс, Опера 9 - 149пкс, ФФ3 - 152пкс.

    Asked by Колос,

    0 votes
    2 answers

  9. Как с помощью CSS привести к одному виду ширину блока в процентах, в Опере и IE6

    <div class="border_1"> <b>Каталог рассылок</b> <p align="right"><b>Каталог рассылок</b></p> </div> <br /> <div class="border_1" style="height:10%"> <b>Новости сервера рассылок</b> <br /> <p align="right"><b>Новости сервера рассылок</b></p> </div> .border_1 { position: relative; margin-top: 5px; margin-left: 230px; border: 1px solid #d1ddea; height: 100%; width: 100%; }

    Asked by Alek7y7,

    0 votes
    3 answers

  10. Позиционирование фонового изображения

    Здравствуйте. Столкнулся с проблемой: как фоновое изображение сместить вправо на 10px учитывая что background-repeat: repeat-x ? Спасибо

    Asked by host,

    0 votes
    2 answers

  11. таюлица, ячейки фиксированной ширины

    <table cellpadding="0" cellspacing="0" id="gallery-table" style="left: 0px"> <tbody> <tr> <td width="183"> <a href="#" title="image 1"><img src="images/g-1.jpg" alt="image 1" /></a> </td> <td width="183"> <a href="#" title="image 2"><img src="images/g-2.jpg" alt="image 2" /></a> </td> <td width="183"> <a href="#" title="image 3"><img src="images/g-3.jpg" alt="image 3" /></a> </td> <td width="183"> <a href="#" title="image 4"><img src="images/g-4.jpg" alt="image 4" /></a> </td> <td width="…

    Asked by Zippovich,

    0 votes
    2 answers

  12. Позиция курсора в textarea

    Создаю простенькую форму с одним полем textarea, но при щелчке мышью по этому полю курсор устанавливается не в верхний левый угол, а в месте щелчка. Если при загрузке страницы применяю небольшую функцию на JS, <script type="text/javascript"> function ClearForm() { document.form.text.value=''; } </script> ... <body onload="ClearForm()"> <form action="" method="post" name="form"> <textarea cols="40" rows="10" wrap="virtual" name="text"></textarea> </form> ... курсор устанавливается так, как положено. В чём может быть проблема?

    Asked by Ornament,

    0 votes
    5 answers

  13. несколько в одном

    Здраствуйте. Я по вопросам списков таких как L2 в статусе персонажа. Меня интересует как можно это зделать на одной странице как вкладка.

    Asked by TOKIOboy,

    0 votes
    0 answers

  14. Прыгает ширина блоков на разных страницах

    Есть страница, верстка div'ами. Шапка: #header { float:left; height:70px; margin:10px 0 5px; padding:10px; width:900px; } Левый div (с меню) #leftcolumn { float:left; margin:0 5px 5px 0; padding:10px; width:195px; } Правый блок(с контентом) #rightcolumn { color:#333333; display:inline; float:right; margin:0 0 5px; padding:10px; width:678px; } При переходе по страницам, верстка прыгает. Перерыл всё... вроде всё жестко зафиксил, всё равно прыгает. Сам сайт _ttp://www.devilbiss.ru

    Asked by rolph,

    0 votes
    12 answers

  15. Select не показывает option'ы в IE6

    Всем, здравствуйте. У меня проблема с отображением Select. <div id="tabs"> <ul> <li><a href="#tabs-1">Первый таб</a></li> <li><a href="#tabs-2">второй таб</a></li> </ul> <div id="tabs-1"> <select name="kbe" id="kbe" > <option value="19">Физ.лицо резидент</option> <option value="29">Физ.лицо не резидент</option> <option value="17">Юр.лицо резидент</option> <option value="27">Юр.лицо не резидент</option> </select> </div> <div id="tabs-2"> Здесь много текста </div> </div> Табы работают …

    Asked by Gleb,

    0 votes
    2 answers

  16. Отступы

    Помогите, пожалуйста! В мозиле отображается нормально, а в опере идет отступ сверху пикселей в 50. стили: div.header { margin:0 auto; float:left; width:33%; } body { margin: 0; padding: 0; background: #a68787 url(images/img01.gif) repeat-x left top; font-size: 13px; text-align: justify; color: #634e4e; } body, th, td, input, textarea, select, option { font-family: Arial, Times, serif; } h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #a68787; } h1 { font-size: 36px; } h2 { font-size: 2em; } h3 { font-size: 1em; } p, ul, ol { line-height: 200%; } blockquote { padding-left: 1em; } blockquote p, blockquote ul,…

    Asked by areare,

    0 votes
    6 answers

  17. проблема с подключением страницы пхп в блок

    Доброго времени суток уважаемые форумчане!...проблема такая, через ссылку пытаюсь вывести на главную страницу контент второстепеноой,если в ссылке указываю body/****.html, страница выдоится если же пишу в адресе ссылки body/****.php то денвер выдает ошибку : Not Found The requested URL /BODY/sozdat_rezume.html was not found on this server. Подсказка Денвера Вы ошиблись при наборе URL в браузере. Вероятнее всего, сервер пытается найти файл Z:/home/test1.ru/www/BODY/sozdat_rezume.html, которого не существует. В случае использования CGI-скриптов, корректные пути к CGI-директориям следующие: URL Куда указывает http://***/cgi-glob/script.cgi /home/cgi-glob/script.cgi http://…

    Asked by Aleksandrid,

    0 votes
    20 answers

  18. почему ячейка больше ширины, которую я ей дала?

    вот мой вопрос, просто я его случайно не в таблицы, а вообще в тему хтмл задала http://forum.htmlbook.ru/index.php?showtopic=15216

    Asked by yummi,

    0 votes
    1 answer

  19. почему моя html табличка ведёт себя так странно?(см внутрь)

    В общем нужно сделать вот такую штуку но дело в том, что где нижний цветочек, если ему родную ширину поставить, ячейка будет длинее!!!!он будет повторяться!!!! а он 107px а я ему 50 поставила.. <table border="1px" cellpadding="0px" cellspacing="0px" cols="3"> <tr > <td background="images/LT.png" width="116px" height="111px">r </td> <td background="images/MT.png" width="11px" height="111px"colspan="4">r </td> <td background="images/RT.png" width="69px" height="111px">r </td> </tr> <tr> <td background="images/LM.png" width="116px" height="11px">r </td> <td bgcolor="#fffddf" width="300px…

    Asked by yummi,

    0 votes
    3 answers

  20. таблица в таблице

    Помогите плиз чайнику как сделать чтобы таблица в левой таблице основной таблицы выравнивалась по верху (а не по центру высоты) Заранее спс <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv=content="text/html; charset=windows-1251"> <title>Untitled Document</title> </head> <body> <table width="100%" border="1"> <tr> <th width="60%" height="166" scope="col"><table width="100%" border="1"> <tr> <th scope="col"> </th> <th scope="col"> </th> </tr> <tr> <th scope="row"> </t…

    Asked by vvooll,

    0 votes
    2 answers

  21. Таблица в таблице

    Помогите плиз чайнику как сделать чтобы таблица в левой таблице основной таблицы выравнивалась по верху (а не по центру высоты) Заранее спс <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv=content="text/html; charset=windows-1251"> <title>Untitled Document</title> </head> <body> <table width="100%" border="1"> <tr> <th width="60%" height="166" scope="col"><table width="100%" border="1"> <tr> <th scope="col"> </th> <th scope="col"> </th> </tr> …

    Asked by vvooll,

    0 votes
    1 answer

  22. Opera дает пиксель вверху текста

    Добрый день! Вопрос такой. Обнаружил, что Opera в текстовом блоке дает дополнительный пиксель сверху. Т.е. если позиционировать блок с текстом относительно, то в опере текст будет на пиксель ниже. line-height, font-size, padding и margin ставлю везде одинаковый (т.е. прописываю). Как-то можно это обойти? Спасибо

    Asked by art008,

    0 votes
    2 answers

  23. Отрицательный margin и ie6

    Есть три колонки. Реализация стандартная <div style="width:30%; float:left;"></div> <div style="width:30%; float:left;"></div> <div style="margin-left:60%"></div> Внутри есть некоторые элементы, которые нужно вынести за пределы блоков. Для этого использую отрицательный маргин. Как всегда IE6 радует. Полностью обрезает те куски которые вынесены за пределы родительских блоков. Насколько я понимаю, это происходит из-за наличия у блоков-колонок свойства hasLayout. Вроде оно присваивается блоку если ему float давать. И судя по всему ведёт себя как overflow:hidden. Я прав или нет? И, в любом случае, как можно решить эту проблему?

    Asked by od_lazio,

    0 votes
    2 answers

  24. <!--[if ff]>

    Я пользуюсь Оперой. Сверстал сайт, всё валидно. Слайдшоу в ИЕ не работает. Ну да ладно, <!--[if IE 6]>что-то<![endif]-->, заменил всё первой картинкой. Когда тестил в Фаерфоксе, со слайдшоу была ещё большая дрянь, чем в ИЕ. Поискал, нашел: <!--[if ff]>что-то<![endif]--> Тем же путем, что и для Эксплорера. Но не работае. В чем проблема? Заранее благодарен.

    Asked by rimiden,

    0 votes
    3 answers

  25. тег comment

    Только код получается из-за этого тега не валидный. Есть ли какая замена этому тегу(важно чтобы был код валидным)?

    Asked by host,

    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