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. Выложил сайт на хостинг - сменилась кодировка

    Сделал страничку, в notepad++ преобразовал в utf-8 без BOM. На странице тоже указал utf-8 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> .... Когда разместил сайт на хостинге все стало кразозябрами, а кодировка сменилась на windows-1251. Почему такое случилось? Виноват хостинг или я что не так сделал?

    Asked by bob_24,

    0 votes
    7 answers

  2. Обращение к элементу

    Здравсвуйте. Подскажите пожалуйста. Есть следующая вложенность. <div id="main"> <div> <div> <a href="#"> <img alt="image" src="#" /> </a> </div> </div> </div> Нужно обратиться к 3-ему диву. Обращение типа : #main div div { } не подходит, так как картинок на странице куча, которые в свою очередь обворачиваются в такую же иерархию дивов. А мне нужно задать стили только одному диву, а не всем. Написать id нужному диву, так же не получится, див создается и генерируется джаваскриптом и я не пишу этот скрипт. Подскажите пожалуйста, кто знает...

    Asked by DarkKnight,

    0 votes
    4 answers

  3. style.css и скрипты

    в первый раз в жизни понадобилось редактировать сайт. вроде все нормально, но начальству захотелось чтобы картинки увеличивались по клику. нашел скрипт на http://beholder-eye.info/2006/03/13/litebox?commented=0 всё работает, но возник вопрос. можно ли подключать скрипты в файл style.css или придется перерабатывать всё, что до меня наделали? если можно то как?

    Asked by Хелкар,

    0 votes
    2 answers

  4. Подскажите библиотеку для создания окошек

    Ищу библиотеку для создания окошек на сайте. Сделал окошко для помощи, в виде отдельного слоя, но есть проблемы. Хотел бы решить с помощью какой либо JS библиотеки, чтобы не изобретать велосипед. Если кто знает, дайте сцылок пожалуйста

    Asked by Enkee,

    0 votes
    2 answers

  5. Разорвать бордер...

    Есть такая проблема: Хэдер выделен нижним бордером, а бэкграунд с картинкой ложится под него. Хочется разорвать бордер в месте пересечения с картинкой... clip не поможет - блок в нормальном потоке и позиционировать его низя. был вариант поверх бордера налепить кусок скопированый с бэкграунда... Но вёрстка полу-резиновая (1024-1280), проценты точно не обсчитаешь - боюсь будет разъезжаться... Какие нибудь варианты есть?

    Asked by Nanto,

    0 votes
    11 answers

  6. Проблема с версткой меню в IE

    Здравствуйте! У меня произошел затык с версткой меню в IE 7 и выше. Меню второго уровня отображается под слоем меню первого уровня. Не могу понять в чем дело и решить проблему, а сроки поджимают. CSS #navmenu-v, ul#navmenu-v li, ul#navmenu-v ul { margin: 0; border: 0 none; padding: 0; width: 200px; list-style: none; font-family: Arial; /*my*/ font-size: 10pt; /*my*/ } ul#navmenu-v:after { clear: both; display: block; position: absolute; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; } ul#navmenu-v li { float: left; display: block !important; display: inline; position: relative; border: 0px solid #C1C1C1; } …

    Asked by nuuta,

    0 votes
    3 answers

  7. Золотая середина ограничения ширины для резинок

    Здравствуйте. Какое ограничение по ширине для резиновых сайтов принято считать оптимальным? Или лучше делать вообще без ограничения?

    Asked by Squidward,

    0 votes
    6 answers

  8. Плавающие дивы

    возможно ли какнить сделать чтобы синий и жёлтый див спускалися также по тексту как и зеленый,но не фон дива в которых эти 3 дива?

    Asked by sdasddsa,

    0 votes
    4 answers

  9. Изменение цвета подчеркивания у ссылки

    Такая проблема: нужно сверстать электронное письмо, применение стилей запрещено. Для изменения цвета ссылки использую конструкцию <a href=""><font color="цвет">Ссылка</font></a> Цвет ссылки при этом меняется, а цвет черты под ней нет, не знаю как исправить.

    Asked by karlitos32,

    0 votes
    12 answers

  10. Фоновое изображение по краям монитора

    Здравствуйте. Не могу решить задачу: есть декоративная рамка, её нужно пустить (с повторением естественно) по краям монитора (вне зависимости от разрешения...). Вопрос: возможно ли это реализовать средствами CSS 2.x? Или только через CSS3 путём добавления нескольких фоновых изображений? Я это вижу так, что нужно пустить 4 фоновых элементов рамки (сверху, справа, слева, снизу с соответствующим репитом для каждого). При этом ещё долэны быть углы рамки в виде декоративных квадратов - их просто раскидать по 4 углам. Подскажите, может есть какие-то ещё варианты? И правильно ли я рассуждаю? Заранее благодарю за подсказки.

    Asked by DarkTranquillity,

    0 votes
    3 answers

  11. Background-image из элементов страницы

    А можно ли сделать Background-image для страницы не из картинки, а из описанного элемента в css файле(допустим опишем в css квадратик, а потом как-то вставим его в фон повторяться )без JS?В html5 css3?

    Asked by Анна,

    0 votes
    21 answers

  12. Интеграция сайта с социальными сетями

    Господа, нужно добавить кнопочки с лайками и шарой facebook и google+. Если твиттером и vk я как-то разобрался, то тут все сложно... Как сделать эти кнопки?

    Asked by bob_24,

    0 votes
    3 answers

  13. Посоветуйте инструмент для нарезки макетов

    Интересны ваши мнения о плюсах и минусах вашего инструмента для нарезки макета. Мне нужно будет резать PSD и JPG макеты. Основные плюсы и минусы, которые меня интересуют: -сложность освоения инструмента; -цена инструмента; -удобство и быстрота нарезки при использовании этого инструмента.

    Asked by zhenyaku,

    0 votes
    2 answers

  14. Тэг <LI>

    Валидно ли использовать тэг LI без UL, OL или MENU ?

    Asked by Gold Dragon,

    0 votes
    29 answers

  15. на какую CMS перевезти блог с Blogger и стоит ли?

    Суть моего вопроса такова. Гдето в начале октября начал вести блог на Blogger и привязал к нему домен ru. вот он http://www.nickoff.ru Прошел месяц начал задумываться может переехать на платный хостинг, но какую CMS для новичка выбрать? что бы потом переехать на нее не теряя ссылки, блог так как сегодня блог получил PR3 боюсь потерять при переезде. Вот жду советов =)

    Asked by nickoff,

    0 votes
    4 answers

  16. Как сделать так что бы убрать действие ТЕГА(кода)

    Как сделать так что бы убрать действие ТЕГА(кода). К примеру <code></code> не действует на HTML, что можете посоветовать?

    Asked by skoch244,

    0 votes
    4 answers

  17. Как правильно поставить тег leech

    У меня кнопка сделана: <div class="button1" align="center"><a href="http://domen.ru/">Текст кнопки</a></div> Подскажите как правильно поставить тег leech, что бы скрыть ссылку. спасибо

    Asked by Tsilya,

    0 votes
    11 answers

  18. что надо убрать,чтобы исчезли по бокам полосы

    подскажите,взял себе за основу,один из многих доступных шаблонов http://jsfiddle.net/dummy/nnCMZ/ и хочу применить его как скелет,но заметил,крайне не приятную вещь - по бокам есть фон цвета бордо(#800000) ,как мне вообще убрать это? хочу,что бы было просто три колонки не зависимо от монитора,и хедер был растянут на все 100,а футер вообще убрать. буду благодарен за помощь.

    Asked by dummy,

    0 votes
    4 answers

  19. Помогите с версткой

    Здравствуйте ребята. Помогите мне пожалуйста с версткой. Меня интересует вопрос не как сверстать а как лучше это сделать. Как Вы видите мне нужно сделать три блока div определенной ширины в один ряд. На границе главного блока и трех маленьких не обращайте внимание, они будут как-бы убраны и не видны и то-есть эти три блока прилягут друг к другу. Вот каким образом их лучше всего расположить? Первому и второму блоку задавать float: left? Или только первому блоку, а второму float: right и как в таких случаях поступить с margin? А лучше сразу скажите каким способом и как лучше сделать. Спасибо за внимание. С уважением, Артём

    Asked by AcdcRTEM,

    0 votes
    3 answers

  20. Десктоптое решение для тестирования веб-страниц

    Всем привет, у меня вопрос - существует ли бесплатное десктопное решение для тестирования и эмуляции вида веб-страниц в различных браузерах - Opera, Safari, Chrome, Firefox, IE. Что-то вроде IE Tester, но для других браузеров. Ищу третий день - не могу найти. P.S. Сервисы которые отдают скриншоты сайта не предлагать)

    Asked by totemband,

    0 votes
    6 answers

  21. задача с box-shadow

    Буду краток. Необходимо сделать вот такую фигуру: Тень вокруг должна быть одинаковой.

    Asked by D3N,

    0 votes
    23 answers

  22. Резиновый список товаров

    Здравствуйте. Попробую описать внятно суть моей проблемы: Есть таблица, ширина которой зависит от ширины окна браузера. Например, она равна 60% от ширины окна. Есть некоторая минимальная ширина одной ячейки таблицы. Допустим, что 200px. Мне нужно, чтобы было так: Когда ширина таблицы 900px - отображаются 4 ячейки по 225px, когда 801px - четыре по 200px, а когда ширина таблицы становится 799px - должны отображаться 3 ячейки по 266px. Ну, и так далее. Реализацию видел на ozon.ru - там собственно список товаров так работает. Но принцип не пойму. И так пытался, и эдак - не выходит. Помогите пожалуйста.

    Asked by boilroom,

    0 votes
    11 answers

  23. Теги в селекторах

    Часто слышу про то, что мол надо избегать употребление селекторов типа. Например, вместо div.block div.sub-block писать .block .sub-block. В этом, конечно, есть смысл, поскольку теги иногда приходится менять при вёрстке/программинге или в угоду SEO, сохраняя при этом структуру документа. Однако этак можно дойти до маразма. Вот, скажем, у меня есть список, в котором десять элементов, в каждом элементе — ссылка, а в каждой ссылке — спан. Вешать классы на всю эту радость — сущий дурдом. То есть от подобных селекторов: ul.primary-nav li a span никуда не денешься. Ну ладно, li можно выкинуть — если считать, что код у нас по умолчанию валиден. Да и вообще, я вот верстаю в…

    Asked by Gaspode,

    0 votes
    12 answers

  24. проблема с изображениями

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

    Asked by f0rzik,

    0 votes
    14 answers

  25. Подскажите как сделать такой адрес

    Если у меня есть домен www.somedomen.narod.ru могу ли я сделать на нём ссылочку вида www.sometarget.ru/somedomen.narod.ru? И как это сделать, если возможно? Или ссылочку вида www.sometarget.ru.somedomen.narod.ru

    Asked by neznayka,

    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