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. Проблема с блоками

    У меня проблема с видом блока на єкране. С помощью єтого сайтам я сделал вот такой блок .box2 { width:504px; height:434px; text-indent: 145px; text-decoration: blink; text-shadow: 1px 1px 2px black, 0 0 1em grey; position:absolute; font-size: 2em; font-family: font-family; opacity: 0.5; box-shadow: 0 0 10px rgba(0,0,0,0.5); top:512px; right:469px; background-color:#E6E6FA; -webkit-border-radius:6px; -moz-border-radius:5px; -khtml-border-radius:10px; блок меня полностью устраивает но только я разворачиваю свой сайт (то есть сужаю в єкране) все мои…

    Asked by esse,

    0 votes
    15 answers

  2. Тег span не выводит изображение

    Подскажите, почему не выводится изображение. CSS .icon { background: url("../site_media/services.jpg") no-repeat scroll 0 0 transparent; } HTML <span class="icon"></span>

    Asked by Alex&R,

    0 votes
    1 answer

  3. Api карт яндекса

    день добрый всем! подскажите с такой проблемкой - в карте яндекса, не могу к балуну прописать строчку с ссылкой ... все теги проходят нормально а <a> не работает, карта перестает работать сам скрипт - <script type="text/javascript"> YMaps.jQuery(window).load(function () { var map = new YMaps.Map(YMaps.jQuery("#YMapsID-413")[0]); map.setCenter(new YMaps.GeoPoint(37.651436,55.741468), 10, YMaps.MapType.MAP); map.addControl(new YMaps.Zoom(), new YMaps.ControlPosition( YMaps.ControlPosition.TOP_LEFT, // в какой угол поставить new YMaps.Size (5, 5) // сколько от него отступ в пикселах (x, y) ) ); map.enableScr…

    Asked by Torvin,

    0 votes
    2 answers

  4. Кодировка страниц Opencart

    Добрый день. Редактирую default шаблон OpenCart. В DW выставил дефолтную кодировку windows-1251. Когда начинаю сохранять - все отлично, русский текст отображается нормально, как только обновляю страницу движка, измененный текст отображается спец-символами. Это из-за разности кодировок движка и DW?

    Asked by arthyrgrex,

    0 votes
    3 answers

  5. Не могу установить высоту ячеек таблици

    Hi all! В далёком 2008 году купил один сайтик, с тех пор постоянно его переделываю. Собственно вот он: http://www.wm-monitor.ru/ Недавно решил устроить очередную переделку. Одна из задачь была сменить его родную табличную вёрстку на блочную и перевести его на HTML 5. В CSS я плохо розбираюсь, вот заодно решил и освоить стили. Новую вермию сайта я выложил на субдомене: http://new.wm-monitor.ru/ И в принципе мне удалось добиться пратичиски полного сообветствия новой и старой вёрстки, за исключением таблиц. (граници таблици я специально нарисовал, чтоб было видно проблему) Ячейки, в которых нахобятся картинки с точками, должны иметь размер 9х9, как и размер картинки в них. И…

    Asked by Andreyy21,

    0 votes
    6 answers

  6. Ротатор HTML для GAdsense

    Есть интересная задачка, которая имеет решения с помощью HTML, но к сожалению я пока не знаю какое. Нужен HTML код, который, при каждом обновлении страницы, должен выводить 4 разных GoogleAdsense объявления. Вернее он должен выводить одно из существующих 4 обьявлений в случайном (или алгоритмическом. Это не важно) порядке. С помощью PHP, естественно это зделать - раз плюнуть. Но вот с помощью HTML ... Спасибо. Я думаю это интересная жизненная ситуация для верстальщика или кодера...

    Asked by nazarlee,

    0 votes
    5 answers

  7. Подскажите по стилям для media print

    Здравствуйте. Подскажите пожалуйста в чём у меня ошибка? Есть необходимость распечатывать одну html. Для неё созданы два файла стилей, для экрана и для принтера. При печати на синем фоне должны быть белые бук вы. На экране буквы отображаются правильным цветом. При предварительном просмотре печати буквы уже чёрные и на бумаге такие-же. В стилях для печати уже прописал цвет во всех местах где надо и не надо, но это ничего не меняет. Где я ошибся не пойму. Вот листинг HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Печать наклеек</title> <link med…

    Asked by MeTaN,

    0 votes
    2 answers

  8. Пример с этого сайта разваливается

    Делаю сайт, макет сверстан по типу примера с вашего сайта http://htmlbook.ru/layout/fiksirovannaya-shirina-tri-kolonki Добавляю в блок content новые блоки через float:left, что-бы создать новую строку с блоками соответственно <div style="clear:both"></div>, но остальные блоки выравниваются по высоте левой и правой колнки макета. Как можно решить данную проблему? Вот полный код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Трехколоночный макет</title> <style type="text/css…

    Asked by ganers,

    0 votes
    4 answers

  9. position:absolute прикрепить к положенному месту

    Сайт axcay.net Проблема в том, что слой с большими бутылями является большим пнг изображением. Имеющим ширину страницы и минимально необходимую для изображения высоту. Поставив слой с ним выше всего, поставив z-индекс 3, и выронив этот div по центру все было нормально. Но в последствии я заметил, что текст который попадает под этот див выделить нельзя. Я обрезал по ширине изображение, но теперь не могу прибить его к тому месту, которое нужно. Пока поставил отступ с лева в %. Но при приближении или отдалении страницы, слой соответственно плавает. Прошу помощи. div #bottl <div id="wrapper" class="gr shadow"> <div id="bottl"></div> <div id="header"&…

    Asked by z-0091,

    0 votes
    2 answers

  10. Слайд-шоу ... или поиск ночной музы :)

    Необъятное желание заставило меня разобраться с слайд-шоу, который пылился в закромах родины. Слайд-шоу успешно подогнал под себя. Постарался понять большую его составляющую. Откорректировал под него файлы css и javascript. Соответственно, на отдельной странице он успешно отображается. Однако, возник вопрос, как при внедрении в необходимую область на главной странице, организовать css файл так, чтобы он касался именно той области, где находится слайд-шоу (иначе, стили, которые обозначены на всю главную страницу сбиваются)? Возможно ли прописать дополнительный файл css к только необходимой области? P.s. возможно вопрос не корректен или в меру глуп .. учусь, как могу

    Asked by ProRus,

    0 votes
    14 answers

  11. Резиновая высота видео ролика

    Доброго времени суток. Леплю резиновый шаблон для сайта и появилась потребность уточнить размеры тэгов видео ролика аля ютуб и т.д. С шириной проблем не возникло.Спокойно схавало width:100%, но вот на % размер высоты никак нехочет реагировать(скажем height:35%). Сама задача заключается в сохранении пропорций размера видео в плеере. Можете чтото подсказать по данной проблеме?(ЯваСкрипты пока только изучаю, а потому просьба подробно расписывать решения с ихней помощью ... если таковы имеются конечно)

    Asked by SunChase,

    0 votes
    7 answers

  12. как прописать другой стиль текста вне css

    есть таблица вида <table cellspacing="0" cellpadding="5" border="1" width="750"> <tbody> <tr> <td> .... </table> для нее требуется задать другой размер шрифта... подскажите как и где это прописать?

    Asked by planetaryi,

    0 votes
    5 answers

  13. Не отображается картинка в IEtester

    По умолчанию когда выбираешь в каком браузере открывать, открывает страницу. Ссылка Если вкладка открывается для стандартного ie или для ie8, то все нормально. А если вкладка для ie6 или ie7, то не отображается картинка, где написано IETester Home, в чем проблема? В настройках браузера включено отображение изображений.

    Asked by Rustick,

    0 votes
    11 answers

  14. Горизонтальное выравнивание div`ов относительно друг друга

    Верстаю вид материалов, сначала все шло гладко, но после добавления БГ под постер все пересра*ось Нужно, что бы стояло ровно, прошу помощи... Краткая новость <div class="news-block"> <div class="title_bg"><div class="news_title">[full-link]{title}[/full-link]</div> [not-group=5] <div class="edit_icon"> [edit]<img src="{THEME}/dleimages/editstore.png" title="Редактировать" alt="Редактировать" />[/edit] </div> [/not-group] </div> <div class="news_bg"> [xfgiven_poster]<div class="poster_bg"><div class="poster"><img width="210px" src="[xfvalue_poster]" /></…

    Asked by fr1run,

    0 votes
    1 answer

  15. Табличные данные

    Пробую верстать табличные данные. Ссылка Как в целом? Можно ли было что-то сделать лучше, в плане кода?

    Asked by Rustick,

    0 votes
    1 answer

  16. резина - пробую

    Ссылка Пробую резиновую верстку. Во wrapper взял все кроме подвала. Подвал вынес, для того, чтобы прижать. Для wrapper проставил: #wrapper { min-height: 100%; } Почему он тогда не растягивается на всю высоту? И как в целом моя так скажем "верстка"?

    Asked by Rustick,

    0 votes
    12 answers

  17. Условные комментарии

    Можно ли применять несколько условных комментариев, отдельно для 6,7,8 версии. То есть, чтобы в коде было так: <!--[if IE 6]> Код для браузера Internet Explorer <![endif]--> <!--[if IE 7]> Код для браузера Internet Explorer <![endif]--> <!--[if IE 8]> Код для браузера Internet Explorer <![endif]-->

    Asked by Rustick,

    0 votes
    12 answers

  18. Фон - картинка с радиальным градиентом

    Допустим есть такая картинка основа - радиальный градиент, а сверху изображение с прозрачным фоном, подскажите, пожалуйста, как правильно верстать такую картинку(неужели делить на четыре части градиент((( ). Этот рисунок(или подобный) должен быть фоном сайта. CSS3 вроде поддерживает радиальный градиент, но ИЕ вроде, пока его никак не поддерживает.

    Asked by Анна,

    0 votes
    7 answers

  19. Проблемма с таблицей в таблице

    Вот мой сайт: www.ttalgarve.com (ето я чтоб вы могли просмотреть код) После того как я уже думал что закончил сайт вспомнил что надо его проверять в разных браузерах (сначала делал все в Opera), и сразу столкнулся с проблемой что в Internet Explorer (дальше просто IE) при открытие шапка выходит криво(http://clip2net.com/s/14iR3) хотя в Opera все правильно (http://clip2net.com/s/14iT0) начал разбиратса и при удаление таблици в таблице (у меня шапкасостоит из div в котором находиться таблица в которой еше одна таблица(посмотрите код)) все показует правильно. Для решения побывал разные теги добавлять но ничего не помогает. Помогите чем сможете =) И еше можно узнать skype ког…

    Asked by Linker,

    0 votes
    8 answers

  20. java меню

    Вверху есть 3 цветные кнопки нужно чтобы при клике на любую из них открывался такой блок с номером.Соответственно к остальным 2м кнопкам другие номера. http://itmages.ru/image/view/235603/8dbc80cc

    Asked by Rambo2045,

    0 votes
    4 answers

  21. С чего начать?

    Задумал создать сервис на подобии gradus.mobi, каких он требует вложений и с чего стоит начать?

    Asked by Doka_79,

    0 votes
    3 answers

  22. Не работает java

    Почему этот кусочек кода не работет? Не работает имеенно алерт при нажатии. В чём проблема?Я всё просмотрел не могу понять! Помогите! При перенесении этого событие к примеру на body всё работает, а тут нет. Почему?! <SELECT NAME='navSelect' class='select' id='sex'> <OPTION VALUE='1' onClick=\"alert('Ок')\">Нажми</OPTION> <OPTION VALUE='2'>Нажми вторая</OPTION> </SELECT>

    Asked by new01,

    0 votes
    9 answers

  23. Как сделать так, что бы таблица расширялась в ширину

    Здравствуйте Есть таблица, с заданной высотой и шириной. В таблице есть определенное динамическое наполнение. При переполнении, она расширяется в высоту, а нужно, что бы расширялась в ширину. Как такое можно сделать? P.S. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> P.P.S. Знаю, что можно сделать на span'ах (которые по умолчанию не растягиваются на 100% ширины), но вдруг и для таблиц есть вариант.

    Asked by Walk,

    0 votes
    1 answer

  24. сместить вниз пункты меню

    помогите пожалуйста решить проблему. попробовал для тренировки сверстать под opera/chrome/ff в самом общем виде вот эту страницу. получилось у меня вот что проблема в том, что пункты меню расположены выше чем нужно. если я их при помощи padding-top опускаю ниже, то выделение пункта меню зелёным при наведении курсора тоже съезжает вниз и получается некрасиво.

    Asked by cyklop77,

    0 votes
    6 answers

  25. как задать цвета ссылок вне css?

    Подскажите как задать цвета ссылок вне css,в самом html где синтаксически прописать это <a href="stranica.html">красная ссылка< /a>?

    Asked by planetaryi,

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