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. Баг с "overflow: hidden;" и "border-radius: ;"

    Собственно, сабж: <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Баг с "overflow: hidden;" и "border-radius: ;"</title> <style type='text/css'> .wrap { width: 200px; height: 200px; background: red; overflow: hidden; border-radius: 50px; position: relative; } .el { width: 190px; height: 190px; position: absolute; top: 5px; left: 5px; background: green; } </style> </head> <body> <div class="wrap"> <div class="el"></div> </div> </body> </html> Или тут: http://jsfiddle.net/…

    Asked by DjTarik,

    0 votes
    2 answers

  2. Как привязать к экрану блок не используя fixed и js?

    У меня таблица. И с права и с лева в таблице идут картинки. мне их нужно привязать к прокрутки. Но если я делаю position: fixed, то получается, что пропадает td и все смещается. Мне нужно сделать вот что: И картинки нужны резиновые, что бы становились больше или меньше от браузера. Посоветуйте что нить пожалуйста?

    Asked by hea8y,

    0 votes
    3 answers

  3. Подскажите по верстке

    Здравствуйте. http://vyazniki-srcn.ru/ вот сайт подскажите как на нем сделано что при наведении на меню список выпадает если есть подменю. Заранее благодарен.

    Asked by bugatti,

    0 votes
    1 answer

  4. footer

    Привет всем, кто может мне помочь. Проблема в следующем. Есть заготовка сайта. Ни как не могу соединить, как надо футер, мидл, и правый сайдбар. Вот так он сейчас выглядит: http://itmages.ru/image/view/707658/9035670d http://itmages.ru/image/view/707659/461c3f77 Вот коды: index.html: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <title>Святогор-Риэлти</title> <meta name="keywords" content="Сайт фирмы Святогор-Риэлти, Фирма Святогор-Риэлти" /> <meta name="d…

    Asked by morda77,

    0 votes
    15 answers

  5. нужна помощь в WP

    Здравствуйте. Помогите пожалуйста решить проблему. На сайте http://dragoncredit.com.ua/ нужно блок контента сделать больше например 600px sidebar1 и sidebar2 оставить таким же размером как и есть, но только нужно их сдвинуть вправо там где сейчас пусто смотрите скриншот Помогите пожалуйста.Большее спасибо Скриншот http://pixs.ru/showimage/SKRjpg_9088683_5989779.jpg

    Asked by BTN,

    0 votes
    3 answers

  6. возможности тега <a href...

    Здравствуйте, будьте добры подскажите как сделать ссылку на странице так, что бы после перехода на другой сайт(она открывается в этом же окне), возможности вернутся обратно не было? То есть стрелки в браузере вернуть действие назад не появлялась

    Asked by criket84,

    0 votes
    4 answers

  7. z-index

    Дано: <div id="one"> <div id="two"></div> </div> <div id="three"></div> Как сделать, чтобы второй блок перекрывал третий, но третий при этой перекрывал первый? #one{ position: absolute; left: 0px; top: 20px; z-index: 10; } #two{ position: absolute; left: 50px; top: 30px; z-index: 15; } #three{ position: absolute; left: 100px; top: 30px; z-index: 12; } Такие стили дают результат, при котором 2й блок перекрывает только 1й и их оба перекрывает 3й (несмотря на з-индекс).

    Asked by Wak,

    0 votes
    4 answers

  8. Как объединить блоки

    Подскажите, как вывести 2 блока кнопок в одну строку <script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script> <div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,gplus"></div> <script type="text/javascript" src="http://st.pinme.ru/js/widget.js"></script> <script type="text/javascript"> PINME.Share.init({button: "#pinmeShare", buttonType: 1}); </script> <div id="pinmeShare"></div>

    Asked by fowl,

    0 votes
    4 answers

  9. разница cler:both

    скажите, в чем принципиальная разница между этими двумя способами? <div style="clear:both"></div> и Код HTML 1 <div class="clear"></div> Код CSS 1 .clear {clear:both; content:""; display:block; height:0; font-size:0; visibility:hidden;} кроме длины записи и наличием ненужных правил

    Asked by conformist,

    0 votes
    8 answers

  10. Выравнивание объекта по центру страницы

    Здравствуйте. Хотел спросить, как сделать выравнивание объекта по центру страницы, как на этом сайте http://brezhneva.com/. Там логотип размещен по центру и при увеличении и уменьшении он остается ровно по центру. Как сделать такое?

    Asked by jon4eg,

    0 votes
    5 answers

  11. Прошу оцените наработку.

    Писал сайт в первый раз, пишу в первую очередь для изучения, поэтому может быть множество ошибок, но всё же хочется что бы кто-нибудь оценил, и указал на мои ошибки. http://crazyfox.servegame.com p.s. регистрацию только пишу, точнее разбираюсь как написать.

    Asked by CrazyFox,

    0 votes
    5 answers

  12. показать/спрятать элемент не выходит?

    Всем привет. Я совсем новичок. Подскажите, если не сложно. Ниже пример кода (упростил как мог). Суть задачи - по наведении на иконку меняется фон по дней + появляется подсказка с пояснением. Так вот - фон отрабатывает на ура. А help1 не появляется. Уже бьюсь несколько часов как рыба от лед. Ведь наверняка что-то на поверхности, но не вижу?! Стиль: <style> .help1{ visibility: hidden; } .icon_style { width: 45px; height: 45px; background: rgba(200, 200, 200, .1); } .icon_style a { display:block; } .icon_style a:hover { background: rgba(200, 200, 200, .3); } .icon_style a:hover + .help1 { visibility: visible; } </style> ХТМЛ: <body> …

    Asked by lomax,

    0 votes
    6 answers

  13. на сайт ленту новостей

    подскажите как можно поместить на свой сайт вот эту ленту новостей http://ru.pokerstrategy.com/rss/all/_uLLPDC

    Asked by EnerGizer,

    0 votes
    3 answers

  14. эмуляция mac-браузеров

    подскажите пожалуйста существует ли возможность посмотреть страничку в маковских браузерах при этом находясь в windows или linux? интересует примерно такое, но бесплатное

    Asked by cyklop77,

    0 votes
    1 answer

  15. способы горизонтального выравнивания

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

    Asked by cyklop77,

    0 votes
    3 answers

  16. помогите с вебкитами

    возможно не там создал первую тему, но вот на неё ссылка: http://forum.htmlbook.ru/index.php?showtopic=39857 заранее спасибо!!!

    Asked by NikNak,

    0 votes
    0 answers

  17. не отображается вебкит в сафари и хром

    Это черновой вариант страницы для теста использования закругления углов средствами CSS. Интересно то, что при первом просмотре всё работало, но потом перестало просто отображаться в хром и яндекс интернет. Как оказалось также не работает и в сафари. Думаю что-то я не так ввёл а теперь не могу разобраться где накосячил. К стати если выложите как можно упростить данный код буду так же признателен. BODY { text-align: center; /* Выравнивание блока по центру */ margin-top: 0; } A IMG { border: none; /* Убираем границу */ } .os { background: url(images/fon.png) repeat-x right top; margin: auto; /* Отступы вокруг блока */ width: 8…

    Asked by NikNak,

    0 votes
    2 answers

  18. фоновый рисунок в tr для IE7

    Добрый день, есть конструкция с двумя фоновыми рисунками: <style> #left{background:url(images/left.jpg) no-repeat transparent; min-height:550px;} #left_menu_bg{background:url(images/leftbg.jpg) 180px center repeat-y;} </style> <tr id="left_menu_bg"> <td id="left"> ... </td> <td id="content"> ... </td> </tr> в IE7 фоновый рисунок строки не отображается. Подскажите, пожалуйста, чем это может быть вызвано и как с этим бороться?

    Asked by culver,

    0 votes
    6 answers

  19. Горизонтальная прокуртка в Опере и overflow. Не могу их подружить.

    Привет народ! Подскажите кто нибудь пожалуйста (уже мозги себе сломал). У меня на сайте сейчас (см. рис.) #main-wrapper { overflow: visible; } в результате на стреницах с цумом дикая горизонтальная полоса прокрутки в Опере http://wenishop.ru/dlya-samykh-malenkikh/tsarapki-pinetochki/pinetki-detskie Единственный выход ее убрать это задать (писал сам може и бред): #main-wrapper { overflow-y: visible; overflow-x: auto; } Но, в этом случае Цум не выходит за границу контейнера. Может есть другое решенеие, чтобы и за границу контейнера выходило, горизонтальной прокрутки не было?

    Asked by VasyOK{!},

    0 votes
    4 answers

  20. И снова верстка рассылок

    Новичок в верстке рассылок. Столкнулся сходу с несколькими вопросами. Как я понимаю, верстать нужно таблицей с применением инлайн-стилей, а также желательно без фоновых изображений. Тогда передо мной стал вопрос: как можно сверстать такую рассылку? А именно: как подложить фон и сделать текст текстом и как обтекать рисунок? Может быть единственный выход это вообще все сделать картинками...?

    Asked by sjinks,

    0 votes
    7 answers

  21. Слепые зоны у кнопок

    Я кодер, а не верстальщик, но по воле судьбы приходится верстать. Вот возникла проблема у нас на сайтах (http://stranadobra.ru http://bysmile.by - впринципе, они одинаковы, разве что для разных стран). Браузер Chrome. На картинке показаны некоторые из зон (уверен, что их больше даже на этой кнопке), нажимая на которые никаких действий не происходит. Разве что утапливание кнопки срабатывает (active), hover срабатывает, но ставка не делается. Тоже самое наблюдается на многих других кнопках на сайте. За основу взят bootstrap + навешивал свои стили. Увидеть на практике, в принципе, можно лего: незалогиненным (чтобы не поставилась ставка) попробуйте отыскать эти зоны. <bu…

    Asked by Mone,

    0 votes
    6 answers

  22. оформление заголовков

    доброго времени суток, уважаемые форумчане! возникла потребность оформления множества заголовков в стиле газетных блоков. так вот вопрос - как это реализовать? можно а тегах <h2> сделать background с точкой и padding слева. поставить position left center, а с другой стороны как? можно несколько бэкграундов - но это не кроссбраузерно. также :after :before использовать - опять же, ие врядли отобразит как положено. посоветуйте решение, как сделать?

    Asked by conformist,

    0 votes
    2 answers

  23. как одним кликом развернуть подкатегории и уйти на ссылку?

    У меня возникла задача сделать так, чтобы с помощью одного нажатия на категорию открывались и подкатегории и переходила по ссылке на основную категорию... В общем на словах трудно объяснить... Сайт duduka.ru Допустим категория АКЦИЯ При нажатии на нее должно одновременно перейти по ссылке АКЦИЯ и открыть подкатегории(для мальчиков, для девочек) Помогите пожалуйста! Сам не могу разобраться..

    Asked by rafael,

    0 votes
    6 answers

  24. Не работает атрибут width в ячейке таблицы. Почему?

    Всем привет ) Пишу скрипт для закрепления строк и столбцов в таблице. Столкнулся с проблемой: значение width атрибута style тега td работает не так, как я того ожидал. Почему и как это исправить? Вся относящаяся к проблеме информация отражена на скрине. в коде html прописано <td style="width: 263px">, а по факту 247px UPD: моих скудных знаний не в верстке хватает, чтобы решить проблему UPD2: всем помогающим спасибо и + к карме

    Asked by nerv,

    0 votes
    3 answers

  25. Растянуть div на всю свободную высоту

    Не могу растянуть DIV по высоте не один способ не работает (( Помогите! <div id="wrapper"> <div id="header"></div> <div id="content"> </div> </div> html, body { font-family: Arial, Helvetica, sans-serif; height:100%; } #wrapper { width: 1200px; margin: 0 auto; } #content { min-height:100%; height:100%; _height:100%; }

    Asked by Dark Smoke,

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