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. Подключить 2 начертания шрифта

    Кто знает как? Допустим есть 2 файла шрифта Regular и Bold. Как сделать так, что бы всё, что на сайте выделяется жирным - выделялось начертанием Bold, а не псевдо-жирным..?

    Asked by miloslovesky,

    0 votes
    2 answers

  2. Меню с беграундом по одну сторону

    Подскажите, можно чисто теоретически. Как делают такие меню? Т.е. чтобы фон слева продолжался по максимуму влево. Ну а справа чтобы фон "обрезался" по-последнему элементу.

    Asked by npofopr,

    0 votes
    10 answers

  3. Flexslider

    http://www.woothemes.com/flexslider/ Решил воспользоваться этим слайдером, т.к. он адаптивный. Все работает, кроме того, что стрелки передвижения слайдов не visible. Они есть, т.к. при наведении курсора курсор меняется. Я сделал отдельный документ *.html без другого контента, только слайдер. Стрелки появились. Следовательно проблема в родителях, но мне ее не найти. Помогите пожалуйста! Вот css для стрелок: /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(components/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-…

    Asked by Michael Myers,

    0 votes
    3 answers

  4. Помогите разобраться! 4 блока, 3 из них фиксированы по высоте, 1 резиновый, не правильно отображается.

    Помогите разобраться! Есть 4 блока. Первый, второй и четвертый фиксирован по высоте (height задан в px), а третий блок должен быть резиновым, но при минимальном количестве информации он должен растягиваться так, чтобы футер был самой крайней точкой, как на скриншоте, только без полосы прокрутки. Что не пробовал, никак не могу реализовать. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>123</title> <meta name="robots" content="index, follow"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <link href="style.css" rel="styleshe…

    Asked by mogdalov,

    0 votes
    4 answers

  5. А как сделать подвал всегда был внизу?

    А как сделать подвал всегда был внизу? вот html <body> <div class="wrapper"> <div class="top"> <div class="logo"> <a href="http://homehosts.ru"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/logo.png" width="194" height="38"></a> </div><!--EndLogo--> <div class="regit"> <jdoc:include type="modules" name="regit" /> </div><!--EndRegit--> </div><!--EndTop--> <div class="menu_box"> <div class="left_menu"></div><!--EndLeftMenu--> <div class="center_menu"> <jdoc:in…

    Asked by Bismuth,

    0 votes
    2 answers

  6. Как сделать ссылку

    Всем доброе время суток! У меня вопрос, как сделать чтоб при нажатие ссылки открывала на той высоте где находится тот или иной параграф?

    Asked by Bismuth,

    0 votes
    2 answers

  7. как вставить часть кода другого сайта на свой?

    Добрый день! Возник следующий вопрос: на стороннем ресурсе есть некий сервис, например вот этот http://services.fms.gov.ru/info-service.htm?sid=2000. Мне нужно чтобы с моего сайта пользователь мог воспользоваться услугами подобного сервиса, без перехода на сторонний сайт. Т.е. вставить часть кода стороннего сайта на свою страницу, чтобы отображался только блок данного сервиса! Заранее спасибо!

    Asked by sm1603,

    0 votes
    1 answer

  8. editplus криво меняет кодировку

    Перекодировал страницу в editplus с ANSI в utf-8, загрузил на хостинг, вышли кракозябры "Учёные". Потом с notepad перекодировал обратно в ANSI - никаких изменений. Как мне перекодировать страницу в utf-8 без кракозябр?

    Asked by apexis,

    0 votes
    3 answers

  9. отключить загрузку скриптов

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

    Asked by deFISH,

    0 votes
    6 answers

  10. Неправильно отображается баннер в ИЕ7

    Добрый день. Помогите, пожалуйста, победить ИЕ7. Третий день уже бьюсь. Суть проблемы: по бокам от центрального баннера отображаются полоски. Их быть не должно. Такая проблема только в ИЕ7, в остальных браузерах нормально. Примеры страниц: http://test.love4lif...eparaty/belara/ http://test.love4lif...eparaty/siluet/ Я пробовал делать костыли в виде цветных border-left и border-right: http://test.love4life.ru/specialistam/preparaty/midiana/ но это очень грубо и не универсально. Заранее спасибо.

    Asked by alxick,

    0 votes
    2 answers

  11. При открытии ссылки во фрейме - поднять полосу прокрутки вверх ?

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

    Asked by quake3,

    0 votes
    7 answers

  12. Как убрать нижнюю линию под текстом который является ссылкой?

    вот нужно убрать линии под текстом который является ссылкой или как нибуть обойтись без тега &nbsp: Вот скрин вот сам код html <table border="1" hspace="20" vspace="20"> <tr> <td> <img src="images/Apple iPad 4/ip2.jpg" width="150" height="200" border="1" alt="ipad 4"> <h4 style=" margin: 0px 0px 0px 10px"> <a href="iPad 4.html"> Apple iPad 4 128 ГБ<br> белый, черный. </a> </h4> <h3 style=" margin: 0px 0px 0px 10px"> </h3> </td> <td> </td> </tr> </table>

    Asked by Виктор146,

    0 votes
    9 answers

  13. "украсть" вариант добавления товара на сайт

    Хочу создать интернет-магазин и пока главной проблемой для меня является грамотное легкое добавление товара. Обладаю небольшими знаниями html, но как понимаю тут без php не обойтись... Собственно, за основу я беру вариант добавления как на slando.ua. Если нажать на "Подать объявление" Вы поймете о чем я. Там все поля рассписаны, добавление картинок грамотно и такой вот тип меня интересует. Как это организовать? P.S.: пока что имею сайт всего лишь на юкозе, туда, как я понимаю, не всунуть такую фишку дабы "проверить" работоспособность? Спасибо!

    Asked by vladeol,

    0 votes
    5 answers

  14. как правильно заголовок в ссылку или ссылку в заголовок

    Собственно, как правильнее: <h1><a href="">Text</a></h1> или <a href=""><h1>Text</h1></a>

    Asked by cmndr_alexgreen,

    0 votes
    3 answers

  15. Проблема с кроссбраузерностью

    Всем добрый день. Верстал страницу по шаблону взятому здесь http://forum.htmlbook.ru/index.php?showtopic=16763 В опере все отображается нормально, а вот в других браузерах начались проблемы: Firefix - Кнопка возле заголовка при навелении не активна, т.е. не срабатывает тег <a> Chrome - Вокруг поля для поиска отображается светлая рамка. Outline:none проставлен. Как убрать не ее не понял. Safari - не срабатывает background у того же поля поиска IE - градиент вообще не отражается, хотя в коде вроде все стоит нормально Сайт залил на хостинг http://uta.p.ht/ Как справиться с этими недочетами? Заодно может кто опытный подскажет, правильно ли использовал теги aside, secti…

    Asked by gregsv,

    0 votes
    8 answers

  16. Нужен код, который позволит принять строковые данные от устройства и разобрать их?

    Задание следующее. Есть устройство, если конкретней программируемый логический контроллер, на котором хранится страница html. Эту страницу через интеренет или локальную сеть может запросить любой желающий по типу http://192.168.2.205/index.html. На странице сделаны кнопка для отправки запроса на это устройство. Зарос следующий - http://192.168.2.205:8090. На этот запрос устройство с помощью встроенной программы формирует ответ и отсылает его в виде строки либо масива данных (скорее всего строковый массив, но возможны варианты). Мне необходимо написать код, который бы перехватывал этот ответ, чтобы его можно было как-нибудь обработать , например вывести по частям в разных …

    Asked by gvenihvivar,

    0 votes
    6 answers

  17. Анимация не срабатывает при 'height=auto;'

    Всем привет Мне нужно сделать выпадающее меню с динамически меняющимся кол-вом ячеек с анимацией(слайд), вот код: http://pastebin.com/jbNp23LK Все получилось, но только для определенного кол-ва ячеек, т.е. высоту блока alert нужно указывать точно, если указать auto, то анимация не проигрывается. Пробовал изменять ее с помощью JS: document.getElementById('alert_id').style.height = '90px'; Тажа история, анимация не проигрывается, блок alert просто появляется при наведении на count, что делать? (:

    Asked by frog163,

    0 votes
    1 answer

  18. Верстка карты(Map, Area.)

    Здравствуйте. На данный момент нахожусь в стадии изучения тега <map> и всему, что с ним связано. По ходу дела меня заинтересовали следующее нюансы: 1) Пытаюсь найти(в гугле) подробную(детальную) инфу(статью) о том, как строить карты - но везде вижу только какие то обрывки информации. (Пока что даже понять не могу можно ли тегу <area> поменять фон или задать ему картинку?(при помощи чистого CSS!) (Если кто то скинет ссылку(с подробным руководством) по данной тематике - буду очень признателен.) 2) какие механизмы упрощения построения(карт) существуют на сегодняшний день? (Неужели каждый раз(при новом проекте) необходимо постоянно заново вводить(именно в ручную!)…

    Asked by Yamaradg,

    0 votes
    2 answers

  19. Проблема верстки

    Здравствуйте. Подскажите дилетанту. На главной в мозиле товары выехали за блок вправо. В хроме в опере все гуд. Вот ссылка http://zakup96.ru

    Asked by eralef,

    0 votes
    2 answers

  20. картинка и Div перекрывает ссылки

    Ребят подскажите пожалуйста. У меня центральная картинка и ее же блок перекрывает нижние эконки с ссылками, так же слева макета есть ховер на текст , также слегка перекрываемый картинкой, следовательно та часть которая перекрыта не срабатывает вот стили блока и изображения #main { width: 600px; min-width: 600px; height: 100%; min-height: 600px; position: absolute; z-index: 0; left: 0; right: 0; margin: auto; top: 20px; } .centerpic { position: absolute; left: -50px; right: 0; bottom: 10px; margin: auto; top: 0; z-index: 1; } стиль эконок в подвале .block { width: 30px; height: 30px; pos…

    Asked by mistadrumma,

    0 votes
    8 answers

  21. Приклеить img в sidebar внизу сайта

    В WordPress нужно приклеить снизу в боковой панели картинку CSS-ом. Не внизу окна браузера (как, например, http://www.cssstickyfooter.com/ или http://twitter.github.io/bootstrap/examples/sticky-footer.html или http://timothy-long.com/examples/responsive-sticky-footer/), а внизу самой страницы. Страница длинная, с прокруткой, и пока не докручу, картинку сбоку внизу не увижу. Спасибо, извините за примитивность поставленной задачи. Не верстал аж с 2002 г., подзабыл премудрости абсолютного позиционирования.

    Asked by gasyoun,

    0 votes
    12 answers

  22. Опытные подскажите пожалуйста

    Народ кто опытный подскажите как вы боритесь с такими вещами в верстке: 1. когда в обвертке два плавающих элемента, то обвертка схлопывается и контент ниже обвертки наезжает на контент который в обвертке, когда-то задавал похожий вопрос, сказали очистить потолок, добавить в обвертку стиль overflow:hidden; Какие еще есть варианты? 2. Вот если фиксовый макет, я центрирую блок таким образом margin:0 auto. Но такое не работает на ie 7, как можно еще центрировать блок обвертку всего контента?

    Asked by vladmih,

    0 votes
    18 answers

  23. инпут разной ширины в хроме и мозиле

    есть инпут с классом pressure_date у него такие стили { border: 1px solid #AAAAAA; background: url(/img/input_shadow.jpg) top repeat-x; height: 30px; color: #999; text-align: center; font-style: italic; width: 75px; } почему в мозиле, визуально этот блок нормально выглядит (по ширине) как мне нужно, а в хроме чтоб он выглядел как мне нужно, емц нужно поставить ширину 79px. То есть хром показывает на 4px меньше?

    Asked by vladmih,

    0 votes
    4 answers

  24. Сайт одним файлом

    Привет всем, когда-то изучал html/css. сейчас на иформатику сайт надо. желательно чтобы он был 1 файлом. из своей молодости не помню, чтобы на html можно было сделать сайт, который бы открывался 1 файлом. т.е. как в инете. чтобы зразу по ссылкам переходило Или можно. очень нужен ответ. И еще вопрос когда скачивал с этого сайта программы сборники html-тегов и css-класов. сейчас не могу их найти. они вообще есть в бесплатном доступе?

    Asked by Shader,

    0 votes
    8 answers

  25. HTML5 Audio и неправильный MIME-Type

    Делаю плеер на HTML5. Возникла проблема: файлы с одного левого сервера (на моём всё работает прекрасно, просто пробую ему файлы с других серверов скармливать) воспроизводить отказывается, выдавая ошибку MEDIA_ERR_SRC_NOT_SUPPORTED. Посмотрев, что отвечает сервер, увидел, что он отдаёт файл с MIME-типом application/x-download. Попробовал вместо атрибута src в теге указывать путь к файлу через тег <source> с указанным типом — воспроизводить всё равно не хочет, хотя выдавать ошибку почему-то перестал. Залил тот же проблемный файл себе на сервер — воспроизводится. Можно ли как-нибудь обмануть браузер и заставить воспроизводить файл независимо от указанного на сервере ти…

    Asked by andreymal,

    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