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. jquery добавляет к body zoom: 1;

    Почему? Зачем? Нужно ли это? В Хроме: <body style="zoom: 1;"> В Опере: <body style="">

    Asked by Маленьке Звірятко,

    0 votes
    0 answers

  2. Помогите с картинками на сайте.

    На этом сайте справа есть картинки (фотографии готовых работ) http://www.zmdizain.ru/ Как сделать чтоб при нажатии на картинку, она открывалась в таком окне, как на этом сайте? Заранее спасибо.

    Asked by dimas562,

    0 votes
    3 answers

  3. что не так в toggle расчехлите

    http://jsfiddle.net/3E5jr/ Почему-то блоки сами съезжаются, не нажимая по блоку

    Asked by vladmih,

    0 votes
    13 answers

  4. виделение соседних элементов списка по наведению курсора

    Всем привет) помогите советом. Есть меню реализованное с помощью списка (ul), элементы меню разделяются вертикальными слешами ("|"). Необходимо при наведении на какой либо пункт меню (CATEGORYn) соседние разделители исчезали(сливались с фоном). Вот как это выглядит: http://codepen.io/kupas/pen/fvcuy конструкцию в HTML можно менять. заранее благодарю.

    Asked by kupas,

    0 votes
    2 answers

  5. Проблема с меню

    Добрый день! Очень нуждаюсь в помощи с меню, буду рада любым советам. Выглядит оно вот так: Красным выделен, собственно, участок меню, который необходимо сверстать, а непонятки с левым участком с надписью "Friends Sign Up". В PSD-макете вся оранжевая область меню - одна целая картинка, причем, сделанная так, что ее на части разобрать очень проблематично, даже слишком проблематично, так что отрезать от картинки левую часть и прилепить в код бэкграундом я не смогу. Есть ли возможность как-то так сделать левую часть ресурсами только HTML и CSS? Так, чтоб и hover-эффект на эту часть меню был такой же формы. Либо, может, есть еще какие-то варианты? Заранее спасибо, буду очень…

    Asked by Carneol,

    0 votes
    6 answers

  6. Абсолютное позиционирование в Opera

    Я на странице делаю таблицу. У этой таблицы и всех ее родительских элементов вплоть до body нет позиционирования. Далее я в ячейки скриптом кладу список UL. В один из его LI я скриптом кладу всплывающее меню в виде div-контейнера. Вот стиль меню: display: none; z-index: 9999; background-color: #FFFFFF; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #DDD; position: absolute; padding: 5px; Само меню состоит из пунктов, являющихся также div-контейнерами. Вот их стиль: display: block; margin-bottom: 5px; text-align: left; cursor: pointer; background-color: white; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6p…

    Asked by demoniqus,

    0 votes
    0 answers

  7. Помогите сделать меню, готов заплатить

    Всем привет! Помогите пожалуйста, мучаюсь уже 3 дня, крыша едет )) Вот сайт: http://stroy.galay.by Там представлено меню, так вроде, худо, бедно работает... но теперь не могу решить проблему, если одному из пунктов присваиваешь class="active" для li и одного из вложенных в него подпунктов тоже class="active", то должно оставаться открытым подменю активного пункта, а при наведении на другую ссылку, должен пропадать активный и загораться тот на который навели. Понятно что мое настоящее решение не будет работать в IE, будь он не ладен, планирую создать отдельный стиль с круглыми картинками, но вопрос с активными пунктами так и не решен, готов заплатить за помощь, выручайте Г…

    Asked by galaydas,

    0 votes
    12 answers

  8. Вопрос по toggle jquery

    Добрый день. В общем задача лёгкая, но я не дружу с jquery, поэтому прошу помощи Задача: есть список с пунктами. Див с классом "block" — имеет класс visibility: hidden. При клике на пункт списка блок появляется. И нужно, чтобы не все блоки появлялись, а тот, который в списке, на который щелкнули. Надеюсь понятно) <ul> <li> Пунк 1 <div class="block">Текст</div> </li> <li> Пунк 2 <div class="block">Текст</div> </li> <li> Пунк 3 <div class="block">Текст</div> </li> <li> Пунк 4 <div class="block">Текст</div> </li> </ul>

    Asked by satantx,

    0 votes
    2 answers

  9. Верстка комментариев для сайта

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

    Asked by sssppp6,

    0 votes
    1 answer

  10. Помогите с шапкой для сайта.

    Помогите выравнять шапку сайта по центру. http://www.gold-stroy.ru/ вот сайт. Вот код. <!--begin header--> <div align="center"> <div id="header"> <div id="banner"> <div class="moduletable"> <script src="http://www.major-sp.ru/modules/mod_kwick_sliding_menu/kwick_menu/js/imageMenu.js" type="text/javascript" language="javascript"></script><script type="text/javascript"> window.addEvent('domready', function(){ var myMenu = new ImageMenu($$('#kwick .kwick'),{openWidth:333}); }); </script> <!-- Kwick Sliding Menu for Joomla 1.5 by http://www.camp26.biz- If you want to make this module xhtml compliant, you need …

    Asked by dimas562,

    0 votes
    8 answers

  11. DIV-ы или table...?

    Здравствуйте гуру , знающие , интересующиеся и просто любопытствующие... Какая просматривается тенденция , что рекомендуют учителя и опытные верстальщики ? Набирать div или склонится в сторону table ? Есть принципиальная разница ? Быть может просто я не понимаю сути этого дела , поэтому терзаюсь сомнениями ? Спасибо . Хорошего всем дня .

    Asked by RomanF,

    0 votes
    6 answers

  12. проблема с Div`ами

    Добрый день, у меня следующая проблема: есть главный div container (на картинке в синей рамке) в нем расположены еще два div`a content (тот что слева обведен зеленой рамкой) и sidebar (обведен красной). 1. главный div контейнер почему-то по высоте меньше чем div content. 2. sidebar занимает место не справа, а на всю ширину страницы (по сути он сейчас равен по размерам container). Надеюсь на помощь, т.к. только начал разбираться в верстке. Так выглядит html: <div id="container"> <div id="content"> <div class= "slider"> <img src ="img/slider.png" alt= "Слайдер"/> </div> …

    Asked by Gr1n4,

    0 votes
    2 answers

  13. Отображение фонового изображения частично

    Есть изображение: Как сделать, чтобы отображалось, например, в блоке только иконка [В]Контакте? Просто я впервые встретился с частичным отображением фона. P.s. Каждая иконка в изображении 45х45, все изображение 90х90 пикселей.

    Asked by iKNG,

    0 votes
    2 answers

  14. Отнять от даты/времени несколько часов, на PHP

    Всем привет! Повстречал вот такой вот скрипт, а как отнять от выводимого времени несколько часов (например 3) не знаю.. function date_view($date_input, $time = false) { $monthes = array('', 'января', 'февраля', 'марта', 'апреля', 'мая', 'июня', 'июля', 'августа', 'сентября', 'октября', 'ноября', 'декабря'); $date = strtotime($date_input); if ($time) $time = ' в G:i'; else $time = ''; if (date('Y') == date('Y', $date)) { if (date('z') == date('z', $date)) { $result_date = date('Сегодня'.$time, $date); } elseif (date('z') == date('z', mktime(0, 0, 0, date('n', $date), date('j', $date) + 1, date('Y', $date)))) { $result_date = date('Вчера'.$time, $date); } elseif (date('z…

    Asked by korjik,

    0 votes
    2 answers

  15. Импорт таблиц из экселя

    Подскажите модуль на Джумлу 2.5 для импорта таблицы из экселя. 3000 наименований из экселя в ручную набивать в таблицу вообще не вариант ((( В инете не нашел ничего конкретного. Может здесь кто-то уже сталкивался с подобным

    Asked by Imperil,

    0 votes
    4 answers

  16. Как-то не просто с футером...

    Приветствую всех. Товарищи, прошу вашей помощи. butterflyaf.ru В чём проблема. 1. есть rezina.js, который резинит сайт, при том сделано так, что у всех практически элементов прописан процентный height. И в связи с этим проблемно прижать к низу футер. На первый взгляд он вроде и прижат, но при бОльших разрешениях или малом контенте он отпадает. 2. Футер сейччас идёт в потоке обычного контента и соответственно, как и у всего контента, у него есть поля, т.е. его мне не удаётся растянуть на 100%. Я вытащил его грубой силой за поля вьюпорта и прописал overflow: hidden; И вроде было терпимо, до тех пор, когда я не нажал на скрол и прокрутил (случайно) мышкой вбок. Overflow убр…

    Asked by alexandr_v-vich,

    0 votes
    6 answers

  17. Псевдоклассы в атрибуте style

    Возможно ли использовать псевдоклассы в атрибуте style?

    Asked by JessyStorm,

    0 votes
    3 answers

  18. Красивый сниппет для Яндекса

    Подскажите, пожалуйста, как сделать такую штуку (отображение основных разделов, адреса и телефона в отдельной строке)?

    Asked by maritca,

    0 votes
    3 answers

  19. Не могу начертить вертикальную линию

    Подскажите, пожалуйста, в чем ошибка <div class="main_border_vertical"> </div> .main_border_vertical { height: 100%; width: 3px; background: red; border: none; padding-left: 100px; }

    Asked by Sorrel,

    0 votes
    4 answers

  20. Помогите!

    Помогите пожалуйста сделать верстку как на картинке : http://s004.radikal.ru/i208/1301/1b/211630d202d3.jpg Вот код , никак не получается <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Документ без названия</title> <style> .colortext { color: red; } .head { font-size: 2.5em; text-align: right; padding: 7px; border-radius:10px; border: solid 2px gray; background: #CCC; color:#000000; } .help { float: left; border: 1px solid #333; width: 47.5%; padding: 5px; border-radius:10px; background-color:#CCC; margin: 10px 10px 20px 5px; } .menu { width: 200px; padding: 5px; border-radius:10px; border: 1px solid #000; bac…

    Asked by Elin05,

    0 votes
    5 answers

  21. ul+li+images+ie = проблема

    есть обьект div, внутри него еще один див который крутит показ банеров. <div id="carusel"> <div id="bannerRotator"> <ul> <!--<img src="123_files/1390x140&text=one.gif" alt="bannerImage1">--> <li rel="1" style="display: block; opacity: 0.828293;"> <a href="#"><img src="123_files/1390x140&text=one.gif" alt="bannerImage1"></a></li> <li style="display: list-item; opacity: 0.171707;" rel="2"> <a href="#"><img src="123_files/1390x140&text=two.gif" alt="bannerImage2"></a></li> </ul> …

    Asked by rtl_one,

    0 votes
    0 answers

  22. Верстка

    Помогите новичку разобраться. 2 вопроса: 1) Не могу понять почему у меня div "footernews" прилеплен к div "footer", а не к div "imgmove". Как это исправить? 2) Как сделать так чтобы footer_background накладывался на div "imgmove"? #footer[/color] { height: 280px; background: #fff; clear: left; background-image: url(images/bg_footer.jpg); background-repeat: no-repeat; background-position: 0 160px; position: relative; z-index: 2; } #footernews li { list-style-type: none; height: 170px; width: 380px; float: left; } #imgmove { width: 146px; height: 164px; float: left; position: relative; margin-left: 10px; top: 11px; border: 1px solid black; z-index: 1;

    Asked by Drix87,

    0 votes
    7 answers

  23. Посоветуйте слайдер контента

    Всем доброго времени суток. Посоветуйте пожалуйста какой-нибудь удобный слайдер контента на jquery который можно легко кастомизировать и настраивать по своим нуждам.

    Asked by tini.kRyptoNite,

    0 votes
    4 answers

  24. Управление iframe из родительского окна

    Уважаемые участники сообщества! Не получается решить сложную задачу. Хочу обсудить с вами принципиальную возможность программирования подобных решений. Есть основной сайт - site.com. На странице этого сайта подтягивается iframe с site2.com. site2.com содержит кнопку. Как можно автоматизировать клик по этой кнопке? Графический пример:

    Asked by AndreyBY,

    0 votes
    3 answers

  25. Абсолютное позиционирование и горизонтальная прокрутка

    <p style="position: absolute; right: -80%;">bla-bla-blah</p> -появляется горизонтальная полоса прокрутки, можно прокрутить и увидеть. <p style="position: absolute; left: -80%;">bla-bla-blah</p> -прокрутка не появляется. Почему так? Это стандарт или фича браузеров?

    Asked by skvor,

    0 votes
    1 answer

  • Обсуждения

    • 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