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. Растягивание страницы по всему экрану

    Здраствуйте! Помогите мне пожайлуста растянуть страницу сайта ( на картинке) по всему экрану(то есть по ширине) а не как на картинке ( по середине). Заранее вам огромное спасибо)

    Asked by sasha8085,

    0 votes
    2 answers

  2. Background в ссылках

    Доброго всем дня. Помогите изменить фон в следующем коде: <div> <a href="#"> <img src="#" width="150" height="150" /> </a> </div> У меня в цикле выводятся картинки размером 150 Х 150. Но если картинка не такая квадратная, например прямоугольная, т.е. ее пропорциональная длина или высота не соответствует заданным 150 Х 150, то в оставшейся части идет черная заливка. Вот ее-то я и хочу закрасить в белую. Внизу, по центру, доп.фото: картинка Уже по всякому пробовал и с бекграундами в стилях, и в дивах и в ссылках, но что-то не получается.

    Asked by rapsik,

    0 votes
    2 answers

  3. Позиция текста в radioinput

    Привет, форумчане! Подскажите пожалуйста, в чем тут дело? У меня есть группа радиокнопок (вложил скрин). Все бы ничего, но текст каждой радиокнопочки съехал вниз, а мне нужно чтобы он располагался по центру, или хотя бы чуть выше. Вот что у меня имеется

    Asked by korjik,

    0 votes
    2 answers

  4. Масштабирование фонового изображения. Как реализовать?

    Необходимо большое изображение (выбрано большое разрешение для того, что бы на больших мониторах было тоже хорошее качество) установить на фон страницы так, чтобы оно заполняло все доступное простанство и в то же время все вмещалось в эту область. Т.е. масштабировать фоновое изображение до краев и в то же время уместить его полностью. О том, что может выглядеть плохо - понимаю. Пробовал играть со значениями background-size, не помогает. Лучшее, что смог сделать нижеследующий текст. Однако картинка умещается по горизонтали, а снизу белая полоса. Монитор 1280х1024, а картинка 3543х2362. body { background: url(kap_bg_optimize.jpg) no-repeat; -moz-background-size: 1…

    Asked by Resager,

    0 votes
    2 answers

  5. Вопрос по float

    Есть данный код: <!doctype html> <html> <head> <title>Test 14</title> <style type="text/css"> #content{ width: 100px; height: 100px; background-color: black; float: left; } #footer{ float: right; width: 100px; height: 100px; background-color: grey; } #navigation{ height: 100px; background-color: red; margin-right: 102px; margin-left: 102px; } </style> </head> <body> <div id="content"> </div><!-- end content --> <div id="navigation"> </div><!-- end navigation --> <div id="footer"> </div><!-- end footer --&gt…

    Asked by VictorioIP,

    0 votes
    2 answers

  6. width:%2px

    Привет. мне досталась верстка и в ней вот такая запись WIDTH:%2PX; подскажите какой смысл такой записи? И это врятли ошибка потому что эта х... повторяется, используется для JS по изменению ширины окна при наведении мыши.

    Asked by Viikkk,

    0 votes
    2 answers

  7. Система оплаты на сайте

    Доброе время суток, многим наверное известен сайт free-lance.ru или подобные. Недавно возникла идея сайта с подобной системой оплаты, т.е. заказчик вносит сумму за размещение заказа, а исполнитель при выполнении ее получает. Хотелось бы узнать каким образом ее сделать и есть ли уже готовые скрипты. P.S. Раньше никогда не имел дела с денежными операциями на сайте, поэтому, если можно, объясните поподробнее. Заранее спасибо

    Asked by Zozizu,

    0 votes
    2 answers

  8. Форма inputbox

    В общем при активном инпутбоксе (модуль поиска вверху) палочка мигает ниже , как её поднять чтобы отображалось не так криво? адрес сайта vivaart.ru

    Asked by dimma111,

    0 votes
    2 answers

  9. Проблема с фоном в IE.

    Доброго времени суток! Проблема заключается в том, что при написании сайта необходимо было задать основному блоку фон высокого разрешения. Его размеры были заданы с помощью css3 : background-image: url(img/bg_total.png); background-repeat: no-repeat; background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; -khtml-background-size:100% auto; В браузерах, в которых проверял сайт, все срабатывает как надо. Но только не в IE. Он не понимает background-size: 100% auto;. соответственно помогите найти решение данной проблемы. Возможно чтобы решение было именно для IE или просто…

    Asked by Altenrion,

    0 votes
    2 answers

  10. IE не хочет воспринимать хак

    Оригинал: #nav-right { background: url(http://192.168.15.155/b2b/images/menu2.png) no-repeat; height: 47px; width: 14px; float: right; margin-top: 2px; margin-right: -3px; } Хак для IE: #nav-right: {margin-top: -100px !important; margin-right: -100px !important;} Хак в HTML: <!--[if lte IE 9]> <link rel="stylesheet" type="text/css" href="styles/ie.css" /> <![endif]--> inb4: путь к файлу прописан правильно.

    Asked by unreq,

    0 votes
    2 answers

  11. Какая стандартная длина сайта, который расположен по середине?

    Какая стандартная длина сайта, который расположен по середине?

    Asked by saswat,

    0 votes
    2 answers

  12. Рамка с заголовком на рамке

    Как сделать вот такой DIV с заголовком, перекрывающим участок границы?

    Asked by vlav,

    0 votes
    2 answers

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

    Здравствуйте мне нужны макеты для тренировки верстки пожалуйста можно прямые ссылки(необязательно) Заранее спасибо

    Asked by LXVDXXXVI,

    0 votes
    2 answers

  14. Статья на главной странице

    Помогите вывести статью на главную. Я вставил такой код <p align="center">текст</p></body></html> При этом статья отображается на всех страницах, а мне нужно только на главной.

    Asked by maxfon,

    0 votes
    2 answers

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

    Как сделать подчеркивание только под заголовком, чтобы можно было изменять ширину, размер, тип и цвет линии? В моем варианте линия выходит за пределы заголовка, до конца строки: h3 { font-size: 23px; margin-top: 0; margin-bottom: 0; font-weight: normal; color: 0F84AB; font-family: Georgia; font-style: italic; border-bottom:3px solid 0F84AB; }

    Asked by SunSpot,

    0 votes
    2 answers

  16. Иконка в конце текста

    Добрый день уважаемый форумчане! Возникли проблемы с вёрсткой. Суть такая, имеется блок с текстом, и нужно в конце текста вставить иконку. Вот так http://s1.ipicture.ru/uploads/20120908/5ko9S46F.png Пока в голову приходит не очень красивый вариант <span class="icon"> </span> Хочется узнать есть ли какой-то удобный и красивый способ на css? Заранее спасибо!

    Asked by joni,

    0 votes
    2 answers

  17. Отказ border-bottom

    Мир всем. Редактирую шаблон блога под свои нужды. Хочу подчеркнуть ссылки слева через border-bottom (стандартное underline не устраивает по ряду причин). И как бы я не прописывал border-bottom в соотвествующем куске .art-blockcontent-body a:link и прочих - никакого результата. Цвет, размер - всё что угодно, подчёркивание - нет. Пробовал задавать отдельный класс для ссылок - тоже ничего. Прописывал бордер прямо в инспекторе браузера - строчка мгновенно зачёркивается. Что это значит? Подскажите пожалуйста где всё-таки писать этот бордер несчастный? Спасибо.

    Asked by type,

    0 votes
    2 answers

  18. Создание объектов от своего типового (статического объекта) Javascript

    Привет всем, можно ли создать на основе статического (типового объекта), например String свой типовой объект, добавив к нему свойства, а потом уже создавать экземпляры этого нового объекта? То есть получается, что экземпляры будут внуками для String. То есть, можно написать: String.prototype.newproperties='X';и потом обращаться к любой строке или объекту типа String: objectstring.newproperties, где objectstring-новый объект типа String. Мне хочется также добавить свойство к своему объекту, но, чтобы он уже имел все свойства и методы String.

    Asked by webmos,

    0 votes
    2 answers

  19. Скрипт оплаты услуг

    Во первых хотел бы сказать спасибо сайту, узнал очень много нужного, и он помог сделать мне сайт. Ситуация: имеется интернет магазин, и нужно сделать форму для оплаты с помощью банковских карт(мастер кард или виза) Чтобы при нажатии купить пользователь переходил на страницу с формой заполнения, нажимал "оплатить" и деньги с его карты шли на карту владельца. Так вот несколько вопросов: нужно ли регестрироваться в каких либо сервисах- посредниках проведения платежей? Как создать данную кнопку? Как происходит данная оплата? Досьаточно ли иметь банковскую карту для получения платежей? Если тема была, извините, я не нашел. Спасибо

    Asked by Cloovl,

    0 votes
    2 answers

  20. проблема с высотой ячейки

    если у меня <td width="25px" height="25px"> и я вставляю картинку <img src="img/img.jpg" width="25px" height="25px"> то фактически <td> имеет размеры высота 28 ширина 25 как это исправить чтобы были размера <td> - 25/25 и у нее влезала картинка 25/25 спасибо.

    Asked by Ravlik,

    0 votes
    2 answers

  21. Насчет картинки на заднем фоне

    Всем привет. Вот у меня к вам вопрос по оптимальности решения. Значит имеем примерно следующее: Обратившись к наглядной иллюстрации мы можем заметить, что главная страница сайта сделана по центру, и две картинки по бокам. При чем центральная страница, как бы перекрывает картинки по бокам. Простите если мои художества выгрызают у вас хрусталики глаз. Собственно вопрос. Как правильнее поместить две картиночки по бокам, на задний фон? Мои варианты. Первый(bad) - Это сделать три колонки.Но тогда задавать придется в процентах все. А очень хочется, что бы центральна колонка была фиксированный ширины. Второй(not bad, but what about сross-browser compatibility.. thx to ggl-trnsl…

    Asked by boooze,

    0 votes
    2 answers

  22. 2 тени

    как можно задать 2 тени? использую такой css код box-shadow: 0px 0px 10px #999, 0px 0px 50px inset #ddd; -moz-box-shadow: 0px 0px 10px #999, 0px 0px 50px inset #ddd; -webkit-box-shadow: 0px 0px 10px #999, 0px 0px 50px inset #ddd; Opera отображает все нормально, а хром и мазила не отображают тень вообще

    Asked by Avalon4eg,

    0 votes
    2 answers

  23. Переход по внешней ссылке

    Здравствуйте! Нужно сделать так чтобы при переходе по ссылке (внешней) Сначала вылазила страница с подтверждением. Пример: Желательно без php. В Гугле находил несколько решений, но почему-то они не работали. Логотип ЯПлакалъ - не реклама)

    Asked by Simpsons,

    0 votes
    2 answers

  24. Скрипт в шапке

    Скажите пожалуйста,как поставить скрипт в шапку сайта,чтобы он стал справа? Пробовала так [right.]скрипт Ничего не выходит. Эти теги видны в шапке, а скрипт стоит по центру Спасибо. и так [/r.]скрипт[r] Без точек, естественно

    Asked by fefa4ka,

    0 votes
    2 answers

  25. Скрыть текст

    Есть код <div class="social"> <a href="/#" class="steam">Steam</a> <a href="/lied" class="cake">Cake</a> <a href="/#" class="facebook">Facebook</a> <a href="/#" class="rss">RSS</a> </div> Есть стиль .social a.steam { height:17px; width:17px; text-indent:-9999px; background:url('/template/img/social.png') no-repeat 0 -34px; opacity:0.5; } .social a.cake { height:17px; width:17px; text-indent:-9999px; background:url('/template/img/social.png') no-repeat 0 -51px; opacity:0.5; } .social a.facebook { height:17px; width:17px; text-indent:-9999px; backgroun…

    Asked by Ge1i0N,

    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