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. Ошибка: syntax error в !DOCTYPE html PUBLIC...

    FF в консоли ошибок выдает следующее В чем может быть проблема?

    Asked by 3ABAPKA,

    0 votes
    8 answers

  2. Ошибка.

    все сделал...

    Asked by Nevik,

    0 votes
    1 answer

  3. Ошибки html в vBulletin v3.6.8

    Форум http://www.goldenseo.ru/ Форум старый много раз ставились разные модификации потом удалялись, видать осталось много ошибок. Хочу добавить сайт в биржи ссылок, пусть хоть что-то капает, но не работают из-за ошибок. В общем основной косяк с лишними закрывающими тегами </div>, </tr>, </td>, </table> и т.п. dreamweaver говорит, что подобные лишние теги являются заменителями тега </body> и получается что тег <body> многократно закрывается посреди документа. Подскажите, что поправить, может все просто и профи сразу увидит косяки. А то я html на любительском уровне знаю. Кто будет смотреть то разбирайте страницу темы например http://www.…

    Asked by antosha,

    0 votes
    0 answers

  4. Ошибки в css классе

    Вот код ,который нужно добавить к остальному: <div class="thumbnails"> <ins class="thumbnail"> <div class="r"> <a href="#"><img src="1.jpg" alt="К44774тво. Вто74ание"border="0" /></a><br /> Про4еии «<a href="#">Ко43ва</a>» </div> </ins> <ins class="thumbnail"> <div class="r"> <a href="#"><img src="2.jpg" alt="Оп673темы" border="0"/></a><br /> <a href="#">Офтал367357овка</a> к54нии «Опт367емы» </div> </ins> <ins class="thumbnail"> <d…

    Asked by Rambo2045,

    0 votes
    1 answer

  5. Ошибки в IE8 и IE7

    Здравствуйте, форумчане. Есть сайт, который как-то странно ведет себя в IE8 и IE7... Вот ссылка на страницу http://beztorga.com/forms.php Проблема в следующем - две кнопки "Частная регистрация" и "Коммерческая регистрация" почему-то не отображаются в ie8... А в ie7 там вообще беда. Подскажите, пожалуйста, в чем может быть проблема. Заранее спасибо.

    Asked by art4web,

    0 votes
    2 answers

  6. Ошибки в верстке по PSD-макету

    Добрый день, ув. форумчане. Недавно проходил собеседование и получил тестовое задание. К сожалению, я интересуюсь программированием и в верстке был не силен, и потому не смог справиться с версткой по готовому PSD-макету. Мне сказали, что сверстано было вообще не по макету. Я очень прошу вашей помощи: оставляю ссылку на тестовый домен, где можете посмотреть результат работы, а так же ссылку на архив с самим макетом. Раскритикуйте мою работу, как можно более полноценно. Я очень жаждую устранить этот косяк и научиться качественно верстать сайты. http://test13.meximas.com/ тестовый домен https://drive.google.com/file/d/0Bxd4ns8xGZHtb1ljSkJDNUFTc0U/edit?usp=sharing архив Маке…

    Asked by Faruq,

    0 votes
    21 answers

  7. Ошибки в работе сайта

    Здравствуйте уважаемые форумчане. Подскажите пожалуйста, создал небольшой сайт, в него впихнул всплывающее окно посредством Fancybox. Собственно в современных браузерах проверил. Нашел как минимум 3 ошибки. 1) Всплывающее окно в Chrome заполняется не по содержимому контента а до конца окна браузера. Во всех остальных - нормально. Для теста взял только алтайский край. Ссылка там 2) В Firefox надпись с названием уплывает вверх, но тут собственно, наверное можно что-то придумать с префиксом. 3) При наведении мышки на регион подсвеченный желтым возникает подсказка, первые две колонки отображают подсказку нормально, а вот последняя жестоко сносит ее влево. Файлы прилагаю. Соо…

    Asked by henry007rta,

    0 votes
    0 answers

  8. Ошибки валидатора

    Привет сегодня валидатор удивил http://validator.w3.org/#validate_by_upload загрузил файл выдало ошибки: раньше проблем ни каких не возникало с данным кодом ну и собсно код загружаемый в валидатор <!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="en" lang="en"> <head> <title>index</title> <link rel="stylesheet" type="text/css" href="css/style.css" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <div id="main"> <!-- head --> <div…

    Asked by WalkMan,

    0 votes
    7 answers

  9. ошибки валидатора css

    Заглянул сегодня увидел 10 ошибок одинакового типа : "Ошибка значения : list-style-type none не является значением list-style-type : none" Что это значит? Всегда ставил list-style-type:none дабы убрать маркеры, но валид посчитал это ошибкой?

    Asked by Hoax,

    0 votes
    1 answer

  10. Ошибки валидации, ну объясните мне..

    ..почему в работах уважаемых веб-студий и топовых фрилансеров-верстальщиков куча ошибок (не редко больше сотни) при проверке на валидацию, как css, так и html. В чём тогда смысл фразы "верстаю валидно..." во всех их резюме? ну НЕ ПОНИМАЮ!

    Asked by mewcherry,

    0 votes
    23 answers

  11. Ошибки верстки W3C

    Хотел бы довести код на сайте до ума. Сделал проверку кода на сайте http://validator.w3.org/ - нашлось 7 ошибок. В грамотной верстке новичек. Подскажите пожалуйсто как исправить ошибки в верстке. document type does not allow element "H1" here; missing one of "OBJECT", "MAP", "BUTTON" start-tag. …"><a href="http://lbmoney.info/"><h1 >Заработать в интернете.Создать сайт.SEO Например эту. Все ошибки можно посмотреть http://validator.w3.org/ по сайту lbmoney.info.

    Asked by LBM,

    0 votes
    8 answers

  12. Ошибки и неувязки

    Прошу посмотреть страничку http://pomidor.com.ua/seemax/ImageneerA/HTML/ImageneerA.html Подскажите плз: 1) Футер прибивал к низу через его отрицат маржу сверху + 100%высоту вышележащего блока. Футер не хочет быть внизу. 2) "Sample text one" должен открывать доступ к ссылке и описанию продука по событию hover. Скрытый блок открывается конечно при этом событии, но входит в колебания открылся-закрылся. Предположил что открывшийся АР блок перекрывает собой вызывающий событие блок. Для удержания открывшегося блока открытым добавил код, который идет вторым из 2х приведенных ниже. Результат тот же. $(document).ready(function(){ $('.blockOne'). hover( functi…

    Asked by seemax,

    0 votes
    5 answers

  13. Ошибки при заходе на сайт

    При заходе на сайт вылазят две ошибки.Помогите исправить. http://h39755.srv0.test-hf.ru/sourcebans/

    Asked by Nsk,

    0 votes
    2 answers

  14. ошибки при проверки валидатором

    Добрый день. У меня, как у начинающего, возник вопрос по поводу проверки станицы сайта валидатором http://validator.w3.org При проверки страницы возникают ошибки разметки, а как это влияет в дальнейшем на развитие сайта, на индексирование страниц поисковиками и т.п.? вот пример для наглядности http://zaidikupi.ru/index2.php Дизайнер с работой справился хорошо, ни каких ошибок, а вот после работы прогера повылазили

    Asked by slo_nik,

    0 votes
    11 answers

  15. ошибочка вышла

    вот созда пхп докумен привожу важный мне фрагмент (остальное дивы с другой инфой) <?php $to = "kolih654@yandex.ru"; $zak=""; $zak="$zak товар 1 - $TOV1 шт.\n"; $zak="$zak товар 2 - $TOV2 шт.\n"; $zak="$zak товар 2 - $TOV3 шт.\n"; $zak="$zak товар 2 - $TOV4 шт.\n"; $zak = "С адреса $email от заказчика с контактными данными $contact пришла заявка на приобретение товара:\n$zak" ; mail($to,"$sub",$mes); ?> </div> вопрос такой отправит ли данная хрень мне на почту письмо проверить не магу т.к. почтовыми клиентами не пользуюсь и не умею пользоватся

    Asked by voin545,

    0 votes
    6 answers

  16. Ошипка, с которой не справиться в одиночку

    Подскажите пожалуйста, вот на днях выложил сайт http://www.volokvet.ru, так вот, ie и chrom отображает нормально, а вот opera и mozilla какието кракозябли (то-есть шрифты отображает не корректно), я уже второй день бьюсь,кодировку менял как в коде так и в браузарах, не могу понять почему не работает. Может вы поможите. Заранее благодарен.

    Asked by woland,

    0 votes
    10 answers

  17. Павающие блоки

    При верстке двухколоночного макета столкнулся с проблемой. Контент представляет собой "нвости", "статьи", которые формируются в две колонки. Затруднений бы не воздникло, если бы все блоки были одинакового размера, ширина фиксированная, но вот высота может быть какой угодно. На картинке схематично изобразил расположение частей сайта, блоки пронумерованны. Шаблон блоговый, на странице будут по мере добавления выводиться статьи/записи. Так вот, можно ли как-то это реализовать средством css, задавая блокам свойство "float: left;", имея такую html-разметку: <header>header</header> <div id="middle"> <div id="content"> <div class="block">block…

    Asked by a.antropov,

    0 votes
    3 answers

  18. пагинатор на jQuery

    Вечер добрый требуется реализовать переход по страницам каталога внутри одной страницы, решил пока не лезть к Ajax, а воспользоваться jQuery - сама панель навигации должна иметь вот такие элементы: вот здесь http://www.webmasters.by/articles/review-po/2538-jquery-pagination-plugins.html искал подходящий плагин, есть более-менее подходящие, но мне нужен именно такой порядок навигационных элементов, плюс оформить сами элементы согласно макету. а какие изменения/доработки вносить в код скрипта, чтобы разместить навигацию именно так - представляю смутно, т.к. в jquery я нуб. по-этому прошу помощи - было бы неплохо получить ссыль на урок, где рассказано, как самому добавлят…

    Asked by orange_juice,

    0 votes
    4 answers

  19. Пагинация bootstrap

    Добрый вечер, уважаемые форумчане! Столкнулись с нестандартной проблемкой. Я сверстала сайт с помощью Bootstap - его приняли, все ок, но сегодня мне заказчик пишет переделать пагинацию - код стандартный <ul class="pagination pagination-lg"> <li><a href="#" aria-label="Первая"><<</a></li> <li><a href="#" aria-label="Предыдущая" ><</a></li> <li class="active"><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#"&g…

    Asked by Orysya,

    0 votes
    8 answers

  20. Пагинация в вордпресс

    Всем привет! Обращаюсь к знатокам вордпресса, очень нужна ваша помощь. Вот в чем проблема - на главной странице выводятся посты по определенной метке, я использую стандартную пагинацию движка и она почему-то работает некорректно - текущей страницей (с классом current) всегда является первая, на какой бы странице я фактически ни находился - хоть второй, хоть двадцатой ... В чем может быть проблема? В какую сторону копать?

    Asked by alejandro13,

    0 votes
    17 answers

  21. Падающие тени

    Здравствуйте. Нашел инете пример, как реализовать падающие тени от картинок, причем не только для статических, а которые генерить можно. Поставил - везде работает, кроме IE. Предполагаю, что он опять чего-то не поддерживает, вот только что? Помогите стажеру. .shadow { background: URL(http://avtomotokniga.ru/image/shadow.jpg) no-repeat 100% 100%; /* Рисунок с тенью */ float: left; /* Создание обтекания для правильного положения тени */ } .bottom-left-corner { background: URL(http://avtomotokniga.ru/image/corner_bl.jpg) no-repeat 0px 100%; /* Левый нижний уголок */ } .top-right-corner { padding: 0 8px 8px 0; /* Ширина тен…

    Asked by zlobik,

    0 votes
    1 answer

  22. Падинг маргинг бординг ширдинг и высотинг

    я только начал изучать HTML и CSS все как бы понятно (не хватает только практики практики практики) меня запутало определение ширины блока (тега-объекта) ширина складывается из ширины границы внешнего и внутреннего отступа что бы добить этот вопрос попробовал поиграть с этими свойствами 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>Тег DIV</title> </head> <body> <div class="cntr"> <div class="cntnt1">1</div> </div> <br/> <div class="cntr"…

    Asked by serjico,

    0 votes
    2 answers

  23. падинги для спана

    http://jsfiddle.net/AYxAw/ в общем суть такова... Как сделать боковые отступы фона от крайних символов? То есть по краям где символы фон сделать по дальше... Блоковым делать его нельзя, он должен быть лайновым, чтоб был эффект перехода строк.

    Asked by vladmih,

    0 votes
    6 answers

  24. Пакетное преобразование изображений (изменение холста)

    Здравствуйте! Уважаемые форумчане, для интернет магазина необходимо сделать квадратные изображения - 220px на 220px. Имеющиеся изображения товаров, а их около 1000 штук, имеют абсолютно разный размер и соотношения сторон. Может быть кто-то подскажет программу, которая позволит решить данную проблему - сделать из прямоугольных изображений квадратные, например, увеличить меньшую сторону до большей. Заранее благодарю за полезные советы и решения!

    Asked by volshebnyi,

    0 votes
    12 answers

  25. Панели

    Объясните пжлст как делаются панели. Увидел-понравилось, тож такую хачю. Вот пример — каталог, статьи, оформление контента в серой рамочке. Как это делается? http://www.mattras.ru

    Asked by S-art,

    0 votes
    1 answer

  • Обсуждения

    • 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