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. Прозрачность

    по поводу новоявленной статьи про прозрачность я замутил точно то же что и без использования новых свойств. Смотрим в действии. Любители упрекнуть могут заметить полный крах на IE6 и помимо замечания о том что на IE6 всем посрать могу заметить что новомодный RGBA вообще ежа родит в том же контексте...

    Asked by CEBEP,

    0 votes
    7 answers

  2. Как подогнать фон сайта под разные разрешения экрана

    Здравствуйте! Заранее прошу прощения за скорее всего тупой вопрос, но как сделать, что бы фон сайта (<body background="image.jpg">) правильно отображался под разные разрешения экрана? Я правильно понимаю, что есть только один способ - поместить картинку по центру и прилегающие края сделать из того же, что в картинке цвета?

    Asked by Alex777,

    0 votes
    7 answers

  3. не работает hspace и vspace в mozille

    Коллеги, прошу подсказать как быть в ситуации: есть картинка, вокруг картинки задана белая рамка с помощью css: #author {padding:10px; border:2px solid white;}. В тэге картинки стоят атрибуты hspace и vspace по 5px. В IE (!!!) текст отодвинулся от рамки как положено, а в mozille прилип. Если делать padding-right и bottom, то картинка уезжает от рамки, а рамка стоит на месте, прилипшая к тексту!

    Asked by uncleChalex,

    0 votes
    7 answers

  4. 3 колоночный резиновый дизайн

    Форумчане, подскажите пожалуйста, пока нигде не могу найти. Нужен пример верстки 3 колоночного дизайна в котором 2 сайдбара по бокам фиксированной ширины. а в середке резиновый блок. И еще надо чтобы все 3 блока имели одинаковую высоту подстраиваясь под самый длинный блок. Причем чтобы способ поддерживал фоновое изображение на блок и бордер. Замучился искать, все не то(

    Asked by crash,

    0 votes
    7 answers

  5. Аудиоплеер

    Начну с того, что поиск мне не помог. В одной из тем кинули ссылку на флеш-плеер, но там даже не английский язык. Итак, к проблеме. Что я хочу - при посещении страницы сайта в его верхнем углу отображается аудиоплеер с двумя-тремя простыми кнопка - play/pause/stop - и названием проигрываемой композиции. Композиции, соответственно, не выбираются посетителем, а просто появляются в случайном порядке. Вот, для наглядности. Поясню - вы заходите на сайт, там загружается этот плеер и, если вы того хотите, он проигрывает музыку. Музыка выбирается случайно. Подскажите, пожалуйста, в каком направлении стоит двигаться, какие флеш-плееры стоит мучить или что нового нужно изучить, чт…

    Asked by bon,

    0 votes
    7 answers

  6. Рационально ли?

    Сегодня потребовалось создать, вот такой ярлычок с датой: Вроде бы все получилось, но может есть какой-то способ проще такое сделать, просто для себя интересно на будущее. Вот мой способ: HTML: <div class="news-img"><img src="/img/post1.png" /><span></span><div class="date"> Oct 18, 2010</div></div> CSS: .news-img { position: relative; } .date { padding-right: 24px; background: url('../img/date-arrow.png') no-repeat right; position: absolute; top: 20%; } .date p { background: #2da8d2; padding: 5px 6px 6px 0; } .news-img > span { width: 14px; height: 55px; display: block; position: absolute; left: …

    Asked by MC WEST,

    0 votes
    7 answers

  7. создание списка?

    Здравствуйте, подскажите каким образом лучше создать список- образец: точнее как сделать чтоб цифры шли ровно в столбик, не зависимо от длинны слова? Хотелось бы максимальной оптимизации кода.

    Asked by pattaya,

    0 votes
    7 answers

  8. Списки в IE6

    Здравствуйте. Хотелось бы так как в опере и других нормальных браузерах. Не хотелось бы как у большинства российских пользователей на ИЕ6 и слегка косячно на ИЕ7 <body> <div class="menu"> <ul id="b"> <li ><a href="#"><h6>О КОМПАНИИ</h6></a></li> <li ><a href="#"><h6>ПРОДУКЦИЯ</h6></a></li> <li ><a href="#"><h6>ГОТОВЫЕ ОБЪЕКТЫ</h6></a></li> <li ><a href="#"><h6>КОНТАКТЫ</h6></a></li> </ul> </div> </body> CSS на всякий полностью. *{ margin: 0; padding: 0;} html { height: 100%; …

    Asked by xvr,

    0 votes
    7 answers

  9. Как изменить порядок загрузки элементов страницы?

    Добрый день, уважаемые знатоки! Проблема у меня такая: на странице есть баннеры от баннерообменных систем, которые тормозят общую загрузку страницы. Т.е. отдельные элементы страницы не показываются пока не будут загружены все баннеры. Подскажите пожалуйста, можно ли определить порядок загрузки страницы так, чтобы подгружать баннеры в последнюю очередь? Сначала я хотел заключить баннеры во фреймы, однако вот здесь написано, что многие поисковые системы и каталоги отказываются регистрировать страницы, использующие фреймы и некоторые браузеры не умеют обрабатывать фреймы. Действительно ли это так?

    Asked by zaero,

    0 votes
    7 answers

  10. textarea и её размер

    При уменьшении окна браузера элемент textarea не уменьшается, а остаёться таким же размером как и в открытом окне на весь экран, получаетсья при уменьшенном окне браузера, оно налазит на правую навигацию. Скажите как избавиться чтоб при уменьшениии окна браузера элемент textarea уменьшался в ширину?

    Asked by people2010,

    0 votes
    7 answers

  11. Обратная связь

    всем доброе время суток! Что нужно в этом коде сделать, чтоб работала обратная связь? <div class="reply-form"> <h2>Обратная связь:</h2> <form action="#"> <fieldset> <legend>Форма Обратной Связи</legend> <div class="form-row"> <label for="form-item-1">*Контактное лицо:</label> <div class="contact-input"><input type="text" id="form-item-1" /></div> </div> <div class="form-row"> <label for="form-item-2">*Телефон:</label> <div class="contact-input"><input type="text" id="form-item-2" /></div> </div> <div class="form-row"> <label for="form-ite…

    Asked by Bismuth,

    0 votes
    7 answers

  12. Применение id и class к одному и тому тегу.

    Добрый вечер. Недавно открыл для себя то, что можно применять одновременно и class и id. <div id="x" class="y"> Привет, мир! </div> <!-- wrapper --> Задаем одни свойства через class, другие через id. Код работает. Хорошо ли так делать или лучше не надо?

    Asked by Red Planet,

    0 votes
    7 answers

  13. Баги с картиной в IE

    Здравствуйте уважаемые форумчане! Помогите пожалуйста решить проблему...уж всё попробывала...но ничего не получается... Проблема с отображением сайта в IE, в фф и хроме всё отлично, а в ослике появляются артефакты (на некоторых разрешениях нормально, а на некоторых нет -( )...картинка ниже и код CSS .goto_main{ width: 439px; height: 105px; position: absolute; bottom: 0; left: 0; } .namelogo{ background: url(../../images/site/logo.png) bottom right no-repeat #000; width: 439px; position: absolute; top: 15px; left: 45px; padding-bottom: 120px; height: 100px; } Html <div class="main"> <div style="padding-bottom: 100px; overflow: hidden;"> &lt…

    Asked by Dunya,

    0 votes
    7 answers

  14. opera + table + form

    я только начинаю верстать и столкнулся с такой проблемой делаю таблицу и в неё засовываю форму в мазила всё отлично а в опере она (форма) выходит за таблицу полностью то есть форма получается ниже таблицы подскажите кто с таким сталкивался какое решение этому есть?

    Asked by goldoba,

    0 votes
    7 answers

  15. 3 картинки, как смастерить?

    В общем нужно, чтобы в картинке была кнопка(картинка)-ссылка, которая при наведении+нажатии осветлялась. В интернете нашёл только вариант с бэкграундом. Получается основная картинка должна быть бэкграундом, а остальные 2(затемнённая и осветлённая) я не знаю как прилепить. Ещё эта кнопка должна находится в определённом месте, получается надо задать координаты. К сожалению мои познания в цсс не глубоки, поэтому прошу помощи. Как это реализовать?

    Asked by Quest182,

    0 votes
    7 answers

  16. Замена значков форума.

    Добрый день форумчане. Помогите решить проблему. Есть форум (from-kpi.com.ua). Форум на phpbb, на phpbbguru мне подсказали все что касается движка, а тут остался чистый html и css. Если зайти на форум в первом разделе, вы увидите картинку, а чуть ниже еще картинку. Мне нужно сделать так: кусок кода ответсвенный за это вот: <li class="row"> <dl class="icon" style="background-image: url(<span class="forum-image">{forumrow.FORUM_IMAGE}</span>); background-repeat: no-repeat;"> <dt title="{forumrow.FORUM_FOLDER_IMG_ALT}"> <!-- IF S_ENABLE_FEEDS and forumrow.S_FEED_ENABLED --><!-- <a class="feed-icon-forum" title="{L_FEED} …

    Asked by armid,

    0 votes
    7 answers

  17. Рамка вокруг ссылки

    Всем привет, подскажите пожалуйста как убрать рамку(из точек) вокруг ссылки картинки (<a><img/></a>) она появляется в FIREFOX только когда нажимаешь на нее. С FIREFOX я разобрался, а как поступать с ie6 ie7 если там outline не работает?

    Asked by Budulianin,

    0 votes
    7 answers

  18. Верстка картинки слайдера

    Верстаю страничку и столкнулся с такой проблемой: как сверстать слайдер, понятно, что на сайте он будет работать на jquery, но свойства нужно задать при верстке ( шрифт, размеры и т.д). Или может не стоит этого делать? Скрин прилагаю.

    Asked by vadimon,

    0 votes
    7 answers

  19. Немогу решить как нарезать...

    Asked by CEBEP,

    0 votes
    7 answers

  20. Замена в Adobe Dreamweaver CS4

    подскажите можно ли заменить текст с разными параметрами - например, есть 100 таблиц <table border="0" cellspacing="0" cellpadding="0" width="100"> <tr valign="top" align="left"> <td width="10" height="10"><img src="../images/picture.gif" width="10" height="10" border="0" alt=""></td> </tr> </table> у каждой из них 3 строка имеет разные параметры - например, <td width="13" height="11"><img src="../images/picture2.gif" width="13" height="11" border="1" alt=""></td> <td width="10" height="10"><img src="../images/picture.gif" width="10" height="10" border="0" alt=""></td> и таму подо…

    Asked by Aljnk,

    0 votes
    7 answers

  21. разнае свойства элементов списка, помогите!

    Друзья, я уже голову сломала. Есть список типа ul li: <ul class="menu"> <li class="item3"><a href="#"><span>blahblah</span></a></li> <li class="item8"><a href="#"><span>blahblah</span></a></li> <li class="item16"><span class="separator">блабла</span></li> <li class="itemn"><a href="#"><span>blahblah</span></a></li> </ul> Надо у того li, внутри которого спан класса "сепаратор" сделать особые свойства - потолще его сделать, верхний и нижний отступ ему побольше, чтобы выделялся визуально. Классы пункта списка выдаются дина…

    Asked by Rozhki_,

    0 votes
    7 answers

  22. Друзья! Помогите с Иконками-ссылками

    Привет! У меня возникла проблема.. решил помочь другу с дизайном его странички на myspace.com, в общем он меня попросил сделать ему картинки по которым можно было бы переходить на др. сайты.. у меня IE у него Firefox, мы по разному видим результат работы.. смотрите как... http://img214.imageshack.us/img214/9800/43932721.jpg я пользовался тэгами <tr> <td> <td> </tr> В этом деле я чайник Что делать? Спасибо!

    Asked by SPL,

    0 votes
    7 answers

  23. Firebug 1.5.4 не работает

    Стоит Мозила 3.6, в ней Firebug 1.5.4. Редактирую что-нибудь - на страничке это что-нибудь меняется, как только обновляю страницу - все встает как было до редактирования Сайт локальный.

    Asked by victorz,

    0 votes
    7 answers

  24. Абсолютное позиционирование лишь по вертикали

    Здравствуйте, форумчане. Нужна Ваша помощь в одном вопросе. Буду очень благодарен за совет... Мне необходимо создать меню, чтобы оно было вроде как абсолютно позиционированно, но не совсем... Дело в том, что если абсолютно позиционировать меню относительно левого края, на маленьких мониторах оно будет залазить на контент, который расположен по центру, а на больших - будет далеко от контента, то есть близко к левому краю окна браузера. Нужно чтобы меню находилось в пределах колонки таблицы (по горизонтали). А по вертикали - бегало при скролинге... Вот здесь это хорошо реализовано http://www.samsung.com/ua/consumer/tv-av/t...&returnurl= Там меню размещено не относительн…

    Asked by Vedrys,

    0 votes
    7 answers

  25. IE игнорирует cellspacing и cellpadding

    Господа, прошу помощи. Страница http://romanchuk2010.org, таблица, cellspacing, cellpadding, border - по нулям, border-collapse: collapse. В ФФ и опере всё чётко, но в IE видны границы между ячейками таблицы. Укажите на ошибку, пожалуйста.

    Asked by Zewkin,

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