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. Скролинг fixed позиции, с закрытием другого блока

    Здравствуйте! Подскажите, пожалуйста, как при скролинге страничке, сделать, что бы div2 вставал на место div1 (т.е. уходил верх)? При скролинге в топ - блоки возвращались на свою позицию. Спасибо! Код на http://cssdeck.com/labs/i1jxnjzh <html> <title>hello word</title> <style> body{ margin:0px; padding:0px; } .div1 { width: 100%; text-align: center; background-color: #e1e1e1; height: 40px; line-height: 40px; } .div2 { width: 100%; text-align: center; background-color: #888888; position: fixed; height: 30px; line-height: 30px; } .div3 { margin-top: 30px; } </style> <head> </head> <body> <div class="div1"> hello, hide …

    Asked by papa_s,

    0 votes
    4 answers

  2. кнопка нравится от facebook

    помогите пожалуйста разобраться собираюсь на страничку встроить кнопку "нравится" от facebook. в макете блок в общем выглядит так. видно, что кроме самой кнопки присутствуют еще элементы. их придётся верстать мне или у facebook существует сервис, который генерирует весь блок?

    Asked by cyklop77,

    0 votes
    5 answers

  3. Less на клиенте не работает

    У меня less версии 1.3.3 не работает на клиенте.Что не так?У вас работает?

    Asked by max2012,

    0 votes
    7 answers

  4. IE<9 Проблема со шрифтами.

    Всем привет. Ссылка - http://www.falard.org В консоле выводит ошибку - CSS3111: В @font-face обнаружена неизвестная ошибка. Такие ошибки очень тормозят в развитии, ибо на данный момент имеется очередной заваленный проект, по моей скорее всего неопытности. Информацию нашел по данной ошибке следующую - http://msdn.microsoft.com/ru-ru/library/ie/hh180764(v=vs.85).aspx Случалось что ошибка возникала не только у меня одного - http://forum.htmlbook.ru/index.php?showtopic=42956 (решение не устроило, не помогло, вообще похоже на серию нелепых движений, танцем с бубном то есть) Буду очень благодарен за помощь.

    Asked by FaLaRD,

    0 votes
    0 answers

  5. Cufon. Обрезанный шрифт

    Всем джамбо. Поставил шрифт на wp (cufon), а он обрезает заглавные буквы, причем если меняешь размер шрифта все ровно заглавные буквы обрезаны..вот ссылочка для наглядности http://osobniak.com/

    Asked by CatInTheBread,

    0 votes
    2 answers

  6. Прошу помоч поставить фон.

    Я только только начал изучать веб програмирование, по этому прошу строго не судить ) Проблема такая: Никак не могу поставить фон на своём сайте. Ставлю такой код, и в итоге у меня только фон залитый серым цветом , вместо нужной картинки: body { background:url('images/Fon.png') #373e45 no-repeat 50% 0; word-wrap: break-word; }

    Asked by TiestoClubLife,

    0 votes
    5 answers

  7. Кликабельные подразделы

    Здравствуйте! Никак не получается найти информацию по своему вопросу: как сделать страницу с кликабельными подразделами? (Пример:http://lawcanal.ru/html.acti.uchebniki.html )

    Asked by Ksusha90,

    0 votes
    1 answer

  8. text-align в IE<9

    Такая трабла: IE младше 9-ой версии неправильно выравнивают inline-block элементы. <div class="parent"> <div class="this-is-inline-block"></div> <div class="this-is-inline-block"></div> <div class="this-is-inline-block"></div> </div> Задав блоку с классом "parent" свойство text-align: center, а дочерним элементам свойство inline-block, нормальные браузеры располагают инлайн-блоки ровно по центру, но не IE<9. Как справиться с этим? Гуглил, но тамошние приемы мне не помогли, или я просто делал что-то не так.

    Asked by SuperJerk,

    0 votes
    4 answers

  9. Помогите! Скрипт смены фона

    Здравствуйте! Помогите пожалуйста! Нужен скрипт для смены фона сайта на картинки, чтобы пользователи сами выбирали нужный фон, могли его через ссылку ставить и т.п. В общем нужна как в Windows с рабочим столом, так же и тут только с фоном Видел такие скрипты на UCOZ, но они ужасны, хотя работают, переписать не взялся! Так что надеюсь на вашу помощь!

    Asked by Spleefys,

    0 votes
    1 answer

  10. Неправильно работает CSS по атрибуту в Chrome

    Заметил я что в CSS можно прописывать свойства не только для существующих тегов, но и для любого сочетания букв, и решил написать свой тег. Всё вроде бы работает, но одна проблема — в Chrome свойства для spoiler[type="img"] отображаются не только для тега <spoiler type = "img"> но и для всех тегов <spoiler>. Если открыть просмотр "Исходного кода элемента", и там сделать с этим тегом что-нибудь, то всё приходит в норму. Код HTML: <!DOCTYPE html> <html> <head> <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <meta charset = "utf-8"> <link rel="stylesheet" href="spoiler.css"> </head> <body> Текст текст текст &l…

    Asked by Mouse-art,

    0 votes
    11 answers

  11. Оцените решение

    Стоит такая проблема: То бишь блок с красиво оформленной прозрачной рамкой. Вот решение: HTML: <!doctype html> <html> <head> <title>Deluxe</title> <link rel="stylesheet" type="text/css" href="css/style2.css" /> </head> <body> <div class="border"> <span class="top tl"></span> <span class="top tr"></span> <span class="bottom bl"></span> <span class="bottom br"></span> <div class="out"> <div class="in"> <div class="content"> adsdasdasdasdasdasdasdasdasdasda<br> …

    Asked by mnstrsound,

    0 votes
    14 answers

  12. Проблема со ссылкой

    Здравствуйте. Мне нужно было создать изображение,которое является ссылкой и сдвинуть его на 200 пикселей вправо. Получился код типа <a href="адрес ссылки"><img src="адрес картинки" style="padding-left:200px"></a> Но с этой ссылкой есть проблема: перейти по ней можно не только нажав на картинку,но и нажав левее картинки на эти самые 200 пикселей. Что с этим делать?

    Asked by mcdude,

    0 votes
    2 answers

  13. отменить overflow hidden

    Доброго времени суток, требуется помощь, сломал голову уже, вот накидал образец существующей верстки <body> <div> <div> <div>...</div> <div> <div>...</div> <div>...</div> <div>...</div> <div> <div></div> <--ВАЖНЫЙ DIV--> </div> </div> <div>...</div> </div> <div>...</div> <div>...</div> </div> </body> в css дивам присвоено overflow:hidden (такова верстка, если отменить все поплывет), в коде выше отмечен важный…

    Asked by Artyomii,

    0 votes
    1 answer

  14. Выравнивание слоя по центру без указания точных размеров

    Как выровнять слой по центру без указания точных размеров этого слоя.

    Asked by max2012,

    0 votes
    1 answer

  15. Эффект постепенного осветления фона меню

    Как сделать, чтобы при наведении курсора на главное меню, более светлый красный цвет появлялся не мгновенно, а постепенно, с не большой задержкой? http://prodpak.ru (Мне кажется нужно использовать: псевдоэлемиенты + z-index + JS )

    Asked by Delat,

    0 votes
    6 answers

  16. Несколько bx слайдеров?

    Очень люблю в своей вёрстке использовать bxSlider, у него есть свои цсс и js файлы которые легко корректировать в своих нуждах. Вопрос в том, как использовать этот слайдер с разными стилями несколько раз на странице или в проекте? Например в качестве слайдера или в качестве карусели. Или что бы на одном изменялось фэйдом, а на другом просто листались слайды. Затруднения вызывает тот факт, что js и css файлы рассчитаны только на один слайдер, если я вставлю второй, то у второго будут те же самые стили и изменения которые я делал в файликах. Понимаю что вопрос тупейший, но этот вопрос стоит ребрейшим ребром

    Asked by Alarr,

    0 votes
    4 answers

  17. background-position в IE

    Здравствуйте. Прошерстил инет, но никак не могу найти решение. Необходимо точно спозиционировать (сдвинуть на определенное количество пикселов) фон в блоке. Делаю это так: background-position: top right 8px; Предполагается, что фоновая картинка встанет в верхнем правом углу блока со сдвигом в 8 пикселов от правого бока. Работает во всех браузерах, кроме IE. Причем данную запись не понимает ни одна из версий IE (проверял в IETester и IE 7 напрямую).

    Asked by toman,

    0 votes
    1 answer

  18. Помогите с внутренним отступом

    Помогите с padding. мне нужно чтобы межды пунктирной линией был отступ как на картинке но получается так: к отступу еще добавляется какое то расстояние, не могу в коде найти какое. FireBug его не показывает. Вот коды участка: <div id="news"> <div class="new"> <div class="title"> <p>New 1</p> </div> <div class="new_cont"> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis blandit, metus et mollis dictum, augue nisl feugiat dui, sed molestie elit nisi nec massa. Nulla ligula elit, porttitor eget commodo vel, bibendum ut ligula. Sed sit amet ultrices sapien. Aenean mattis dictum commodo. Etiam …

    Asked by GeorgGood,

    0 votes
    1 answer

  19. Помогите с вертской плз. Проблема с расположением блоков/картинок

    Помогите новичку пожалуйста! Сам разберусь точно не скоро, т.к. времени после работы крайне мало на изучение веб программирования. Для тех кто хорошо понимает css/html, там делов-то на раз плюнуть. Вкратце: Хочу сделать страничку с расположением объектов как на двух скриншотах внизу http://i.imgur.com/E9UmjdD.jpg http://i.imgur.com/ysMAPqi.jpg Сама страничка - http://podstrigis.com/test Буду благодарен за любую помощь!

    Asked by msk1,

    0 votes
    4 answers

  20. Автоматический перенос части текста с одного сайта на другой

    Всем привет.У меня наверное не стандартный вопрос, так как ответа я не нашел. Заключается он в следующем. У меня есть несколько сайтов и на них нужно постоянно редактировать одну и туже информацию. Есть ли такое решение на HTML или JAVA, что бы редактируя на одном сайте информацию, она обновлялась на других? Информация числовая. Сайт на Ucoz. Подскажите кто чем может и возможно ли вообще это.

    Asked by cpstriker,

    0 votes
    4 answers

  21. приходят на почту карякули

    на локальном сервере все приходит нормально а на бесплатном хостинке такая белеберда п≤п╪я▐:п▓п╦п╨я┌п╬я─ п╓п╟п╪п╦п╩п╦я▐:п÷я─п╬я┘п╬я─п╬п╡ п÷п╬п╫я─п╟п╡п╦п╩я│я▐ п╩п╦ я│п╟п╧я┌:Yes я│п╬п╬п╠я┬п╣п╫п╦п╣:п╡п╬я┌ я┌я┐я┌ п╫п╟п©п╦я┬п╦ я┤я┌п╬ п╫п╦п╠я┐я┌я▄ п╟п╡я┌п╬я─я┐ на локальном вот так X-Sendmail-Cmdline: sendmail.pl -t -i To: vitia146@mail.ru Subject: Отзыв о смешной странице Имя:Сергей Фамилия:Житлов Понравился ли сайт:Yes сообшение: текстовое сообшение почему так? код php такой <?php $result = mail ( "vitia146@mail.ru", "Отзыв о смешной странице", "\nИмя:". $_POST ['name']. "\nФамилия:". $_POST ['famili'] . "\nПонравился ли сайт:". $_POST ['likecontent']. "\nс…

    Asked by Виктор146,

    0 votes
    7 answers

  22. Фон из трех изображений

    Здравствуйте. Подскажите как реализовать фон из трех изображений: первое - фиксированного размера, градиент, второе 1px высотой - тянется на всю ширину контента и третье - опять градиент, фиксированный размер. Первое что пришло на ум: background: xxx,yyy,zzz; но увы у меня не получилось правильно спозиционировать и нижнее изображение вообще не появляется ни при какой высоте конента. Интересует так же, как правильно применить фоны: все три к родительскому блоку или каждый фон своему блоку? Спасибо!

    Asked by nomn,

    0 votes
    3 answers

  23. Что я делаю не так, помогите найти ошибку

    У меня есть 3 изображения, вместе они создают шапку, Вот код <html> <head> <title>test</title> </head> <body> <table width="100%" border="0"> <tr> <td><img src="1.jpg" width="21%"></td> <td><img src="2.jpg" width="38%"></td> <td><img src="3.jpg" width="28%"></td> </tr> </table> </body> </html> У меня не получается шапка, картинки не сливаются и даже разного размера получаются. слитое Изображение это простая большая по высоте синея полоса(я для примера взял ее) с разной шириной но одинаковой высотой

    Asked by light3jibqp@yandex.ru,

    0 votes
    5 answers

  24. выделение объекта

    На странице - дивы с контентом (фото + текст). Есть кнопка - при нажатии один из блоков должен каким то образом выделяться. Подсвечиваться например с помощью «тени». Выделение это должно само проходить. Собственно вопрос — как сделать красиво (может быть есть примеры) и желательно просто?

    Asked by deFISH,

    0 votes
    4 answers

  25. Вёрстка мобильного сайта. Как?

    Привет всем. Недавно заинтересовался вёрсткой под мобильные устройства. Не понимаю как верстаются качественные мобильные сайты, например, сайт вконтакте или яндекса. Это ведь JS отвечает и за работу и за отображение? Как например при скольжении пальца справа налево открывается меню или как все блоки и шрифты идеально масштабируются в зависимости от размера экрана. Ну и ещё интересно как создают такие не масштабируемые страницы, ведь когда я пытаюсь со своего андройд-фона изменить масштаб яндекса или вконтакте, но мне пишет что страница не поддерживает масштабирование. Надеюсь среди вас есть опытный человек имеющий тесный контакт с этой областью, который разъяснит мне эти …

    Asked by winston3d,

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