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. Активный пункт меню.

    Добрый день, Ув. Форумчанены. Я у Вас новичек, но много полезной информации увидил на форуме. Вот решил создать сайт дял автосервиса и столкнулся с такой проблемой. Сделал я меню картинками, т.к знакомый так попросил. Задача была такая: Поставить активный пукнт меню второй картинкой. Я думал это мелочи жизни, т.к на подобии кодом .актив ставил много раз. Начал делать менюшку, с ховером всё отлично получилось при наведении пункт меню меняет. Но при клике, ни чего. +( Может кто посоветует что либо?! Ссылка на сайт тут Код меню: <div id="menu"> <ul> <?php if ($multi_lang == '') { echo ' <li><a class="onas" href="./?page=onas" '.($page=='o…

    Asked by urbanovich,

    0 votes
    3 answers

  2. jquery добавляет к body zoom: 1;

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

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

    0 votes
    0 answers

  3. jquery добавляет к body zoom: 1;

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

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

    0 votes
    4 answers

  4. Дублирующийся контент на страницах

    Есть одинаковый рекламный текст, который вставляется на каждую статью по заболеванию (137 страниц). Насколько я понимаю, это не очень хорошо, и ме хочется его запретить для индексирования google боту. Как это можно сделать? пример страницы http://lidomed.com.ua/main/gaimorit.php. Рекламный текст под слайдером.

    Asked by apexis,

    0 votes
    3 answers

  5. Video не работает в андроидном бразуере

    Подскажите, такая ситуация. Создаю веб-страницу, которая должна работать на Samsung Galaxy Tab, там Андроид 4.0.3 и родной браузер. Вот это http://htmlbook.ru/html5/video не хочет работать ни в какую. В Хроме на этом же планшетнике - работает. Гуглил - ничего толкового. Кодировки у файлов правильные, H.264 + ACC.

    Asked by botyaslonim,

    0 votes
    3 answers

  6. Пример трех колоночной замещающей верстки

    Всем привет. Прошу для тех, кому не трудно написать простой и правильный пример того, как сделать допусти три div колонки, в сумме все три должны быть 100%. И допустим, если убрать одну, то останутся две и автоматом все будет замещаться на 100%, но уже с двумя колонками, как делают шаблоны для CMS. Думаю свою мысль понятно получилось объяснить.

    Asked by aquapasha,

    0 votes
    5 answers

  7. Абсолютное позиционирование в 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

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

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

    Asked by vladmih,

    0 votes
    13 answers

  9. IE7 не правильно отображается фон блоков

    Здравствуйте все! В процессе доводки сайта под ИЕ 7 увидел провтык в оформлении комментариев: Вот как комментарии отображаются в нормальных браузерах: И как отображается в ИЕ 7: Насколько я понимаю эксплорер тупит на свойстве background-position. HTML код фрагмента: <table class="com_top"> <tr> <td class="com_avatar"> <div class="user-picture"> <a href="/users/adm1n" title="Информация о пользователе."><img typeof="foaf:Image" src="/sites/default/avatar.png" alt="Аватар пользователя adm1n" title="Аватар пользователя adm1n" /></a> </div> </td> <td class="round_cont"><div class="coml"></div></td…

    Asked by anpolimus,

    0 votes
    4 answers

  10. Вопрос по 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

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

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

    Asked by dimas562,

    0 votes
    3 answers

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

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

    Asked by sssppp6,

    0 votes
    1 answer

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

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

    Asked by kupas,

    0 votes
    2 answers

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

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

    Asked by RomanF,

    0 votes
    6 answers

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

    Помогите выравнять шапку сайта по центру. 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

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

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

    Asked by iKNG,

    0 votes
    2 answers

  17. Как объединить два языка

    Есть вот такой код на html <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Главная страница</title> <style type="text/css"> .GlavnoeMenuZastavka { } </style> </head> <body> <div style="font-weight:bold; "> <table class="GlavnoeMenuZastavka" border="0" cellpadding="60" cellspacing="0"> <tr align="center" > <td> <a href="http://m-training01.etsp.ru/view_doc.html?mode=Uchebcenter"><img src="icons\Damir\Uchebcenter.png" width="150" height="150" border="0" alt="Учебный центр.png"></a> <p style="margin:0px;">Учебный центр</p> </td> <td> &l…

    Asked by danila_omega,

    0 votes
    1 answer

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

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

    Asked by Carneol,

    0 votes
    6 answers

  19. проблема с 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

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

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

    Asked by alexandr_v-vich,

    0 votes
    6 answers

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

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

    Asked by maritca,

    0 votes
    3 answers

  22. 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

  23. Отнять от даты/времени несколько часов, на 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

  24. Появляющийся поверх всего слой

    Форумчане, правильно ли я понимаю технологию создания появляющегося слоя в центре странички (например как на этом форуме, когда кликаешь ссылку Регистрация или когда кликаешь на иконки BB кодов при оформлении новой темы ): Шаг1: Где-нибудь в теле HTML странички (в любом месте по сути?) создаем отцентрированный слой по принципу описанному например в http://htmlbook.ru/l...u-veb-stranitsy со свойством display:none и с нужным содержанием Шаг 2: на JS пишем коротенкую функцию, которая при клике на ссылку, по которой нужно открыть этот слой, меняет свойство слоя display:visible и ставит z-index 100000, чтобы слой был поверх всего. Так правильно? или весь слой надо формирова…

    Asked by Sserg-135,

    0 votes
    10 answers

  25. Помогите!

    Помогите пожалуйста сделать верстку как на картинке : 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

  • Обсуждения

    • 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