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. Большая картинка в меньшем диве

    Доброго времени суток! Не знаю как сделать лучше. Есть большая картинка размером 100*100px, и есть маленький div 50*50px. Как сделать чтобы картинка отображалась в нем полностью? Привожу свой кривой код. html: <div id="wrap_button"> <a class="screen_button" href="#"></a> </div> css: div#wrap_button { width: 50px; height: 50px; } a.screen_button { display: block; background: url(images/button.png) no-repeat; height: 100%; width: 100%; } P.S. <img /> вставлять не желательно, так как при наведении на ссылку должна меняться картинка. Буду благодарен за помощь.

    Asked by hokil,

    0 votes
    12 answers

  2. Как проиграть аудио по клику на странице на смартфоне?

    Привет. Создаю веб-приложение для детей, где по клику на рисунок будут воспроизводиться названия предметов. К сожалению никак не могу достичь этого эффекта на своем телефоне с android без флеша. Попробовал все способы отсюда, но без успеха. Есть решение для проигрывания файла в браузере для android и ios?

    Asked by lander,

    0 votes
    0 answers

  3. IE PNG

    У меня такой вопрос: есть див с бекграундом с прозрачностью в IE8 вместо прозрачности выдает черное поле применяю фильтер: //background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=\'true\', sizingMethod=\'scale\', src=\'../images/info.png\'); бекграунд становится нормальным но весь контент становится прозрачным... что делать???

    Asked by GeSTaM,

    0 votes
    5 answers

  4. Интересная вещь))

    Игрался с вёрсткой и решил попробывать может ли СSS отнимать от 100% какие либо число. Оказалось что не может но тем не мение если поставить после 100% знак минус, тоесть так width:100%-; то получаеться очень забавная вещь. Насколько я понял оно от 100% отнимает величину падинга. Кто может обьяснить более детально? P.S. Гуглил и не нашол.

    Asked by demi,

    0 votes
    14 answers

  5. Мета тег со значением MSSmartTagsPreventParsing

    Обьясните пожалуйста, какую функцию выполняет мета-тег <meta name="MSSmartTagsPreventParsing" content="true" />

    Asked by Alex&R,

    0 votes
    3 answers

  6. Как работает автоматизация платежей?

    Добрый день уважаемые профессионалы. Давно уже к вам не обращался за помощью но я опять много не знаю и хочу просить вашей помощи. Вопрос в следующем. Существуют много сайтов, где можно сделать оплату (через Visa, WebMoney и т.д.) и после оплаты моментально тебе дается возможность скачать какую либо информацию. Подскажи пожалуйста как происходит данный процесс, что нужно для выполнения данной мульки у себя на сайте и собственно какие существуют варианты??? В гуглу искал уже данную информацию но толкового не нашел ну или может не разобрался просто. Очень прошу помощи. Есть идея которую очень хочется воплотить в жизнь. Спасибо за любую помощь.

    Asked by gumuch,

    0 votes
    3 answers

  7. Выравнивание блока и input

    <!DOCTYPE html> <html> <head> <title>Добавление адресата</title> <style type="text/css"> body { font-family: "arial", sans-serif; font-size: 12px; font-size-adjust: none; font-style: normal; font-variant: normal; font-weight: 400; line-height: 110%; color: #333333; } .side1 { margin: 0pt 2% 0pt 0pt; padding: 0px 0pt 0pt; width: 65%; overflow: hidden; min-width: 550px; } .big_input { width: 99%; } select.big_select { width: 85%; /*min-width: 350px;*/ max-width: 715px; } .dark_grey { margin: 0pt; padding: 1pt 15px 7px; background: rgb(228, 228, 228) none repeat scroll 0% 50%; } .big_textare { margin: 0; display: block; width: 99%; cli…

    Asked by apv1989,

    0 votes
    6 answers

  8. Как подключить несколько таблиц стилей для разных браузеров ?

    Решил сделать так чтобы в разных браузерах элементы отображались по разному. Подскажите как подключить несколько таблиц для определённых браузеров? Например opera.css для оперы firefox.css для мозилы и т.д.

    Asked by StreetRacer,

    0 votes
    7 answers

  9. Вопрос по верстке в две колонки

    Здравствуйте, только начинаю изучать верстку возникает много вопросов, например по верстке в две колонки, показали пример <div id="all"> <div id="out"> <div id="right"> </div> </div> <div id="left"> </div> </div> вопрос, вот в чем: для чего будет использоваться <div id="out"> ведь можно просто поменять местами <div id="left"> и <div id="right">, и второму задать маржин, на ширину первого, а первому флоат,подозреваю что это как то связано с фоном но "допетрить" сам не могу, я прощу прощения если вопрос глупый и ответ будет очевидным но опять же повторяюсь я начинающий а спросить не у к…

    Asked by Vasdram,

    0 votes
    4 answers

  10. Прошу помочь с таблицами

    Всем привет. Никогда не верстал таблицами - возникла потребность их использования в резиновой верстке. В блоке с контентом, который тянется от 1000 до 1200 располагается таблица - цель создать 3 резиновых текстовых блока со строго фиксированными отступами между ними. Вот какой на данный момент выходит код: <table> <tr> <td class="block"> </td> <td class="margin"> </td> <td class="block"> </td> <td class="margin"> </td> <td class="block"> </td> </tr> </table> table {width:100%; height:50px; border-collapse:collapse;} td.margin {width:40px; background:#000;} td.block {backgrou…

    Asked by Верстальщикус,

    0 votes
    2 answers

  11. работа с рекламой

    добрый день. Помогите пожалуйста. хочу сдклать рекламу новинок как на этом сайте http://www.bonaromat.ru/ смотрю исходник, но не могу понять как это реализованно. в каком направлении смотреть? заранее спасибо.

    Asked by tambi,

    0 votes
    8 answers

  12. CMS oscommerce

    Есть CMS oscommerce, глухо запутанная. Нужно расположить блок с поиском и ICQ номером в шапке. Блоки идут PHP скриптом, вставляя оные в шапку - ничего не происходит. Админка весьма примитивная и позволяет расположить их только в левой или правой колонке - получается что расположить в другом месте нельзя?

    Asked by sergio_ktt,

    0 votes
    6 answers

  13. подберите фон

    помогите подобрать фон на школьный сайт нужно чтото типа бумаги если что вот сайт http://xn--8-mtbvk1b.in.ua/

    Asked by T@NKIST,

    0 votes
    3 answers

  14. div > table

    <div><table></table></div> Вот такая простая структура, но при сжатии страницы, таблица сжимается до минимальной ширины, а див продолжает сжиматься дальше, выглядит некрасиво - див имеет бакгроунд и он сжимается и становиться меньше таблицы. Замечено в браузерах: FF, IE8, Crome, Opera. Кто сталкивался с подобной проблемой, как решали?

    Asked by raznodel,

    0 votes
    17 answers

  15. не работает фоновый рисунок

    Всем привет Подскажите пожалуйста У меня не работает фон есть CSS #menu {margin: 5px 50px 5px 50px; background: url(images/menu.png);} #menu ul li{ display:inline; float:left; width:150px; list-style:none; text-align:center; } #menu a { display:block; float:left; width:145px; font-size:12px; text-decoration:none; font-weight:bold } url(images/menu.png) фон не показывает! В чем может быть проблема html <div id="menu"> <ul> <li><a href="#">ГЛАВНАЯ</a></li> <li><a href="#">О КОМПАНИИ</a></li> <li><a href="#">ПАРК АВТОМОБИЛЕЙ</a&…

    Asked by kent666,

    0 votes
    1 answer

  16. CSS, таблицы, фреймы...

    Я только начинаю и вот сразу возникает вопрос при создании первой страницы. Нужно её разметить, как я поняла это называется макетирование(если не так, поправьте). Фреймами, вроде так получается лучше его не делать, таблицами также нежелательно, остаётся CSS? Вопрос в сущности в следующем, делать макетирование лучше только CSS(это оптимальный вариант для большинства браузеров?)? И когда лучше использовать фреймы и таблицы(для разметки)?

    Asked by Анна,

    0 votes
    12 answers

  17. Прозрачная полоса прокрутки

    Здравствуйте. Помогите, пожалуйста, с вопросом. Как можно сделать на сайте прозрачную полосу прокрутки как, например, у телефонов Nokia X6 при просмотре веб-страниц или как у виджета комментариев сайта vkontakte.ru (скриншот)? Также, если есть возможность, ответьте, пожалуйста, как запретить вход на сайт по ссылкам с определенных сайтов? Например, было время, когда создатели сайта "Единая Россия" er.ru запретили вход на их сайт с vkontakte.ru, facebook.com и пр. Спасибо!

    Asked by Alter_Ego,

    0 votes
    3 answers

  18. Резиновые кнопки

    Кто-нибудь пробовал тянуть кнопки (не те что input, а простые ссылки, оформленные как кнопка)? Пробую разные варианты с тремя кусками фона (лево, право, центр) и чего-то фигня получается. Либо ссылка не всю область закрывает и работает только в центральной части, то hover работает автономно на каждом из участков (наводим на цент - в центре меняется фон, а по бокам нет).

    Asked by SEObomj,

    0 votes
    21 answers

  19. Проблема с картинками меню для IE7

    Здравствуйте, форумчане! У меня такая вот проблема - на сайте есть основное меню выполненное только на картинках. Все работает нормально, но в IE7 не получается кликнуть мышкой по картинке меню. Точнее получается кликнуть, но перехода по ссылке не происходит. Перейти по ссылке можно только по правой клавише мыши и из контекстного меню выбраь - перейти по ссылке. Подскажите пожалуйста как решить такую проблему?

    Asked by web_master345,

    0 votes
    6 answers

  20. PIE.htc не фурычит

    Скачал последнюю версию, подключил - там где применяется border-radius у элемента пропадает фон. Пробовал через pie.js - такая же фигня. Что я делаю не так? )

    Asked by SEObomj,

    0 votes
    9 answers

  21. Проблема с отображением

    Добрый день. Возникла проблема на одном из сайтов, которые я администрирую. Заказчик жалуется, что на этой странице (http://blagodatchrista.org.ua/muz-archiv/156-videoclip.html) навигация по страницам выводится коряво. В опере отображается как надо.

    Asked by ctpz,

    0 votes
    6 answers

  22. div с ul, li. не корректн. отображение списка в ие8

    Добрый день. В общем так, сверстал меню, в опере, фф, ie9 отображается отлично, а в ie8 крайняя правая кнопка смещена вниз. ширина блока фиксированная... код прилагается. Уже все перепробывал, что упускаю?? #menu { width: 900px; margin:5px auto; height:30px; } #menu ul { list-style: none outside none; display: inline; } #menu li { background: none repeat scroll 0 0 #F4F4EC; border-bottom: 4px solid red; display: block; float: left; list-style: none outside none; } #menu li a { border-color: #E1E1D3; border-style: solid; border-width: 1px 1px 0; color: #44494F; display: block; float: left; font-size: 13px; …

    Asked by s3p,

    0 votes
    4 answers

  23. drupal 7

    чтобы освоить достаточно ли книги по 6 версии? слышал что 7 очень прожорлива, это очень критично? P.S. какую-то cms надо изучать более менее

    Asked by Slyfox,

    0 votes
    7 answers

  24. Сайт на всю высоту

    Здравствуйте!! Хочу сделать сайт, который бы растягивался по высоте страницы. Имеется разработанный дизайн главной страницы в виде картинки, мне нужно чтоб эта картинка растягивалась по всей высоте и не скрывалась вниз. Подскажите при помощи чего нужно позиционировать сайт. вот пример подобного сайта - leningradspb.ru Подскажите пожалуйста при помощи каких "инструментов" создавался данный сайт или киньте ссылку где бы данная технология описывалась.

    Asked by alokey,

    0 votes
    4 answers

  25. GIF анимация

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

    Asked by Leonidk,

    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