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 Suriko,

    0 votes
    2 answers

  2. Помогите плз

    Народ такой вопрос , никак сам немогу вникнуть как сделать что бы текст находился на картинке по центру ( всё это было ссылкой , и картинка и текст ) и в одном диве , так же что бы при :hover на это всё , текст оставался таким же . а картинка изменялась. html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link type="text/css" href="lol.css" rel="stylesheet" /> </head> <body> <div class="gg"> <a href="#">te…

    Asked by MaferoK,

    0 votes
    2 answers

  3. позиционирование в CSS

    Время от времени на разных форумах при обсуждении вёрстки можно прочитать критику типа "всё висит на абсолютах" и т.д. А чем это плохо?? Чем плохо чрезмерное использование позиционирования?? На чём это может сказаться??

    Asked by DrStrangeLove,

    0 votes
    2 answers

  4. Селектор color

    Цитирую строку из курса CSS на данном сайте: -Например, для color, который устанавливает цвет текста, в качестве значений недопустимо использовать числа. Разве это правильно?

    Asked by EnerGizer,

    0 votes
    2 answers

  5. Как должно быть?

    Есть свойства: .one h1{color:red;} .two h1{color:green;} И есть вёрстка: <div class="one"><p class="two"><div><div><h1>Hello!</h1></div></div></div> Т.к. для первого и второго свойства специфичность равна, то цвет Hello! будет зависеть от того, какое свойство находится ниже в документе. Верно? В мозиле, сафари, хроме так и работает, но в IE и Opera работает по-другому, а именно: цвет текста зависит не от того какое свойство определено ниже в документе, а от того, какой из классов(.one или .two) находится ближе к тегу h1. Почему браузеры ведут себя по-разному? Можно ли как-то привести всё к единому стандарту, то есть, …

    Asked by FanAizu,

    0 votes
    2 answers

  6. Аккордеон (как на сайте htmlbook.ru)

    Доброго времени! Прошу помочь с созданием блока для сайта. Очень заинтересовал аккордеон как здесь: http://htmlbook.ru/css . В левой части, под "Быстрый поиск CSS или тега HTML". Как можно такое реализовать без друпалов (и прочих смс), чтобы запоминался выбранный элемент и после его вывода в правом блоке, переносился бы в первую позицию в списке?

    Asked by SFGMobile,

    0 votes
    2 answers

  7. высота <iframe> 100% не работает в mozilla

    Использую Wordpress и в режиме html вставляю яндекс карту через iframe ,в хроме карта растягивается как надо а в мозиле не работает как сделать чтобы iframe нормально работал и в мозиле использую это на сайте http://adrenalinemap.com/ <iframe src="http://adrenalinemap.com/wp-content/vivodpoints.html" width="100%" height="60%" scrolling="no"></iframe> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег DIV</title> <style type="text/css"> .block1 { width: 100%; background: #81b76d; background-image: url('http://adrenalinemap.com/wp-content/uploads/2011/05/FOOOOOOTER.jpg');…

    Asked by mkone112,

    0 votes
    2 answers

  8. Растягивающийся на всю высоту родителя. Реально ли?

    Привет Всем Вот, как обычно, сижу верстаю - и тут встречается такая проблемка: нужно, чтобы ДИВЫ занимали всю высоту их РОДИТЕЛЯ. Ну или схожая ситуация - чтобы ДИВЫ были равны по высоте самому высокому(длинному) ДИВУ в РОДИТЕЛЕ (В общем-то ситуация одна и та же). Перепробовал кучу приёмов - безрезультатно... Вот код: <!DOCTYPE html> <html> <head> <style> body{ background:#e4e4e4; } .wrapper{ width:700px; background:silver; border:4px dashed gray; margin:0 auto; overflow:hidden; } .left, .right{ float:left; width:40%; margin:10px; background:#eee; padding:10px; } .right{ width:200px; border:2px solid red; } …

    Asked by PanSoul,

    0 votes
    2 answers

  9. Как сделать подпись у каждого изображения.

    Как сделать через CSS на всех изображениях что-то вроде подписи или логотипа. Что бы при копировании было видно откуда это изображение.

    Asked by JlEHb,

    0 votes
    2 answers

  10. Вопрос по ссылке-закладке

    Вот скрин моего меню. Обычное положение и при действии :hover. Меню работает с javascript-ом, при нажатия на вкладку в низу меняется контент без перехода на другую страницу. Я хочу что бы при переходе на другую вкладку картинка которая появляется при действии :hover не исчезала. Подскажите, как это можно сделать?

    Asked by sh1va,

    0 votes
    2 answers

  11. Возникла проблема при вёрстке

    Здравствуйте, вот код: #everything { width:1000px; margin:0 auto; background:url(../images/background_2.jpg); 50% 0 repeat-y black; border:1px solid black; border-width:0px 1px; } нужно чтобы изображение размножалось в низ, вроде всё так сделал, но оно не хочет.

    Asked by b1ohazard,

    0 votes
    2 answers

  12. Странный фон колонки таблицы в IE

    Добрый день! Вот тут: http://www.kafe-na-dinamo.ru/ в IE (и только в нем) правый бордюрчик подложки для текста (бежеватой) отображается некорректно... Это колонка с фоном. Как быть и почему это?

    Asked by kuraga,

    0 votes
    2 answers

  13. Отступ у дива в таблице

    Что-то я туплю на ночь глядя. Детская ситуация, но я скоро начну входить в транс Есть таблица, в ней есть див, в диве простейшее горизонтальное меню. Появился отступ слева, меню съезжает на следующую строчку, не могу избавиться. <table cellspacing="2" cellpadding="2" class="menu" > <tr> <td width="307"> <div class="top_head"> <ul class="top_head_menu"> <li><a href>Каталог</a></li> <li><a href>Оплата</a></li> <li><a href>Доставка</a></li> <li><a href>Контакты</a></li> <li><a href>Прайс</a></li> …

    Asked by buddah,

    0 votes
    2 answers

  14. Проблема с воспроизведением SWF и FLV-файлов в Dreamweaver

    Здравствуйте!У меня возникла проблема. Я изучаю сейчас вставку SWF и FLV-файлов в Dreamweaver. Вставлять получается, но они не проигрываются в окне Adobe Dreamweaver и в разных браузерах(кроме Mozilla),пишется, что нужно обновить версию Flash-player, я и обновил на разных браузерах. Но все равно не удается посмотреть локально на своем компьютере. Что можете посоветовать?

    Asked by Bondiana,

    0 votes
    2 answers

  15. Кнопка при наведении

    Как сделать другой фон кнопки при наведении?

    Asked by onsite,

    0 votes
    2 answers

  16. однопиксельный бэкграунд c repeat

    Когда-то вычитал, что с размноженными однопиксельными бэкграундами плохо работает IE6, тормозит. Поэтому с тех пор я начал делать ширину в 10 пикселей. Сейчас же потребность в IE6 отпала. Так вот, как сказывается это на других версиях IE? Стоит ли обратно на однопиксельные переходить?

    Asked by gimmer,

    0 votes
    2 answers

  17. багс наследием у div

    интегрирую дизайн в hxxp://svitelektro.com.ua/pvs.html c hxxp://www.shape5.com/demo/shopper_frenzy/index.php?page=shop.browse&category_id=13&option=com_virtuemart&Itemid=80&vmcchk=1&Itemid=80 проблема в том, что начал наследоваться один стиль который применен к div на hxxp://svitelektro.com.ua/pvs.html видно там картинка в списке товара повторяется где я допустил ошибку? Помогите плз уже минут 40 ищу

    Asked by SKM,

    0 votes
    2 answers

  18. Блочная "резиновая" вёрстка

    Доброго времени суток! Я только начинаю изучение CSS, подскажите, пожалуйста, как лучше реализовать CSS в этом "резиновом" шаблоне при условии, что каждый элемент шаблона должен быть в отдельном div'е? Какие при этом могут возникнуть нюансы? Спасибо!

    Asked by CocoDen,

    0 votes
    2 answers

  19. Резиновый фон

    Добрый день. Задача слудующая, есть изображение размером 2800x2800, нужно сделать так, что бы картинка отображалась на всю страницу, а все, что выходит за границы обрезалось. То есть больше разрешение - больше видишь. Например здесь http://shtokman.ru/ сделано в точности то, что мне нужно, но к сожалению моего опыта как верстальщика не хватает на то, что бы разобраться самому.

    Asked by megabug,

    0 votes
    2 answers

  20. Footer

    Добрый день. У меня есть Футер, который скрадается с пнг картинки, понятно что она должна быть всегда прижата к низу и быть по центре. Код css: body{ background-color: #3f822e ; background-image: url(img/fon1.png); background-repeat: repeat-x; margin: 0px; } .main{ background-image: url(img/fon2.png); height: 875px; width: 1000px; margin: 0 auto; } .footer{ background-image: url(img/foot1.png) ; height: 72px; width: 1000px; position: absolute; bottom: 0px; margin: 0 auto; background-color: #142A0E; } Код html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.…

    Asked by --FENDER--,

    0 votes
    2 answers

  21. Не нужная линия

    Имею сайт http://udmmusic.ru/. Поставил на него поиск от Яндекса. В итоге получилась незапланированная серая линия на строкой поиска. Я пробовал файебагом отключать стиль border-collapse: collapse; - работает. Но этим стилем я не могу управлять так он на сервере Яндекса. Подскажите как это можно устранить?

    Asked by smirn0ff,

    0 votes
    2 answers

  22. стилизация полосы прокрутки

    Приветствую! Возникла необходимость сделать полосу прокрутки под дизайн сайта. А именно вместо полосы прокрутки нужно поставить свои изображения. Реально ли это сделать?

    Asked by IPnex,

    0 votes
    2 answers

  23. Зараженный сайт

    Всем привет. Правду говорят что понедельник день тяжелый. Сегодня придя на работу и зашел на сайт _http://www.memory-market.ru/ (кто боится ругани оперы на то что сайт зараженный, не ходите) опера начала ругаться что сайт зараженный, хотя в пятницу все было нормально. Собственно вопрос, где искать ноги у етой проблемы? как можно это излечить и собственно по чему ето произошло?

    Asked by Torvin,

    0 votes
    2 answers

  24. Плавающий тег

    Доброго времени суток. Нужна помощь в решении одной задачки. И так. Есть блок фиксированной ширины и высоты, внутри него находится тег <img>, размеры которого могут изменятся в зависимости от размеров изображения, но при этом тег <img> всегда должен находится строго в центре блока.

    Asked by yujin11,

    0 votes
    2 answers

  25. Переполнение

    Всем привет, не пойму в чем проблема http://celebration-place.com/new/blog, текс вылазит за границы. Спасибо за помощь! P.S word-wrap: break-word; помогает, но хотелось бы узнать, может в самом коде где ошибка

    Asked by rusmn,

    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