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. Ccs оформление. в iframe

    Суть такая на форуме вставил вот так. <iframe class="donatwow" src="http://billing.besthost.by/wow/easypay.php"></iframe> Как к нему привязать оформление. А то я создаю ccs для donatwow и как бы ничего не происходит. Как я понял надо изменить оформление в http://billing.besthost.by/wow/easypay.php, так что бы у меня оно отображалось красиво. То есть изменить размер колонок, шрифт, цвет и так далее. Что предложите.. Вставляю в боковую панель ipb 3.2.2, там разрешен: Включить RAW HTML / JS режиме Если enbled, NO разбора произойдет. Хорошо, если вы хотите показать HTML / JavaScript только, например, поместить его виджет или баннер. Используйте таблицу / Граница …

    Asked by angelShlesser,

    0 votes
    0 answers

  2. Помогите исправить маленький недочёт в спойлере

    Помогите исправить маленький недочёт в спойлере <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> A.s1 { display: block; width: 200px; height: 30px; } A.s1:hover { background: #33CC00; border: 3px double #339900; } A.s2 { display: block; width: 200px; height: 30px; } A.s2:hover { background: #FF0000; border: 3px double #CC0000; } .m1 { display:block; width: 200px; height: 30px; margin:0 auto; } .m11 { display:none; padding-top: 0px; } .m1:hover .m11 { display:block; } .p1 { line-height: 2; font-size: 11pt; font-weight: bolder; color: #000000; margin-left: 10px; }…

    Asked by skoch244,

    0 votes
    0 answers

  3. Проблемы с меню на CSS

    Здравствуйте. Надеюсь на вашу помощь. Сделал меню с помощью CSS Menu Generator, установил на сайт. Но подменю недоступны. То есть они открываются, но при наведении мыши закрываются. Так же Логотип заезжает на меню. Помогите разобраться. http://kinoglas.com

    Asked by sayatmeir,

    0 votes
    0 answers

  4. Блочная верстка

    Привет народ, буду очень рад любым советам и рекомендациям по "доделке" макета. Это мой первый более менее сложный шаблон, трудностей много возникло, для начала - не верное отображение в ИЕ, верстка стала уползать после добавления logo; Ну и еще всякие разные странности возникают, тот же лого не получается без position:absolute; отцентрить, т.к. верстка сползает... Пробовал Z-index менять, не вижу чтобы на что-то влияло, наверное что-то не так делаю Заранее всем спасибо за внимание! Ссылка: http://fryuk.narod2.ru/

    Asked by mortal,

    0 votes
    0 answers

  5. Растягивание блока при большом содержимом

    Проблема: Две колонки на дивах. Первая растягивающаяся, у неё задан отступ справа, вторая такого же размера, что и отступ, и обтекает справа первую. Если в первую колонку вставить объект, ширина которого больше ширины экрана минус отступ, то этот объект начинает вылезать за границы колонки, а хотелось бы, чтоб колонка растягивалась под размер объекта (пусть даже от этого в окне появится горизонтальная полоса прокрутки), а вторая колонка по прежнему находилось справа от первой. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>ы</title> <style t…

    Asked by Adlaran,

    0 votes
    0 answers

  6. отступы

    не получается подогнять отступы в верху и в низу левого сайдбара чтобы был одинаковый отступ с верху и снизу вот пример http://jsfiddle.net/Actticus/Gr5TV/ есть отступ с верху но не правильный а вот отступ с низу но тогда не могу сделать с верху http://jsfiddle.net/Actticus/Fwhwa/ нужно чтобы с верху и снизу был отступ равный 4 em помогите только начал изучать верстку и сразу в бой=)

    Asked by Actticus,

    0 votes
    0 answers

  7. скрипт

    вот код скрипта <script LANGUAGE="JavaScript" TYPE="text/javascript"> <!-- function doMenu(AIndex) { if ( AIndex == 1 ) { if ( chapter1.style.display == 'none' ) { chapter1.style.display = 'block'; } else { chapter1.style.display = 'none'; } // if..else } // if if ( AIndex == 2 ) { if ( chapter2.style.display == 'none' ) { chapter2.style.display = 'block'; } else { chapter2.style.display = 'none'; } // if..else } // if if ( AIndex == 3) { if ( chapter3.style.display == 'none' ) { chapter3.style.display = 'block'; } else { chapter3.style.display = 'none'; } // i…

    Asked by voin545,

    0 votes
    0 answers

  8. Подскажите, как корректно отобразить вкладку в Фейсбуке

    Здравствуйте! Помогите пожалуйста понять, что я делаю не так. Есть приложение называется Static HTML, в которое можно вставлять HTML код. Есть шаблон, который специально предназначен для такой вкладки, т.к. размеры подогнаны под 520 на 800 пикселей. Style.css и изображения храняться на гугл сайтс (т.к. в фейсбуке требуется HTTPS соединение) вставляю в приложение, HTML код файла index.html в котором прописаны ссылки на стайл ксс и ссылки на изображение. Нажимаю просмотреть и...в файрфоксе отображается корректно, а в опере, хроме, ослике все расползается. Не знаю в чем причина. подскажите. Это же участь постигла и слайдер, который я пытаюсь вставить здесь Вот ссылка на вк…

    Asked by Syndicate221,

    0 votes
    0 answers

  9. Мобильная верстка. Закрепит элемент.

    Добрый день. Суть проблемы вот в чем. Требуется закрепить элемент страницы вверху (например как неподвижная шапка у некоторых сайтов) для создания тулбара. Но к сожаления стандартные приемы (position: fixed; z-index: 100) не прокатывают в мобильном браузере. Есть ли еще какой нибудь вариант закрепить элемент вверху страницы? Спасибо за внимание.

    Asked by Paloskin,

    0 votes
    0 answers

  10. Не получаются стили для карусели

    Не получаются стили для карусели Хочу изменить дизайн карусели товаров на сайте http://srv23440.ht-test.ru/ -сейчас кнопки расположены сверху, но мне необходимо по бокам. Для этого я создал 3 div и поместил их в контейнер, левый div для левой кнопки, правый для - правой, центральный для самой карсуели товаров. И вроде бы все ок, но все страшно съезжает. На каком этапе я совершил ошибку? Исходный код <?php // no direct access defined('_JEXEC') or die('Restricted access'); ?> <script type="text/javascript" src="/modules/mod_topmovie/assets/jquery.tinycarousel.min.js"></script> <script type="text/javascript"> jQuery(function() { jQuery('.zoo…

    Asked by alanbus,

    0 votes
    0 answers

  11. Верстка для iPhone

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

    Asked by Светлана Г.,

    0 votes
    0 answers

  12. Конфликт ссылок. Перенаправление

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

    Asked by laird,

    0 votes
    0 answers

  13. Фиксирование объектов на странице

    Здравствуйте! Есть страничка, состоящая из верхнего блока (фиксированный), левого блока (должен быть тоже фиксированным), правым блоком (не фиксированный), нижний блок (не фиксированный) и центральный (не фиксированный). Подскажите пожалуйста, как можно зафиксировать на данной странице левый блок? Содержание страницы: ..... <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" /> <!--[if lte IE 6]><link rel="stylesheet" href="style_ie.css" type="text/css" media="screen, projection" /><![endif]--> </head> <body> <div id="wrapper"> <div id="header"> <div class="header"> <img src=…

    Asked by Sergius61,

    0 votes
    0 answers

  14. Содержимое div проваливается в его margin-bottom

    Уважаемый специалисты, решил воспользоваться методом центровки содержимого div на экране: http://www.artlebedev.ru/tools/technogrette/html/align-center/. Все сработало, но, как оказалось, при указании у самого внешнего дива - margin-bottom:NNpx, содержимое самого дива ровно на это число пикселов съезжает вниз. Происходит это только в Лисе! Причем, если указать внешнему диву border, то съезжать перестает! Можете попробовать сами. Это глюк Лиса или я что-то не правильно понимаю в принципах поля margin? Догадываюсь, что дело в том, что у внутреннего дива стоит float:right. (Если это свойство убрать, то содержимое перестает вываливаться вниз). Но ведь после содержимого внешн…

    Asked by webmos,

    0 votes
    0 answers

  15. Проблемы в IE

    Помогите, пожалуйста, подправить сайт в эксплорере. В остальных работает почти нормально. В общем нужно: Круглую эмблему переместить налево. Убрать белое поле в меню (появляется при больших разрешениях не только в IE). Сдвинуть ленту News и текст контента чуть вправо как в опере В опере выглядит так: В эксплорере так: UPD. Уже не актуально.

    Asked by aizul,

    0 votes
    0 answers

  16. jquary menu, проблемы с наведением

    сайт http://clan-amp.ru . Дело в том что когда в меню мышкой перевожу по всем рядам у раздвижного меню он сбивается. подскажите в чём проблема.

    Asked by Wahlberg,

    0 votes
    0 answers

  17. Поправить линию

    Ребят, как оптимизировать линию на скрине под Safari(iPhone) ? Даже в Opera Mini норм отображается 1-ый скрин с Firefox на компе : http://s017.radikal.ru/i436/1111/95/8fb5eecf8e31.jpg 2-ой скрин с Safari(iPhone) : http://s017.radikal.ru/i401/1111/95/2b01b5131381.png Основной CSS : http://paste2.org/p/1777448

    Asked by a1m,

    0 votes
    0 answers

  18. Как убрать закладки на Wp

    Подскажите пожалуйста как убрать закладки на WP слева под меню "Строительство, Ремонт квартир" сайт www_myzakladka.ru Тему Stoxi можно скачать здесь http://files.mail.ru/LJF1SZ

    Asked by mistertalk,

    0 votes
    0 answers

  19. ActiveX в HTML

    Доброго времени суток, обращаюсь ко всем неравнодушным с очень неординарным вопросом. Дело вот в чем, есть HTML страница, и в нее необходимо включить ActiveX элемент. Казалось бы все просто, какие могут быть вопросы? Так не тут то было. Мне нужно, чтобы отдельные элементы страницы перекрывались с этим ActiveX элементом, то есть нужно чтобы он вел себя как и все остальные элементы и менял свой z-index так как другие элементы на странице. Просьба, если кто сталкивался с подобной ситуацией, пожалуйста подскажите как решить эту проблему Заранее спасибо!

    Asked by Mishus3W,

    0 votes
    0 answers

  20. Проблемы с шапкой и футером

    Уважаемые участники, снова обращаюсь к вам за советом. Моя задача заключается в том, чтобы сверстать макет, у которого: 1) есть прижатый к низу страницы футер – для этого я пользуюсь классическим методом Раяна Фэйта, 2) есть шапка с прозрачным фоном, сквозь которую просвечивает фоновый цвет body (в данном случае, это градиент, сделанный с помощью редактора градиентов) 3) у блока со всем содержимым сайта, за исключением футера, фоновый цвет – белый. Таким образом, принцип верстки заключается в том, что все блоки сайта, за исключением футера, заключены в обёртку (#wrapper), высота которой 100%, а фоновый цвет – белый. Проблема заключается вот в чём. 1) Если шапку вносить …

    Asked by lunaska,

    0 votes
    0 answers

  21. Знак рубля

    Да, тема уже понималась, но было это в году в 2009 и не совсем понравилось что там писали. Поэтому решил открыть тему снова. Думаю у Лебедева все читали. Но я столкнулся с такой проблемой. С тире все смотрится отлично. Для IE нужен шрифт Rubl Sign. Вот он то у меня и не цепляется. Кто может сказать в чем проблема? Пробовал и с его сайта и к себе качать. Есть еще шрифт PTSerif, который работает везде кроме Оперы. В коде, ясно, будет так: <span class="r">р</span> Хотел для IE сделать одноразовый экспрешн, который бы удалял букву р, и вставлял бы туда код символа рубля и для которого бы применялся шрифт PTSerif. .r{ zoom: expression(runtimeStyle.zoom = 1, thi…

    Asked by bob_24,

    0 votes
    0 answers

  22. мини интернет магазин

    люди подскажите пожалуйста делаю жалкое подобие интернет магазин просто для себя для практики на странице "товаров" все работает нормально но вот када жму кнопку отправить что не так (на странице отображается php код) подскажите в чем дело вот код страницы товаров тут же и заказывать и отправлять <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>витрина</title> <link rel="stylesheet" type="text/css" href="index.css"> <script LANGUAGE="JavaScript"> function calc() {tov=new Array("TOV1", "TOV2", "TOV3", "TOV4"); prc=new Array(100, 200, 300, 400); var kolvo=0; var…

    Asked by voin545,

    0 votes
    0 answers

  23. Отношения между HTML и SGML

    Кто знает - является ли правильным с точки зрения SGML документ HTML? Присутствуют ли в документах HTML включения SGML в своем явном виде (то есть не те, что признаны элементами HTML, а другие)?

    Asked by webmos,

    0 votes
    0 answers

  24. Про валидацию

    Подскажите что это за ошибки , спасибо. Line 249, Column 15: attributes construct error <td width="20%"valign="top" ><img src="30-text.png" alt="" height="32" width="3… ? Line 249, Column 15: Couldn't find end of Start Tag td line 249 <td width="20%"valign="top" ><img src="30-text.png" alt="" height="32" width="3… ? Line 249, Column 81: Opening and ending tag mismatch: tr line 248 and td …"20%"valign="top" ><img src="30-text.png" alt="" height="32" width="32" /></td> ? Line 251, Column 5: Opening and ending tag mismatch: table line 247 and tr </tr> ? Line 252, Column 8: Opening and ending tag mismatch: div line 228 and table &lt…

    Asked by unicozz,

    0 votes
    0 answers

  25. MooTools

    Здравствуйте, подскажите как поправить код , чтобы выдвижные блоки выдвигались не от конца картинки а немного выше. http://yellowlamp.ru/ .Справа вверху ,контакты.

    Asked by Rambo2045,

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