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. Разница margin и пробела в браузерах.

    Заметил вот такую штуку: Тег margin и пробел ( ) по разному отображается в хроме и опере. Допустим, у меня есть две картинки, которые стоят рядом с друг другом. Для 2ой я прописываю (margin-left: 15px) И вот это расстояние разное получается в браузерах. Как так? Или это верстка такая кривая?

    Asked by Sedacove,

    0 votes
    1 answer

  2. Вставка видео на сайт

    Добрый день, вставил видео с youtube кодом, который он сам же и предоставляет, везде работает, вот только в IE 8 не пашет это, хотелось бы узнать. для IE надо как-то по-особому вставлять видео (может свойство какое-то нужно задать) или это с настройками браузера надо копаться, сайт на локалке.

    Asked by axigreat,

    0 votes
    2 answers

  3. Корректно ли использовать "пустые" ссылки?

    Всем доброго дня (утра, ночи)! верстал я, никого не трогал и тут сегодня вдруг задался вопросом насчет корректности использования "пустых ссылок". есть вот такой код <a href="адрес">пусто</a> корректно ли его использовать и оформлять ссылку через css или вместо "пусто" должен быть обязательно текст, изображение? если можно ссылку на документ подтверждающий то или иное мнение. заранее спасибо.

    Asked by RK152,

    0 votes
    8 answers

  4. Границы по бокам сайта

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

    Asked by laird,

    0 votes
    6 answers

  5. Не хочет работать скрипт в модальном окне

    Вопрос по модальному окну в html Панель авторизации работает вне модального окна: В модальном окне не как не хочет " разворачиваться" Код модального окна: <script type="text/javascript"> jQuery(document).ready(function($) { $('a[rel*=facebox]').facebox({ loading_image : 'loading.gif', close_image : 'closelabel.gif' }) }) </script> html код: <a href="#info" rel="facebox">Авторизация</a> <div id="info" style="display:none;"> {login} </div>

    Asked by Bandyy,

    0 votes
    2 answers

  6. Непонятные вертикальные отступы передед дивом

    Потратил больше часа, на поиск ошибки, но так и не смог найти. Суть в том, что между дивами образуются отпступы по вертикали как будто margin-top: указан. Но на самом деле его нет. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns:vml="urn:schemas-microsoft-com:vml"> <!-- Для Яедекс карты --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <META name="description" content="Детские игровые комплексы"> <META name="keywords" content="Детские игровые комплексы"> <title>Детские игровые комплексы</title> <lin…

    Asked by Воитель,

    0 votes
    7 answers

  7. Выравнивание ul в ячейке таблицы по правому краю

    Здравствуйте. Помогите пожалуйста выровнять список (пагинацию) по правому краю ячейки. Что я только не делал: text-align: right в теге TD не помогает, пробовал float:right в теге DIV - выравнивает, но не так как надо; пробовал в каждый тег LI ставить float:right - но тогда список переворачивается задом-наперед. Привожу примерный код (в моем случае LI отображаются в цикле на PHP): <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="css/style.css" /> </head> <body> <table border="1" style="width: 100%; border-collapse: collapse;"><tr> <td style="border: 1; width:15%;">Что либо</td> &lt…

    Asked by gegmaster,

    0 votes
    2 answers

  8. Обрезается шапка

    У меня обрезается шапка сайта справа, как исправить эту проблему?

    Asked by max400,

    0 votes
    7 answers

  9. focus на инпуте

    Не подскажите как можно реализовать чтобы, при отображении блока для входа сразу был фокус на инпуте как на сайте http://www.photobox.co.uk/

    Asked by jumancy,

    0 votes
    8 answers

  10. Как скрыть границу блока в IE6

    Есть макет http://george75.ru/sdobavrn/index.html в firefox, opera, ie8 удается скрыть верхнюю границу между основным блоком и горизонтальным меню, в ie6 не получается. Существует ли вариант решения проблемы средствами CSS?

    Asked by george75,

    0 votes
    4 answers

  11. горизонтальное центрирование без width

    Имеется шаблон, в нем такая схема: <div id="gallery"> <div id="gall_item"></div> <div id="gall_item"></div> <div id="gall_item"></div> <div id="gall_item"></div> ... </div> Joomla генерирует произвольное число этих самых gall_item. Как выровнять их в любом случае по центру? Традиционное решение типа задать для gallery width="..px" и margin: 0 auto; не подходит, т.к. длина блока зависит от количества элементов.

    Asked by p1653v,

    0 votes
    2 answers

  12. Сообщение валидатора

    Поясните пожалуйста что надо изменить? Видимо где-то текст на сайте написан не UTF-8, а BOM-ом?

    Asked by Анна,

    0 votes
    2 answers

  13. Проблема с валидностью php файла

    Всем привет подскажите пожалуста, как правильно в php файле должны писатся стилевые значения чтоб проходили валидность в <!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" xml:lang="ru-ru" lang="ru-ru"> Вот отрывок кода с файла(//Записи, картинка if ($conf[26]==1) if ($conf[29]=='left') echo "<td valign=".$conf[30]." width=10% align=left><img src=/user_count/admin/img/us".$conf[27].".png border=0 /></td>"; echo "<td>"; ) Ошибка валидности вот тут в нуле border=0, как…

    Asked by vadimcucherencko,

    0 votes
    2 answers

  14. Проблема с резиновым фоном div'a

    На странице 3 картинки для фона: хедер - bg-top.jpg, ниже где контент - middle.jpg (пытаюсь использовать в качестве фона как <img> чтобы растянуть по высоте и ширине от конца header'a до начала bottom'а) и bottom - bottom-min.jpg, который по идее должен быть прижат к низу страницы, но никак не хочет этого делать. Подскажите что как тут быть? <style type="text/css"> *{margin:0;padding:0;} html, body{ width:100%; height:100%; min-width:1000px; } .note{ border:1px solid #ddd; margin:2% 7% 0 0px; width:55%; float:right; min-height:500px; height:auto !important; height:500px; position:relative; } .trans{ background:#fff; opacity:…

    Asked by 2m2,

    0 votes
    10 answers

  15. float:left

    В чем проблема не пойму когда нет float все нормально работает а с float почему то фон пропадает.Может кто то обьеснит почему так? Скрин шаблона: http://s48.radikal.ru/i119/1109/b3/9be71e624ce7.jpg Css http://ggggftmggg.ucoz.ru/Style.css HTML http://ggggftmggg.ucoz.ru/1.txt float:left присутствует float:left не присутствует Фон серый есть!

    Asked by Gvard,

    0 votes
    6 answers

  16. Отступы в списках у ie отличается от других браузеров

    Всем доброго дня! Подскажите, как исправить баг ие7. Есть див, внем список. Отступ списка 30 пикселей от левого края. Но, ослик делает отступ меньше. Я обнулял и ul и li не помогло. Как же исправить? На форуме через поиск не нашел. <style type="text/css"> #block { margin: 0 0 0 300px; } ul, li { margin: 0px; padding: 0px; } ul { margin: 0 0 0 30px; } </style> <div id="block"> <ul> <li></li> <li></li> <li></li> <li></li> </ul> </div>

    Asked by viv,

    0 votes
    8 answers

  17. Не срабатывает height

    Не могу понять в чём дело,вроде,всё правильно,помогите,пожалуйста Html <table border='1' align='left' cellspacing='0' cellpadding='0'> <tr height='6px'> <td><img src='images/ugol_left_top.png'></td> <td class='menu'></td> <td><img src='images/ugol_right_top.png'></td> </tr> </table> CSS td.menu{ background-color:#03072c; width:100px; height:6px;}

    Asked by IrkaLulka,

    0 votes
    39 answers

  18. [БАГ] firefox \ input \ padding \ %

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

    Asked by ]-[иколай,

    0 votes
    18 answers

  19. Два блока!

    Здраствуйте! Тут такая проблема: Есть сайт http://ct-logistics.net/ - там вверху переключатель языков(eng|ru) В сафари они вылазят вниз... Немогу исправи, найти причину! В других браузерах прыгают вниз! Помогите пожалуйста!

    Asked by Vendetta-V,

    0 votes
    6 answers

  20. rowspan не проходит html 5 валидацию

    Фрагмент кода: <table class=flt_img> <tbody> <tr> <td> ТИП</td> <td colspan="6"> 560 GX</td> <td> Изображение</td> </tr> <tr> <td> Диаметр шланга, мм</td> <td> 82</td> <td> 63</td> <td> 70</td> <td> 70</td> <td> 75</td> <td> 75</td> <td rowspan="6"> <a href="/thsstfls/files/images/irrigator/560.jpg"> <img src="/thsstfls/files/images/irrigator/560s.jpg" alt="катушечный ирригатор" height=135 width=100> </a> </td> </tr> <tr> <td> Длина шл…

    Asked by Neokortex,

    0 votes
    2 answers

  21. Помогите разобраться.

    Всем доброго времени суток! Пожалуйста помогите разобраться, ато немного запутался. Дело в том что я хотел написать небольшой сайтик. Думаю для его написания будет достаточно моих знаний HTML CSS и Java-script, но все же хотел еще что нить добавить с использованием php. Поэтому щас изучаю php. Вопрос вот в чем. После написания сайта естественно собираюсь выложить его в инет и администрировать его. И я немного запутался. Вот у меня будет готовый сайт, написанный в блокноте) вот я выбрал хостинг, а дальше что? я просто передаю сайт где все файлы лежат в одной папке? надо ли как то по особому указывать другие html страницы кроме главной? главная страница я так понял должна н…

    Asked by Kurt22,

    0 votes
    13 answers

  22. Разъезжаются элементы

    На странице 4 новости в два ряда, по всей видимости когда высота какой то новости больше, то они разъезжаются Я установи min-height и для хрома помогло, а вот мозилка не прочувствовала изменений как-то Помогите разобраться с недоразумением пожалуйста Колонка новостей http://yametal.net/home.php

    Asked by Tchorteg,

    0 votes
    1 answer

  23. Х с планкой сверху

    Подскажите, пожалуйста, где найти код символа х с черточкой наверху в UTF?

    Asked by LuxCore,

    0 votes
    5 answers

  24. Приложение ....php не является приложением win32

    Собственно помогите,в чем может быть проблема?Только установил денвер...

    Asked by moron,

    0 votes
    5 answers

  25. Первый раз

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

    Asked by Lemming,

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