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. Верстка для iPhone

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

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

    0 votes
    0 answers

  2. Правильное оформление ссылки

    Здравствуйте! возникла проблемка: яша не индексирует страницы сайта кроме главной (правда сайт молодой) Ссылки в меню поставил таким образом: <a href='/brodilki'><img class='ico' src='{THEME}/images/controller.png'/>Бродилки</a></li> Вопрос в том - обязателен ли слеш после ссылки на раздел сайта в котором размещаются статьи?

    Asked by Leonidk,

    0 votes
    3 answers

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

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

    Asked by laird,

    0 votes
    0 answers

  4. проблема с Denwer'ом

    Проблема такая, что при запуске денвера файл hosts переписывается и заполняется всеми моими локальными сайтами. Кто-нибудь сталкивался с подобным? В чем может быть причина этому, и как можно исправить?

    Asked by Lemming,

    0 votes
    14 answers

  5. ИЕ8 нельзя даже навести на подпункты меню

    в ИЕ8 нельзя даже навести на подпункты меню. Как только с основного пункта убираешь курсор, подменю исчезает. как ето исправить? вот сам сайт http://www.officialbuddyleeblog.com/

    Asked by VioletaMeynell,

    0 votes
    3 answers

  6. в ie7 вёрстка немного разъехалась

    Вот так шапка сайта выглядит в файрфоксе и примерно так же в других браузерах: А вот так в ie7: Сабмит-кнопка от поиска съехала чёрт знает куда вправо и ниже и два divа как и не было. Вот код: Буду благодарен за помощь в решении бага.

    Asked by adelante,

    0 votes
    2 answers

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

    Здравствуйте! Есть страничка, состоящая из верхнего блока (фиксированный), левого блока (должен быть тоже фиксированным), правым блоком (не фиксированный), нижний блок (не фиксированный) и центральный (не фиксированный). Подскажите пожалуйста, как можно зафиксировать на данной странице левый блок? Содержание страницы: ..... <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

  8. Текст кнопки по центру

    Привет всем! Помогите пож-та в небольшом проблеме. текст кнопки должен стоят ровно в центре (вертикально) Для этого я использовал line-height. Но почему то Firefox его не понимает. не подскажите как это исправить. Вот ссылка http://jsfiddle.net/qzDwJ/ Вариант с паддингами не предлагать, они по разному в разных браузерах

    Asked by jumancy,

    0 votes
    6 answers

  9. Как реализовать эффект рентгена?

    Здравствуйте. В веб-программировании я еще нуб, и все-же недавно задался следующим вопросом: каким образом можно реализовать эффект рентгена, как это сделано на главной страничке сайта параллель.юа? Хотел бы попробовать сделать что-нибудь подобное. Возможно, в более упрощенном виде. Из более-менее подходящего, в интернете удалось отыскать лишь такое решение. В принципе оно работоспособно (хотя и с небольшими лагами), но должно же существовать и более изящное решение данной задачи. Из сопутствующих вопросов: мне пока до конца так и не ясно, каким образом можно сделать точно такой же круг, с помощью которого потом посетитель будет "сканировать" изображение. Как его позицион…

    Asked by mortosmor,

    0 votes
    2 answers

  10. onmouseover - Вопрос

    Добрый вечер, возник вопрос по поводу оформления div-блоков. Вот решил изменить навигацию,при наведении мышкой нужный блок, он выделяется цветом. Но код получился громоздкий ... Может кто подскажет как можно сделать с помощью CSS, так как я побывал но выделялась только область ссылки, а не блок целиком. За ранее благодарен. <div class="navigation_menu" onmouseover="this.className='navigation_menu_bg'" onmouseout="this.className='navigation_menu'"><img src="../images/icon_menu/home.gif" width="10" height="10"><a href="/index.php" title="Главная страница сайта"> Главная страница</a></div> <div class="navigation_menu" onmouseover="this.clas…

    Asked by alekcandr,

    0 votes
    3 answers

  11. Как создать список в виде... (см. в сообщ.)?

    Всем доброй ночи/дня/вечера и хорошего настроения. Помогите, пожалуйста(!), состряпать список в виде (не мАгу отыскать): 1. ссылка 1.1 ссылка 1.2 ссылка 1.3 ссылка 2. ссылка 2.1 ссылка 2.2 ссылка 3. ссылка 3.1 ссылка ну и т.д.

    Asked by copyright,

    0 votes
    10 answers

  12. Содержимое 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

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

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

    Asked by aizul,

    0 votes
    0 answers

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

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

    Asked by Wahlberg,

    0 votes
    0 answers

  15. Помогите с меню

    Подскажите пожалуйста как сделать так когда нажимаешь на меню ( Ремонт квартир ) когда выезжает остальное меню, чтобы оно не закрывало слово ремонт квартир как на скриншоте показано, а выползало под словом ремонт квартир? Тему wordpress Stoxi можно скачать здесь http://files.mail.ru/LJF1SZ Скриншот можно скачать здесь http://files.mail.ru/JCXVRG

    Asked by mistertalk,

    0 votes
    9 answers

  16. Размытый полупрозрачный фон

    Пример видел подобное на сайтах, но забыл каких. пытался искать в google, но как-то не получается толково сформулировать запрос. предполагаю, что данную вещь можно сделать полупрозрачной png, или скриптом. интересует как сделать или где скачать такой фон, я к сожалению с photoshop на ВЫ. если кто знает где есть статьи по этому поводу дайте ссылку.

    Asked by Switch74,

    0 votes
    4 answers

  17. @font-face на разных серверах

    Доброе утро. Сделал статичную html страничку, в которой подгружаются шрифты через @font-face. На моей локальной машине, на моём реальном сервере, во всех браузерах я вижу нормальное подключение шрифта. На сайте заказчика я тоже нормально всё вижу, во всех браузерах (IE 7+, Google Chome 15, Mozilla 5, Safari 5, Opera 11). вот так я подключаю в файле css шрифты @font-face{font-family: "Myriad Pro.otf"; src: url('../fonts/MyriadPro-Regular.otf'); font-weight:normal; font-style: normal;} @font-face{font-family: "Myriad Pro Cond.otf"; src: url('../fonts/MyriadPro-BoldCond.otf'); font-weight:normal; font-style: normal;} @font-face{font-family: "Myriad Pro Light.otf"; src: url…

    Asked by slo_nik,

    0 votes
    2 answers

  18. Как избавиться от Drag&Drop элементов на странице

    1. FireFox 7.0.1 2. Html^ <body> <div style="width: 200px; height: 200px; background-color: grey"></div> </body> А теперь внимание: Пытаемся перетащить квадратик... Ничего не получилось. Теперь сразу перетаскиваем этот квадратик еще раз... и уменя появляется системный Drag&Drop. Он мне очень мешает! Как от него избавиться?

    Asked by voy,

    0 votes
    1 answer

  19. Анимированный фон

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

    Asked by Radiocity,

    0 votes
    9 answers

  20. применение hover к тегу area

    Всем известно что псевдо класс hover нельзя применить к тегу area. Передо мной стоит задача при наведении на определенную часть изображения над изображением должна появляться определенная надпись. всякие jquery map hilight не подходят для этого так как они только лишь подсвечивают. Уважаемые, может ето можно сделать с помощью onmousover ? подскажите пожалуйста синтаксис. все должно выглядеть так: мышь наводится на опред участок картинки и чуть выше картинки всплывает <span>. накопал в сети следующее —- <area onmouseover="hover(this);" onmouseout="unhover(this);" href="... <script> function hover(obj) { obj.style.backgroundImage="img/hover.jpg"; } function …

    Asked by graf86,

    0 votes
    2 answers

  21. Прошу посмотреть, куда пропало изображение

    Есть сайт http://molclub.ru/. Там есть лента новостей, под заголовком. Кнопка "влево", блоки, кнопка "вправо". Все float: left;. А кнопки справа не видно. Почему? Лента - .pipe в файле main.css. Готов выписать нужные части, но боюсь, проблема будет как раз вне этих строк. Заранее благодарен.

    Asked by kuraga,

    0 votes
    3 answers

  22. дергает всплывающее окно при попытке его сдвинуть

    http://www.174help.ru/ в Google Chrome при открытии всплывающего окна и попытке сдвинуть его, окошко резко выдергивает влево. В чем может быть дело?

    Asked by laird,

    0 votes
    1 answer

  23. перекрывающий блок position:absolute

    проблема только в самом крутом браузере в том что блок центральный перекрывает боковые блоки ? откуда у него такой маразм? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> *{padding:0;margin:0} #conteiner{width:700px; height:300px;position:relative; border:1px solid red;} #left{width:100px;position:absolute;top:0;right:0; background-color:red;} #left2{width:300px;position:absolute;top:0;right:100px; ba…

    Asked by dostel1,

    0 votes
    4 answers

  24. Фоновое изображение на первой строчке div`a

    Всем привет! У меня есть див в котором текст, мне нужно на первую строчку, в левый угол, добавить изображение и чтобы у первой строчки был отступ на длину изображения(30px). Пробовал так: Код(html): <div class="title">→ Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст!</div> Код(css): .title { display:inline-block; padding:0px; margin:0px; color:#333; font-size:18px; font-style:italic; font-weight:bold; } .title:first-line { padding-left:30px; background:url(../images/tegs/twitter.png) no-repeat top left; } - Нет! Подскажите! Заранее спасибо!

    Asked by Serpanok,

    0 votes
    5 answers

  25. Хочу сделать космос

    Здравствуйте. Посоветуйте своих идей, пожалуйста. Вот я хочу сделать в браузере, чтобы был как будто полёт через в космосе идёт. В общем аналог "Сквозь пространство" это такая заставка в Windows XP есть. Вот как думаете на чём такое можно сделать? Я кроме как сделать смену слайдов на javascript, где будут идти по кадру и будет типо как анимация создаваться, ничего не могу придумать. В общем такой вот вопрос.

    Asked by prowoke,

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