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. Опять float

    Прошу посмотреть страничку http://pomidor.com.ua/seemax/peregorodkin/team.htm Перепроверил не один раз свойства 5й картинки в наборе лиц. Такое ошущение, что именно для нее float: left; отменен неведомой силой.

    Asked by seemax,

    0 votes
    9 answers

  2. Yootheme Subway - сделать дату как в демо?!

    Добрый день. Пытаюсь сделать сайт для товарища на основе шаблона Yootheme Subway. Хочу сделать дату как в демо версии шаблона возле модулей (слева от модуля). Вот демо шаблона: http://www.yootheme.com/demo/joomla Подскажите пожалуйста как правильно сделать так красиво дату?! Может какой то плагин нужен или это просто писать нужно в html или css? Я начинающий относительно сайтов поэтому прошу объяснить как для "тупых"). Вот сам сайт который требует помощи: http://rococo.in.ua/ Заранее спасибо.

    Asked by gumuch,

    0 votes
    3 answers

  3. Помогите настроить выпадающее меню

    Помогите настроить выпадающее меню Дизайн для Друпала, тема Willibald. Что есть: выпадающее меню, и первый и второй уровни, отображается в виде "кнопок", а надо, чтобы второй уровень отображался в виде СПИСКА. Устанавливал в #main-menu li.level-2 display: list-item; но не помогло. Пробовал и разные др. варианты - ничего не меняется. Помогите. Вот код стиля /** * @file * Menu styling */ /******************************************************************************* * Mobile first ******************************************************************************/ #main-menu { background-color: #ddd; line-height: 1; width: 100%; padding: .2em; /* * Level 1 <u…

    Asked by Леонардо,

    0 votes
    1 answer

  4. Сабменю

    http://jsfiddle.net/DC3zZ/4/ Почему красный блок не начинается внизу от края внешней границы? Почему края красного блока с одной стороны перекрывают меню, с другой "подлезают"? Почему сласс "fon" не заполняет цветом всё пространство окошка? Можно реализовать такое меню свойством z-index не используя display:none; ?

    Asked by Delat,

    0 votes
    4 answers

  5. Как сделать попап окно?

    Нужно сделать попап окно как на этом сайте http://tabakoff.seychas.net/, когда нажимаешь Позвоните нам бесплатно. Помогите!

    Asked by Анакин,

    0 votes
    1 answer

  6. svg-изображения в слайдере не отображаются в IE8 и ниже

    Здравствуйте, дали макет и в нем вот такой слайдер — http://img542.images...2/4426/v11v.jpg . Как вы заметили изображения слайдера необычной формы, У меня были идеи: Сохранить их в png с такими "вырезами", но они бы много весили по сравнению с jpg; Сделать блоки, которые бы перекрывали картинку, но фон не однородный: Cделать это с помощью css-свойства mask-image, но оно поддерживается только в Webkitax. Остановился на SVG clip-path. Вот что из этого вышло: http://fiddle.jshell...ody/dHjXn/show/ Не получается отобразить картинки в IE8 и ниже. Может кто-нибудь подскажет как с эти бороться? Можно даже их сделать прямоугольной формы, главное чтобы отображались

    Asked by mrnobody,

    0 votes
    3 answers

  7. Нужно перекрыть банер блоком.

    Имеется баннер без исходника. Поэтому ссылку поправить на нем не выходит. Декомпилировать баннер не хочу. Пришла в голову идея наложить поверх баннера блок ( на картинке показал). Прописываю абсолютное позиционирование для блока, но почему-то блок уходит под баннер. В чем дело? <body> <a href="#"><div style="position: absolute; width:240px; height:400px; background:#000;"> </div></a> <object type="application/x-shockwave-flash" data="image/0ROxzmznMDf.png" width="240" height="400"> </object> </body>

    Asked by zaec161,

    0 votes
    4 answers

  8. Ищу конкретный горизонтальный слайдер + аккордион на css

    Ребят, кто знающий, подскажите существует ли горизонтальный слайдер + аккордион только на css? Нужно именно чтобы был вида как slidorion Другие, как бы просто с вкладками находил, а вот именно такой нет.

    Asked by sv9t,

    0 votes
    1 answer

  9. Opacity

    Здравствуйте. У меня есть блок, у которого стоит opacity 0.5, в блоке есть изображение и текст. Проблема в том, что от блока передается opacity к другим элементам в блоке. http://jsfiddle.net/Kz9Rm/

    Asked by Samsonoff,

    0 votes
    2 answers

  10. Как сделать в один ряд?

    Вот на сайте нужно выстроить 6 блоков в один ряд. Скажите как это можно сделать? http://oneperhour.net/

    Asked by kabyr,

    0 votes
    2 answers

  11. Не проходит валидацию

    Здравствуйте . скажите пожалуйста что изменить в данном коде чтобы код прошел валидацию и расположение элементов в верстке не изменилось? <div class='rod' align= 'center'> <div class = 'topt' > <p><a href = '#html'>Lets get movies</a></p> <form name = 'loic' action = '#' method = 'post'> <p><input type="IMAGE" src = 'images/mes.png' value="" id = 'l2'><label for="l1"><p>12</p></label></p> </form> </div> <div class = 'pcontent'> <img src = 'images/pic2.gif' alt= 'picture' > </div> <div class = 'tfooter'> <form name = 'star' act…

    Asked by Borka,

    0 votes
    1 answer

  12. Помогите с параллаксом

    Предположим, есть 2 блока с фонами, которые "не скроллятся" и которые расположены на разных концах страницы: http://jsbin.com/ecahoj/6/edit Первый блок ведет себя просто великолепно, но со вторым такого не прокатит. Как решить данную проблему? Для наглядности, можно убрать в css no-repeat для фонов, тогда получится приблизительно нужный результат, но так дела не делаются

    Asked by Ne-Vasha-Natasha,

    0 votes
    2 answers

  13. Надо сделать автообновление для скрипта обратного отсчета!

    k

    Asked by Анакин,

    0 votes
    0 answers

  14. Как добиться такого эффекта?

    Нужен эффект как на 1 картинке. Пытался что-то сделать сам, но бес толку. Получается слишком широкая тень, пытался уменьшить, но получилось еще хуже. Как исправить? На 2 картинке показал проблему + приложил код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> *{ margin:0; padding:0; } body { background:#F7F7F7; } #blok1 { margin-left:5%; margin-right:5%; height: 500px; backgro…

    Asked by zaec161,

    0 votes
    1 answer

  15. Позиция элементов на странице

    Доброго времени суток! Верстая сайт у меня возник вопрос, как контейнер DIV, размещенный в другом контейнере, сместить вниз на половину его высоты и ширины? Хочу сразу сказать, что ширина и высота котнтейнера не заданы. Код который я написал, приведенный ниже: <style> .A, .B{ width: auto; height: auto; display: block; box-sizing: border-box; font-size: 36px; } .A{ position: absolute; margin: 30px; background-color: #07A2FE; border: 1px solid #0080CD; } .B{ position: relative; background-color: #FFCF3F; border: 1px solid #E9AF00; top: 50%; left: 50%; } </style> <div class="A"><div class="B">Example</div></div>

    Asked by Mishus3W,

    0 votes
    9 answers

  16. Неправильно отображается на планшетах (полосит)

    Всем привет) обнаружил тут небольшой баг.. никак не могу понять в чём дело.. может кто сталкивался? делаю так таблица в виде рамки растягивается на весь экран пример тут http://lexo.info/x/ имет вид: по углам уголки по бокам фон: лево, право, верх, них если смотреть планшеты apple/samsung появляются полосы вот пример: http://lexo.info/x/Screenshot.jpg код <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="46" height="49" nowrap="nowrap"><img src="files/topleft.png" width="46" height="49" /></td> <td width="100%" nowrap="nowrap" background="files/top.png"></td> <td width="46" height="…

    Asked by Lexo,

    0 votes
    5 answers

  17. Обрезается backgroubnd

    Такая ситуация: html { height: 100%; } body { background: url(../images/bodybg.jpg) #fff; color: #000; font-family: "PT Sans", sans-serif; font-size: 16px; min-height: 100%; position: relative; } .wrapper { margin: 0 auto; position: relative; width: 960px; } В body блоки header, .bonus, .zakaz, .content и footer шириной на 100%. В некоторых из них свой backgraund. В эти блоки вставляется .wrapper, для фиксированного дизайна. При уменьшении размера окна происходит обрезание background блоков: header, .zakaz и footer (у блока .bonus и .content background как у боди). Вот наглядный скрин http://savepic.ru/4717814.jpg. Может кто сталкив…

    Asked by Gasherez,

    0 votes
    0 answers

  18. Фон по высоте уменьшается при недостаточном контенте

    Всем привет! У меня двухколоночный макет, только вот при недостаточном контенте уменьшается высота фона, а нужно, чтобы высота фона постоянно оставалась от header'a до footer'a? Подскажите, что можно сделать? Вот ссылка на скриншот http://s59.radikal.ru/i163/1308/f7/8494a81e4d2c.png Вот код: <div id="container_layout"> <div id="main_layout"> <div id="all_layout"> <div id="header_layout"> Header_Layout </div> <div id="left_block_menu_layout"> left_block_menu_layout </div> <div id="content_layout"> content_layout </div> <div id=…

    Asked by Nailya,

    0 votes
    9 answers

  19. Горизонтальный нежелательный промежуток в FF 22

    Подскажите пожалуйста причину происхождения нежелательного промежутка, который проявляется только в FF 22.0 http://clip2net.com/s/5wsNan http://septa.devlab-s2w.com/makeup/ Опера, Крома и даже ИЕ9 этого не проявляют.

    Asked by seemax,

    0 votes
    3 answers

  20. Как правильно сверстать?

    Объясните пожалуйста как правильно сверстать эту область? а именно как наложить серую полоску на блок

    Asked by platonov92,

    0 votes
    7 answers

  21. Всплывающее окно

    Есть такая штука <form name="vklogin" method="post" action="<?php echo JRoute::_( 'index.php?option=com_vklogin'); ?>"> ... </form> Открывается в этом же окне с полным оформлением страницы. Но надо чтоб открывалось во всплывающем окне и только формы заполнения. Как это сделать?

    Asked by goodsik,

    0 votes
    1 answer

  22. Не могу разобраться с divами. Нужна помощь!

    Здравствуйте. Извените что так со старта с такими вопросами, но нужен совет. При создании сайта столкнулся с такой проблемой: Есть div обновляемый при нажатии на кнопки без перезагрузки всей страницы. В нём таблица с картинками. К каждой картинке привязан toolTip с описанием. На главной всё путём, а после перехода на 2-ю страницу diva, границы toolTipа остаются в его пределах. При наведении на крайние картинки половины подсказки невидно. Не пойму в чем дело((( Вот код: <div id="okno"> - окно которое обновляется <table> <tr> <td> <CENTER><a href="#">Элизиум</a></CENTER> <CENTER><a href="#" class="tooltip" title=…

    Asked by mat,

    0 votes
    1 answer

  23. вывод картинок, приклееных к краю

    Есть код, но он почему-то не выводит обе картинки по правому краю экрана, выводит только одну. Почему? <!--ask question--> <? if (get_the_ID() != 2181) { ?> <div id='zadad'> </div> <script> $("#zadad").html('<a href="/zadat-vopros-po-stroitelstvu-bani" class="question_btn"><img src="<?php bloginfo( 'template_url' ); ?>/pics/ask_question.png" alt="" /></a>'); </script> <?}?> <!--end question--> <? if (get_the_ID() != 6141) { ?> <div id='zadad'> </div> <script> $("#zadad").html('<a href="/bani" class="str_bir_btn"><img src="<?php bloginfo( 'template_u…

    Asked by fowl,

    0 votes
    4 answers

  24. Фон для сайта

    сайт состоит только из фона,проблема в том что при разрешении 1360:768 фон отображается наполовину,а при 1024:768 все нормально..хотель бы исправить эту проблему..чтобы фон отображалась на браузере польностью сайт germesauto.kz

    Asked by udaf,

    0 votes
    6 answers

  25. Растягивается

    /del Проблему решил, всем спасибо

    Asked by 0x4553,

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