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. Убрать сглаживание в CSS

    Как увеличить изображение, средствами CSS, что бы не применялосьсглаживание увеличенного изображения. Проще говоря что бы были видны пиксели без сглаживания границ оных.

    Asked by Instans,

    0 votes
    1 answer

  2. Проблема с выводом исходного текста

    Привет всем, народ не судите строго аки я совсем не понимаю в написании html кодов! У меня возникла маленькая проблема с публикациями постов на одном из сайтов. Суть проблемы в следующем: Например описание команды выглядит как ( --update) , в исходном тексте страницы все нормально, но когда просматриваю в html , у меня теряется один знак (-) , а для выполнения команды это актуально, собственно в html вид имеем такой (-update), подскажите как с этим бороться?

    Asked by leomuz,

    0 votes
    2 answers

  3. Вывод адреса страницы

    Необходимо вывести на странице сайта url-адрес со ссылкой на эту страницу для того, чтобы пользователи могли вставлять этот адрес на свои сайты". Яркий пример реализации данной задачи: ссылка в самом низу страницы на сайте "вконтакте". Заранее благодарен за ответы.

    Asked by bratspb,

    0 votes
    6 answers

  4. CSS и растягивающийся фон.

    Суть проблему - как сделать в CSS так, что бы от фоновой картинки, выравненной по левому краю, отрезать 1 пиксель по ширине с правой стороны (высоту оставить), и растянуть его на 100% (дабы он растягивался при изменении размера окна браузера). Или же подойдет вариант если сразу после фона поставить другую картинку и растянуть ее.

    Asked by Instans,

    0 votes
    1 answer

  5. Пропадает фон

    Что то там доброе Есть html код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="content-style-type" content="text/css"> <link rel="stylesheet" type="text/css" href="main.css"> </head> <body> <div id="container"> <div id="left"> <div id="logo"> <p><a href="#"><img src="images/logo.jpg"></a></p> </div> <div id="menu"> <ul> <li><a href="#">menu fgfg</a></l…

    Asked by Павел Билькис,

    0 votes
    7 answers

  6. Кто может помочь?

    Народ помогите кто сможет... Делал верстку трехколоночную с одинаковой высотой. Все хорошо. Все как надо. Но одно но... Высота этих колонок не уменьшается (((( Поэтому не могу закончить верстку. Посмотрите может я чето напутал... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Название страницы</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="wrapper"> <div id="header"> <img src="img/logo1.png" height=200 width=766> <a href=#><img src="img/banner.png" class=ban2 height=82 width=209&g…

    Asked by Sp@wNox,

    0 votes
    0 answers

  7. Непонятные ошибки

    При работе со Smarty возникли следующие ошибки: 1) В ФФ появился 13-и пиксельный отступ сверху, причём Именно в ФФ и к тамуже всё обнулино 100%, откуда он взялся, не понятно? 2) Потом Валидатор CSS выдаёт следующие ошибки: 152 Ошибка значения : width только 0 может быть length. Вы должны указать после числа единицы измерения : 170 152 Ошибка значения : height только 0 может быть length. Вы должны указать после числа единицы измерения : 55 При этом прикол в том, что строки Номер 152 не существует, код состоит свего из 105 строк... Что означают эти ошибки и откуда они взялись?

    Asked by psywalker,

    0 votes
    7 answers

  8. Перенос контецнера на новую строку

    Доброго времени суток! Оч нада решить следующую задачку: имеется такой код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <style type="text/css"> p { /* ?????????????? */ } .span { /* ?????????????? */ } </style> </head> <body> <p> <span class="span">1</span> текст; <span class="span">2</span> текст; <span class="span">3</span> текст; </p> </body> </html> что нужно прописать вместо '?????' чтобы получить в браузере 1 текст; 2 текст; 3 текст; Или имея доступ только к стилю абзац…

    Asked by CoDy,

    0 votes
    6 answers

  9. Стилизация первых букв, как сделать правильно

    Необходимо у двух слов идущих друг за другом и выделенных заголовком <h1> сделать первые буквы красными. Что то наподобие вот этого: Первое Второе Как это сделать наиболее рационально CSS в отдельном файле и код XHTML 1.0 Strict? Подскажите пожалуйста!!!

    Asked by SergeyVM,

    0 votes
    1 answer

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

    Здравствуйте. Нашел инете пример, как реализовать падающие тени от картинок, причем не только для статических, а которые генерить можно. Поставил - везде работает, кроме 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

  11. 3 блока друг под другом

    Всем доброго времени суток! Хочется взять револьвер и вышибить себе мозги. Казалось бы задача простая, но то ли меня клинит, то ли неверно создана иллюзия простоты этой задачи. Условие: Есть 3 div'а. Назовём их условно: шапка, контент, футер (по логике их расположения на странице). Все они имеют фиксированную ширину 200px. Располагаются соприкасаясь друг по другом, позиционируются на странице по центру. Получается эдакий столбик. Контент имеет высоту 200px, располагается в этом столбике точно посередине. А теперь приведу абстрактную формулу, высчитывающую высоты шапки и футера (которые одинаковы) и дающую представление цели задачи. H = (max (100%, 200px) - 200px) / 2 Как …

    Asked by Mister Y,

    0 votes
    12 answers

  12. Количество строк в блоке

    Подскажите, пожалуйста. Имеется: Родительский блок и дочерний. Дочерний блок "приклеен" к left bottom родительского. Задача следующая: В дочерний блок выводится текст. Если текст занимает 1 строку, то блок растягивается по ширине текста, вот так: Если в тексте >= 2 строк, то дочерний блок растягивается на всю ширину родительского. То есть так: Проблема: Как это реализовать, когда изначально размер пользовательских шрифтов и кол-во текста неизвестны? upd: В FireFox все по дефолту выглядит, как и должно. А вот в Opera и IE – вот так:

    Asked by locky,

    0 votes
    13 answers

  13. Верстка div'ом в 2 столбца

    Подскажите, пожалуйста, есть div, который выводится динамически, т.е. блок с инфой размером 250px; родительский div - 500px. надо выводить по 2 столбца. Сейчас выводит всё в 1 столбец. #single_block { clear: left; margin: 15px 10px; width: 250px; } #single_block img { float: left; margin: 0 7px 7px 0; }

    Asked by rolph,

    0 votes
    8 answers

  14. Добавление содержимого другого файла

    Помогите разобраться, хочу сделать в один файл сбор из разных частей сайта, чтобы они открывались в определенных местах. Попробовал так не получилось (шапка сайта отображается а сверху ее еще отображается нижняя часть ) <table border="0" width="100%" cellpadding="0" cellspacing="0" > <tr> <td height="170" colspan="2"><!--#include virtual="/30/heading.html"--> </td> </tr> <tr> <td > </td> <td width="78%"> </td> </tr> <tr> <td colspan="2"> <p><!--#include virtual="/30/footer.html"--></td> </tr> </table>

    Asked by Vektornsk,

    0 votes
    5 answers

  15. Классы или идентификаторы?

    В последнее время часто встречаю верстку, в которой стили присваиваются не классами, а идентификаторами. Нет, я согласен что шапка - одна. И вполне логично присвоить ей id="header", чем class="header", но... Насколько это оправданно? Кто что может сказать по этому поводу?

    Asked by ndiezel,

    0 votes
    14 answers

  16. Чем отличается верстка под разные движки?!

    Всем привет! Давно интересует вопрос! Поделитесь информацией или полезными ссылками кто что знает про особенности верстки под разные движки (я имею ввиду такие популярные системы управления как Joomla, ModX, Bitrix, Drupal, Вордпресс, DLE) Если заказчик говорит фразу "Нужно сделать шаблон для движка DLE" это подразумевает с моей стороны, как верстальщика, вставлять какието особенности или эта задача человека который будет эту верстку интегрировать на данную CMS. Всем спасибо!

    Asked by dds,

    0 votes
    27 answers

  17. CSS float

    Всем доброй ночи. Хотел что то похожее на это тут текст тут картинка тут текст побольше тут картинка текст выравнивается по левому краю а картинка поправому <style type="text/css"> div { width:10%; } dl dd { float:left; } dl dt { float:right; } </style> <div> <dl> <dt>тут текст</dt><dd>тут картинка</dd> <dt>тут текст побольше</dt><dd>тут картинка</dd> </dl> </div> И если div меньше ширины картинки и текста то картинка падает вниз. В этом и есть моя проблема.

    Asked by CTEKJlO,

    0 votes
    9 answers

  18. Верстка макета

    Нужно сверстать такой вот макет. Ширина #PageContent - статическая, слева и справа полосы однаковой ширины. Размеры #header и #footer - указаны в пикселях. Ширина #ContactInf и #MainInfo статиская, а высота растягивается в зависимости от содержимого. При этом ни одна из этих колонок не должна вылазить на #footer. Заранее благодарю всех ответивших.

    Asked by Singer,

    0 votes
    3 answers

  19. В CSS менью, W3 валидатор дает однотипную ошибку

    Ребята помогите пожалуйста конкретным советом, вот конкретно моя типичная. посторяющаяся ошибка: http://validator.w3.org/check?uri=http%3A%...C%20*%3Bq%3D0.1 Там же указан сам сайт, я не смогла избавится от данной ошибки, видимо там, как я поняла нужно создавать какойто CSS класс. Та же ошибка у меня и в других моих сайтах, я все другие ошибки исправила, надеясь что в оставшецся части помогут мне коллеги с этого форума. Я не знаю CSS. Пожалуйста дайте мне конкретный блок CSS . . . или конкреттный совет (но не типа того: Изучай CSS, или, - Учи классы CSS). Если бы я спарвилась сама, то не теряла времени, и не беспокоила бы Вас. Спасибо

    Asked by Dobo,

    0 votes
    3 answers

  20. Две колонки

    Здравствуйте, помогите решить проблему. CSS недавно начал осваивать. Нужно что бы блоки news и menu обтекались блоком content а получается вот что CSS #container { width: 875px; } #top { background:url(../images/top.jpg) no-repeat #000000; width:875px; height:427px; } #speedbar .leftb { width: 115px; height: 32px; float: left; color: white; background:url(../images/b_l.gif) no-repeat #000000; } #speedbar .centerb { height: 32px; width: 732px; background:url(../images/b_c.gif) repeat #000000; margin-left: 0px; float: left; } #speedbar .rightb { height: 32px; background:url(../images/b_r.gif) no-repeat #000000; float: left; margin-left: 0…

    Asked by depode,

    0 votes
    6 answers

  21. CSS горизонтальное меню картинками

    Идея такая сделать меню , или даже мини меню для сайта ! Но так чтоб меню было полностью из картинок , который выглядят так Конечно хотелось бы чтоб на link серая часть картинки была , на hover зеленая и так далее ! Помогите !

    Asked by darewangog,

    0 votes
    2 answers

  22. приследующий блок

    Добрый день, всем хорошего настроения! Подскажите пожалуйста, как сделать преследующий блок как тут - http://ipod-touch.artmastery.ru/?

    Asked by woofs,

    0 votes
    1 answer

  23. Несколько вопросов о DOCTYPE

    Здравствуйте! Недавно начал заниматься вёрсткой и вот недавно увидел у Яндекса вот такой doctype: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> Т.е. получается, что это "Строгий синтаксис HTML", но при этом опущен кусок доктайпа: "http://www.w3.org/TR/html4/strict.dtd" Можно ли использовать такой доктайп? И что именно он изменяет? P.S. Может уже у меня глюки, вчера ночью(точнее уже сегодня) верстал формочку с использованием эффектов jqyery, и в ИЕ6 замечал глюк, при использовании slideUp() содержимое не просто скрывалось, а в самый последний момент мерцало, что выглядело очень ужасно. Доктайпа не было, после установки глюка не было. Может ли на jq…

    Asked by pivkos,

    0 votes
    5 answers

  24. снова jcarousel =(

    подскажите плиз...сделал блок jcarousel+shadowbox, в опере работает всё отлично, а вот в IE, Google chrome не все картинки показываются...в чём может быть проблема? сайт gazeta-parus.ru (блок слева смотрите)...спасибо!

    Asked by HoRRoR,

    0 votes
    0 answers

  25. align в xhtml strict

    Народ подскажите, мне надо сделать обтекание картинки текстом? существующий вариант <img src = '/design/img/films/cardimg.jpg' alt ='' width='122' height='177' align='left' /> не подходит, тк в strict использование align, судя по всему, недопустимо.

    Asked by al_kash,

    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