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. Выровнять изображение по центру Bootstrap

    Если экран сужается все блоки складываются один под другим, в двух у меня текст и я ему задаю значение выравнивание по центру ! А вот фото в первой колонке тулица по левому краю даже в том случаи если с права все колонки ушли под низ ! Пробывал дать значение margin 0 auto - все одно с лева ( https://fotki.yandex.ru/next/users/sawenkov-o-s/album/429223/view/970932

    Asked by virtas,

    0 votes
    16 answers

  2. Простое позиционирование DIV, а куча проблем!

    Доброе время суток! Нашел в инете такую идею реализации блоков. Пытался ее реализовать 2 дня, не все получается, что хочется. Можете помочь кодом? Дело в том, что она еще и резиновая. Спасибо большое.

    Asked by sergey-starostenko,

    0 votes
    16 answers

  3. Нужно настроить корзину в магазине.

    Всем добрый день! Помогите включить сайт - шаблон. В верстке немного разбираюсь, а вот корзину нужно сделать (настроить). Предложите вашу цену. сайт: http://epoxy-polymer.in.ua/ Спасибо!

    Asked by Vic-Tor,

    0 votes
    16 answers

  4. Гуру не нужен, товарищ - лучший наставник.

    Создал группу в skype для совместного и оперативного обучения: skype:?chat&blob=ODfq_7_2ysQ_M1sFrVIVnAF5RI7cxD_21C-Ng6lm_Ef_YOlRmU23iPOgKK48a36iVQ-fB6KTB0iNQg вступайте кто хочет) update: https://gitter.im/zueff/web_study?utm_source=share-link&utm_medium=link&utm_campaign=share-link

    Asked by Zueff,

    0 votes
    16 answers

  5. Форма. Disabled select на Enabled

    Доброго всем дня,подскажите пожалуйста сделал форму на Bootstrap-е, все хорошо, но в форме два поля SELECT. Например select id="1" и select id="2". Селект "2" заблокирован, пока в 1-м не выберут какое либо значение. Селект "2" заблокировал "disabled". Я понимаю что нужно прописать функцию javaScript, но вот не могу ничего найти и подобрать. Помогите пожалуйста. Спасибо всем заранее.

    Asked by bumerkz,

    0 votes
    16 answers

  6. Изменение стиля стороннего скрипта

    Добрый день, уважаемые программисты! Буду очень признательна за совет. Подскажите, пожалуйста, как решить след. проблему: На сайт тур. компании подключается сторонний скрипт подбора тура по параметрам, вызывается так: <script type="text/javascript" src="http://www.aaa.ru/public/index/js/aaa_api.js""> </script> <script type="text/javascript"> selector(); </script> <div id="aaa_content"></div> Есть ссылка на файл стилей,где можно получить текст файла стилей : http://www.aaa.ru/public/index/css/ovr-search.css Т.к. не подходит цветовая гамма результата работы скрипта цветовой гамме сайта, необходимо изменить стили получаемого результата…

    Asked by lady,

    0 votes
    16 answers

  7. Проблемы с flex в Safari

    Приветствую! Ребят, создавал тут тему недавно насчет одинаковой высоты у блоков, добрый человек посоветовал использовать flex и показал пример(спасибо ему огромное!). Воспользовался я его советом, все хорошо получилось, но такая красота получается только в Chrome, Firefox да Opera, а в Safari нифига. Вот как должно быть: А вот как в Safari: Как видите, продолжение background нет(высота фиксированная, хотя с flex должна была установится высота блока main) да и тени почему-то тоже нет(пропадает, когда увеличиваешь страницу). Вот верстка: <!DOCTYPE html><html lang="ru"><head> <meta charset="UTF-8"> <title>{title}</title&gt…

    Asked by Nikita_Barinov,

    0 votes
    16 answers

  8. Bootstrap и twitter bootstrap

    Здравствуйте! Я не пойму, а что bootstrap и twitter bootstrap -- это две разные вещи? (если что, bootstrap -- только недавно начала изучать)

    Asked by Alfa2015,

    0 votes
    16 answers

  9. Параллелепипед с помощью css

    Есть ли способ создать с помощью css параллелепипед как на картинке?

    Asked by afagorn,

    0 votes
    16 answers

  10. Ссылки и почее

    Доброго времени суток,у меня возникла такая проблема,не знаю как сделать ссылку.Я сделал горизонтальное меню и мне нужно сделать переходы,я так понимаю как то с помощью <a href а дальше не знаю что писать что писать

    Asked by Maks_Lamer,

    0 votes
    16 answers

  11. gulp sass, не работает @import

    Может кто сталкивался с подобным, не могу импортировать другие sass файлы в основной (main.sass) К примеру подключение стилей файла reset.sass: @import "test/reset"После запуска компилятора, появляется ошибка Гуглил, предлагают вставить строчку includePaths: ['./styles'],либо плагины. Но почему-то всё равно не получается(( gulpfile var gulp=require("gulp");var sass=require("gulp-sass");gulp.task('sass', function() { return gulp.src('work-build/sass/*.sass') .pipe(sass({ includePaths: ['public-build/css'] //это строка, которой предлагали лечить данную проблему, но всё равно не работает, может я неправильно путь указываю })) .p…

    Asked by VeniVidiVici,

    0 votes
    16 answers

  12. Фиксированные размеры Body?

    Доброго времени и доброго здоровья как новичкам так и Гуру!Подскажите почему наблюдается такой казус,при том когда у Body прописаны ширина,высота и фон,не имея содержания контейнер отображается на всю страницу?я что-то упустил?Прошу направить на путь истинный.С уважением.

    Asked by mladwiUverstalwik,

    0 votes
    16 answers

  13. Расположение пунктов выпадающего меню в IE

    Доброго времени суток Проблема забавна. Вот так меню должно выглядеть. Во всех браузерах, не считая белого фона у блока по высоте немного выше желтого, но содержимое выглядит нормально. http://prntscr.com/auhg0r А вот в IE11 и Safari выглядит вот так. http://prntscr.com/auhgv5 - IE11 http://prntscr.com/auhh9f - Safari Если я в убираю дисплей, то в IE11 глюк уходит, но тогда во всех остальных браузерах, в том числе и IE11, меню отображается, как в Safari .menu_dop ul li .menu_dop_wrap { display: inline-flex; } Вот коды меню. html <nav class="menu_dop"> <span class="vertical-text">Ремонт и обс…

    Asked by Mary_RND,

    0 votes
    16 answers

  14. Растягивается дизайн в Мозилле и IE

    Здравствуйте, решил тряхнуть стариной и что-то наваять в чистом хтмле. В Хроме все нормально, а вот в Мозилле и Эксплорере дизайн растягивается и получается совсем унылое зрелище. В чем может быть дело? http://seoyadro.ru Там проблема в растяжке элемента в меню слева. Только прошу сильно не пинать и не кривляться в мою сторону

    Asked by puteviy,

    0 votes
    16 answers

  15. Конфликт стилей?

    Доброго времени суток Я нашла вот такой скрипт преобразования скролла http://www.xiper.net/collect/js-plugins/ui/jscrollpane2.html Подключила, но работает он только для контента первого таба, а у последующих он не появляется... Три таба: Ремонт, Диагностика и Настройка. Вот архив верстки, честно пыталась его засунуть на jsfiddle, но запустить табы у меня там не получилось https://drive.google.com/open?id=0BxhNpLjXhNcKbjVPUlJqN2U2a00

    Asked by Mary_RND,

    0 votes
    16 answers

  16. Как прочитать спрятанный текст в more-link?

    Скрытый текст Скрытый текст Скрытый текст Делаю сайт http://imbim.ru/. Через страницу http://imbim.ru/Школа-моделей/ выхожу на http://imbim.ru/Визаж-и-макияж/ и размещаю код html, через который хочу часть текста “спрятать“, а при нажатии на “Читать полностью“ - прочитать. Получается, так что сам Текст спрятан, но прочитать спрятанный текст не удается. Подскажите, что нужно дописать и доделать? Код который использую привожу ниже: <html> <head> <title>Заголовки HTML</title> </head> <body> <h2 al…

    Asked by Мила,

    0 votes
    16 answers

  17. Проблема верстки

    Такая проблема. Есть 4 картинки. Они должны быть позиционированы по центру, возле первой картинки слева есть текст, возле второй картинки текст справа. возле третей текст слева, возле четвертой справа. Я уже замучался, не могу понять как это сделать....Буду рад помощи. :0074:

    Asked by XopicT,

    0 votes
    16 answers

  18. Сылка с переменой

    Ребят поскольку я только начинающий, подскажите как формировать ссылку с переменой, То есть как сделать чтобы к силки добавлялось значение с переменой !DOCTYPE html> <html lang="ua-UA"> <head> <meta charset="UTF-8"/> <title>Люстра в моїй кiмнатi</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1 align="center">Управлiння люстри в моїй кiмнатi</h1> <div class="zaholovok red" id="r">ЧЕРВОНИЙ</div> <input type="range" id="fan11" min="0" max="1023" value="0" step="1" oninput="fan1()"> <div class="zaholovok green" id="g">ЗЕЛЕНЙ</div> <input typ…

    Asked by Gora,

    0 votes
    16 answers

  19. Прикрепить второе фоновое изображение к низу страницы

    Хочу немного исправить дизайн на старом сайте и сделать фоновое изображение сверху страницы и снизу, вроде все так делаю но уже все голову сломал body { padding:0; margin:0; background: url('images/bg_main3.jpg') top repeat-x, url('images/bg_main2.jpg') repeat-x bottom ;} но нижнее изображение располагается внизу экрана, а не внизу страницы и если страницу прокрутить вниз то оно останется на месте Если добавить параметр fixed оно будет перемещать вместе с экраном, а хотелось что бы оно было всегда внизу страницы и его было видно только когда пролистаешь в самый низ

    Asked by Lang,

    0 votes
    16 answers

  20. Для чего нужен Smarty

    Практически все хоть раз да слышали о разделении кода и содержания, текста и оформления, отделения логики от представления. Смысл в том, чтобы программный код был максимально независим от дизайна сайта. Это позволяет: 1. вести работу над дизайном и программированием одного сайта параллельно; 2. легко вносить изменения, не боясь что-нибудь ?испортить?; 3. быстро делать редизайн всего сайта или отдельных его разделов; 4. добавлять новые программные модули без существенной переделки HTML-кода. Исходно в одном файле PHP уживается код HTML и его программная часть, которые порой так перемешаны, что для разбора и модификации текста приходится тратить массу усилий и времени. Для …

    Asked by Vlad,

    0 votes
    15 answers

  21. прижать слой к низу

    Всем привет. Подскажите, как закрепить слой внизу окна браузера?

    Asked by Wol11,

    0 votes
    15 answers

  22. Вопрос по перекатываниям

    Всем привет,у меня такая ситуация:решил сделать кнопки с эффектом перекатывания,но через CSS и с помощью идендификаторов,с JS ещ? не знаком,так вот первые две кнопки отображаются нормально,но когда я делаю третий идентификатор с указанием картинки и функцией hover,то кнопки изчезают,в ч?м дело?Буду очень благодарен за ответ. Вот код: A#rollover{ background: url('Глава1.gif'); display: inline; width: 80px; height: 40px; border: 0px solid #000; position:absolute; left:140px; top:20px; } A#rollover:hover{ background: url('Глава1(актив).gif') } A#rollover2{ background: url('Глава2.gif'); display: inline; width: 80px; height: 40px; border: 0px solid #000; position:absolute; l…

    Asked by Imevil,

    0 votes
    15 answers

  23. Помогите с выравнивание изображения под любое разрешение.

    Привет всем. У меня возникла проблема и я не могу е? решить,надеюсь вы сможите мне помоч. Я плохо разбираюсь в хтмл поэтому и попросил помощи. Что мне нужно,привратить это: Вот код этого: <!-- Header --> <table border="0" cellpadding="0" cellspacing="0" height="204" width="100%"> <tr><td align="left" width="357"><img src="http://src.ucoz.ru/t/601/1.jpg" border="0"></td><td style="background:url('http://src.ucoz.ru/t/601/2.jpg');" align="right"><a href="$HOME_PAGE_LINK$" title="Главная"><img src="http://src.ucoz.ru/t/601/3.gif" border="0" alt="Главная"></a><img src="http://src.ucoz.ru/t/601/4.gif" width="10" …

    Asked by AstraZak,

    0 votes
    15 answers

  24. frD-Как отодвигать бокс

    Доброго времени суток. Вот простенький сайт http://nwmost.ru/csstest/nd/index.html Вроде бы все нормально, но если кликнуть на "Прайс-лист", то видим, что если контент выходит за рамки, то получается белиберда. Подскажите: как сделать, чтобы нижняя полска отодвигалась под контент.

    Asked by avb,

    0 votes
    15 answers

  25. два слоя одной высоты

    подскажите пожалуйста как это можно сделать: два div'a(делят экран на два столбца), надо чтоб растягивались на одинаковую высоту(heigt), допустим в первом больше текста, второй подганяется под его высоту, и наоборот. есть возможность оба div'а воместить в третий и задать им height:100%, но этот вариант работает только если для третего div'а явно указать height, а я его зарание не знаю.

    Asked by T0xA,

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