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. Помогите понять что такое CMS

    Я просто хотел для себя узнать, как мне управлять всеми страницами через хоть что то, я вообще не втыкаю как это можно сделать, там кто то что то говорил про ядро сайта, я не понимаю как его воткнуть как им пользоваться, и надо ли мне переписывать страницы заново, как автоматизировать чтобы при заполнении в "ядре" у меня автоматически создавалась колонка с нужными функциями, подобно тому что я добавляю через текстовый редактор блок <div> Спасибо администратор что добавил мой вопрос!!!!!

    Asked by Mo1oF,

    0 votes
    30 answers

  2. Помогите понять, откуда отступ под 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

  3. Помогите поправить код

    Здравствуй форумчане. Помогите пожалуйста советом. Обратите внимание на колонку «Подписка на обновления» - samoe-samaya.(ru) Как сделать отступ между рсс и твитер, между твитер и подпиской по емайлу? И как выровнять записи «RSS Канал» и «Твиттер» посередине иконки? Что бы ни тратить ваше драгоценное время вот код: <table border="0" cellpadding="8" cellspacing="8" width="100%" align="center"> <tr> <td><a href="http://feeds.feedburner.com/samoe-samaya/DkdP" title="Подписаться на блог через RSS" target="_blank"><img src="http://samoe-samaya.ru/wp-content/images/rss.gif" width="48"></a></td> <td><span style="color:#ff9933; …

    Asked by seer333,

    0 votes
    8 answers

  4. помогите поправить скрипт

    есть скрипт: function show_full(id) { $.post(dle_root+"engine/modules/show_full.php", {id:id}, function(data) { $('body').append("<div id=\"show_full\"></div>"); $('#show_full').html(data); $('#show_full').dialog({ zIndex: 900, width: 400, height: 300, autoOpen: true }); } ); } он показывает в короткой новости окошко с полной новостью, скрипт show_full.php вытаскивает из базы полную новость. вызываю его так: <a href="#" onmouseover="show_full('{news-id}');">быстрый просмотр</a> в результате - при наведении на ссылку "быстрый просмотр" всплывает окошко с полной новостью, но при уходе ссылки окошко не пропадает.…

    Asked by alleclf,

    0 votes
    1 answer

  5. Помогите поровнять

    Друзья, что я делаю не так? .catwrap { display: inline-block; width: 320px; height: 290px; padding: 5px; } .category { margin: 0 0 0 10px; width: 200px; } h2.category { padding-top: 5px; padding-left: 10px; padding-bottom: 5px; background: #F90; background-image:url(<?php bloginfo('url'); ?>/wp-content/themes/build/images/h2side.jpg); background-position:top; position:relative; top:0px; left:0px; } .catlist { position:relative; top:-10px; width: 280px; height: 200px; border: #F90 solid 1px; margin: 10px; padding:5px; } Получаю А хотелось бы чтобы блоки стояли ровно (как в табличке, т.е. "Покер" и "Полезно знать" должны стоять на одной линии…

    Asked by kentastik,

    0 votes
    2 answers

  6. Помогите поставить фавикон на ХТМЛ

    Здравствуйте!!! Создал страницу в HTML и не могу добавить для нее фавикон. Пробую прописывать следующий код между тегами head: <link href=”favicon.ico” type=”image/x-icon” rel=”icon” /> <link href=”favicon.ico” type=”image/x-icon” rel=”shortcut icon” /> favicon.ico - название иконки, она расположена в той же папке что и ХТМЛ страница. После вставки кода и обновления страницы все остается по прежнему. Что я делаю не так?

    Asked by kentman,

    0 votes
    1 answer

  7. Помогите поставить шапку на сайт

    вот код торий прописан #header { background: url("/header.jpg") no-repeat bottom center; margin: 0px; padding: 0; height: 260px; width: 1054px; color: #000; } а вот сам сайт ! не могу норм отредактировать размер чтобы норм смотрелся ! помогите

    Asked by hatabush,

    0 votes
    2 answers

  8. Помогите построить небольшой макет дивами

    Привет есть небольшой код <div id="body"> <div id="leftcol"> <div id="leftsidea"></div> <div id="leftsideb"></div> <div id="leftsidec"></div> </div> <div id="bodycenter"> text </div> <div id="rightside"></div> </div> и css #leftcol{ width:145px; float:left; height:100%; } #body{ text-align: center; width:1300px; float:left; } #leftsidea{ text-align: left; width:145px; background-image: url('../images/leftside.png'); background-repeat: repeat-y; float:left; } #leftsideb{ text-align: left; width:145px; height:34px; background-image: url('../images/le…

    Asked by freesoul,

    0 votes
    12 answers

  9. Помогите пофиксить ie6

    Всем привет. Весь день фиксил ie все решил, одно осталось: сайт: http://apteka282.ru/ на главной отступа нет, на других страницах он непонятном образом появляется (сайт на джумле). Например: пример помоги решить проблему сверстана страница таким образом: HTML: <div id="mid"> <div id="site-path"> <jdoc:include type="modules" name="breadcrumbs" /> </div> <!-- Левая колонка--> <div id="goods-categories"> <jdoc:include type="modules" name="left" style="xhtml" /> </div> <!-- Правая колонка--> <div id="news-col"> <jdoc:include type="modules" name="right" style="xhtml" /> </div> <!-- ко…

    Asked by Djo,

    0 votes
    1 answer

  10. Помогите пофиксить баг на сайте

    Привет всем. Столкнулся с такой проблемой: Перекосило background. Первое фото в полноэкранном режиме, а второе в окне. Так только в Хроме, в Мозилле и Эдж(Edge) всё нормально, но там немного съезжает меню. Если перезагрузить страницу, то всё нормально становится, но хочется чтоб было нормально. Фон в body под классом body (<body class="body">). Без менюшки такая же проблема. (ccs) .body{ background-image: url(../img/123124.png); width: 100%; height: 100%; background-position: top center; background-repeat: no-repeat; background-size: 100%; min-width: 1000px; } Без этого: background-position: …

    Asked by eWroxis,

    0 votes
    1 answer

  11. Помогите починить меню на CSS (мучаюсь несколько дней уже)

    Друзья, помогите, пожалуйста, настроить менюшку. Задача была поставить меню, которое бы раскрывалось по клику и оставалось раскрытым до клика на следующем пункте меню. Мне подсказали одно меню на чистом CSS, поставила его на сайт, но есть проблема: при клике страница перемещается вверх. Хотя в оригинальном меню нет такого эффекта. Помогите, пожалуйста, побороть этот эффект! Или подскажите меню с таким же эффектом, которое можно поставить на Джумлу. ссылка на мой сайт http://llorona.ru/ ссылка на оригинальное меню http://www.dejurka.ru/css/css3_accordion_menu/ демо оригинального меню http://designmodo.com/demo/css3accordionmenu Очень надеюсь на помощь! Спасибо за…

    Asked by lavender,

    0 votes
    0 answers

  12. Помогите правильно вписать блоки

    Приветствую. Помогите пожалуйста разобраться! Дело в том что, если в ниже приведенном коде, убрать параметр "height" из блока "top", то сам блок куда то убегает (попробуйте для наглядности), хотя в него вписаны еще два блока. Если убрать параметр "float" в блоках, вписанных в блок "top" то все нормально, но обтекание мне очень нужно. Вопрос: Как сделать так чтобы блок "top" выравнивался по высоте, пропорционально вписанному в него контенту? А если проще, как исправить вышеупомянутый косяк? Желательно средствами CSS, так как JS не знаю вообще. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <he…

    Asked by persssik,

    0 votes
    2 answers

  13. Помогите правильно выставить позицию в html (joomla)

    Уважаемые форумчане. Помогите с проблемкой. Реализовал на сайте с Joomla модуль JUNewsUltra Pro (для вывода блока с случайными статьями). Также на главной странице реализован модуль последние новости. Проблема в том, что не могу правильно подобрать позицию с правильными параметрами для JUNewsUltra Pro. Вот код html шаблона: <?php /** * @package Joomla.Site * @subpackage Templates.beez5 * @copyright Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved. * @license GNU General Public License version 2 or later; see LICENSE.txt */ // No direct access. defined('_JEXEC') or die; JHtml::_('behavior.framework', true); // get params $color = $this->para…

    Asked by Nem-One,

    0 votes
    1 answer

  14. Помогите правильно задать ширину блоков и элементов

    Здравствуйте, я начал изучение HTML и CSS, столкнулся с проблемой правильной разметки и размеров, сайт состоит из мини блоков в которых я размещаю другие элементы сайта, данные блоки имеют разную ширину, которая в сумме составляет 100vw, но итоговый вариант шире чем окно сайта на пару пикслей, понимаю что не правильно сформировал проблему, пока не очень прошарен, поэтому прикреплю скрины 1. код 2.скрин сайта 3.как должна выглядеть страница (макет фигма)

    Asked by Step.UI,

    0 votes
    2 answers

  15. помогите правильно определить селектор

    часть html: <body class="front two-sidebars"> ... <div id="main"> ... </div> </body> в css файле прописано: .two-sidebars #main { background: url(image.png); } Вопрос: как правильно прописать селектор в css для #main, чтобы он обрабатывал такие конструкции: желательно чтобы не прописывать "sameclass" "samaeclass2" и т.д. в css файле, а выбор был основан только на ".two-sidebars #main"

    Asked by myid,

    0 votes
    6 answers

  16. Помогите правильно разместить обьекты

    Здрасьте! Не могу правильно разместить обьекты в div. Помогите пожалуйста имеются обьекты: 1 div (контейнер) 2 h2 (заголовок) 3 img (картинка слева) 4 p (описание картинки) Делаю так: <div style="border:1px solid #bbb;"> <h2>Заголовок</h2> <img src="" style="float:left;width:100px;height:100px;" /> <p>теkст описание картинки</p> </div> Все бы хорошо, но как только текст не превышает высоты картинки, то нижний бордюр перекрывает картинку. Подскажите как правильно решить эту проблему? Спасибо.

    Asked by kukurikan,

    0 votes
    8 answers

  17. помогите правильно расстянуть сайт по высоте

    доброго времени суток. Пожалуйста помогите, нужно чтобы высота страницы (те страницы которые почти не содержат контента) дотягивались до низа экрана не зависимо от его разрешения. <!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=utf-8" /> <title>Untitled Document</title> <link href="ieonly.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="header"><!--шапка--> <div id="hleft"> <img src="img/s…

    Asked by alsec,

    0 votes
    2 answers

  18. Помогите прибить div к низу

    #sidebar { float: right; width: 320px; margin: 0px; padding: 0px 0px 10px 0px; display: inline; } .logocounter { background: #FFFFFF url(images/sidebartop.gif) top no-repeat; float: left; width: 300px; margin: 0px 0px 10px 0px; padding: 10px; border: 1px solid #DDDDDD; } <div id="sidebar"> ... Всякие виджеты ... <div class="logocounter"> ... Коды счетчиков ... </div> </div> Есть ли возможность прибить к низу <div class="logocounter">?

    Asked by tpa2111,

    0 votes
    6 answers

  19. Помогите прибить подвал

    Добрый день форумчане, нужна помощь. Есть страница и с ней проблема. Не получается прибить подвал к низу. Загвостка как я думаю в том, что родительский блок #wrapper не хочет вытягиваться по высоте дочернего блока в данном случае content. Помогите разобраться как это можно исправить.

    Asked by yujin11,

    0 votes
    4 answers

  20. Помогите привязать одну ссылку на видео одновременно на несколько страниц

    Нужно на нескольких страницах разместить одинаковое видео (например с youtube). Вариант: вставлять отдельно в ручную на каждую страницу - не подходит. В будущем ссылки буду менять, нужно что бы на всех страницах изменились. P.S. С текстом и фото разобрался, а видео не могу пристроить. Помогите пожалуйста.

    Asked by minon-a,

    0 votes
    5 answers

  21. Помогите прижать "сайтбары" к подвалу....

    Здравствуйте! Помогите прижать "сайтбары" к подвалу. Уже разбил все мозги на части, но так и не понял логики по которой это можно сделать. Казалось нужно просто что то прописать и div так сказать расшириться до "футера", если прописать height: 100% то div уменьшается до размера содержимого в нем, так же если задать конкретный размер например height: 300px то это тоже не является решением. Нужно сделать так чтобы div автоматически определил расстояние до подвала. Вот скрин: А вот HTML (удалил некоторые части для удобства): <body> <div id="wrapper"> <div id="header"></div> <div id="topmenu"></div> <div id="leftsidebar">З…

    Asked by volse6nik,

    0 votes
    3 answers

  22. Помогите прижать желтый <div class="content"> к низу страницы

    Высота <div class="content"> не определена. Шапка и меню фиксированные. При малом контенте, нужно чтобы желтый див был прижат к низу. При большом объеме появлялся вертикальный скролл. Мой код: http://jsfiddle.net/jb3tvcgL/2/

    Asked by Anymaxis,

    0 votes
    7 answers

  23. Помогите прижать футер к низу

    Помогите прижать футер к низу, срочно надо http://texteredsa.besaba.com/ и если не трудно оцените еще саму верстку)

    Asked by WEB-best,

    0 votes
    4 answers

  24. Помогите прикрутить fancybox на лупу.

    Помогите прикрутить facybox на лупу. Есть картинка, при наведении на нее появляется лупа. Как сделать так, чтобы при нажатии на лупу, картинка увеличивалась в модальном окне (facnybox)?

    Asked by Alfa2015,

    0 votes
    2 answers

  25. Помогите прикрутить готовое боковое меню к странице

    Доброго времени суток. Ни как не получается прикрутить готовое боковое меню к сайту, первая проблема это не отоброжает текст когда закидываешь на локальный хост... стоит apache, php... локальные хосты работают отлично. когда запускаешь index.html из папки все работает на удивление... Мои подозрения пали на js, в этом я полный ноль, да и в html не очень силен... поэтому прошу помощи у панимающих людей которым не жалко своего времени на такого пацана как я... P.S. когда то вы же и сами были такими, а во круг и подсказать не кому, а разобраться очень хочется... спасибо за понимание... вот index.html <!DOCTYPE html> <head> <meta charset="UTF-8" /&…

    Asked by Sergey Frolov,

    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