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. пересекающийся фон сверху и снизу

    Народ, бьюсь над простой, казалось бы задачей, но не могу справиться никак. Есть сайт из трёх дивов - шапка, тело, низ. Пока дивы, потом может быть таблицу сделаю. Не суть важно. <body> <div class="bgtop"></div> <div id="header">header</div> <div id="body"> body </div> <div id="footer">footer</div> <div class="bgbottom"></div> </body> Нужно в разметку добавить фоновую картинку сверху и фоновую картинку снизу. Верхняя начинается с начала экрана, нижняя лежит на футере (id="footer") Причём нижняя может налезать сверху на верхнюю (там футер png с прозрачностью) Собственно …

    Asked by Enkee,

    0 votes
    2 answers

  2. Корсбруезерный div с вложеными div'ами

    В общем есть проблема с div'ом. <!-- // CONTAINER // --> <div id="Container"> <div class="content"> <div class="shadowLeft"></div> <div class="cornerLeft"></div> <div class="content"> <!-- // CONTENT TOP // --> <div id="ContentTop"> <a id="Logotype" href="#"><img src="../Images/Design/Logotype.png" /></a> </div> <!-- // MENU // --> <div id="Menu"></div> <!-…

    Asked by giologi,

    0 votes
    2 answers

  3. Табличная вёрстка шапки

    Как сделать чтобы при вёрстке изображение в таблице растягивалось по горизонтали в зависимости от разрешения экрана? По вертикали не нужно, только по горизонтали. При этом чтобы рисунок не сжимался по размеру меньше оригинала. Спасибо, разобрался. <img style=" width: 100%; height: 600px;" alt="" src="jpg.jpg"> Правильно?

    Asked by neznayka,

    0 votes
    2 answers

  4. Неотображаются кнопки "Поделитесь с друзьями" от Яндекса в IE

    Стандартный скрипт - "Поделитесь с друзьями" от Яндекса (http://api.yandex.ru/share/) = не отображается в IE - вместо нужного места пишется Поделиться…; Кнопок на социалки нет. И они появляются внизу страницы Текстом. В других браузерах нормально. Пациент тут На других сайтах тот же код нормально отображается в IE.. что за мистика?) —————-- P/S: Кстати, как верста и дизайн? (про валидность ни слова))

    Asked by HES,

    0 votes
    2 answers

  5. Вопрос про прозрачность png

    Здравствуйте. Столкнулся с такой делемой. Примитивно, код такой... <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <body> <div id = "main"> <div class = "button"> <img src = "images/catalog_menu/buttons/u2.png" /> </div> </div> </body> </body> </html> В CSSке прописан бэкграунд страницы, бэкграунд дива main. Файлик u2.png должен быть одной из конпок на странице. У него есть прозрачные пиксели, через которые должен быть виден бэкграунд дива main. Так вот проблема именно в том что через эти прозрачные пиксели видно фон страницы, а не дива main. Подскажи…

    Asked by Abrak-a-dabrA,

    0 votes
    2 answers

  6. переходы фона

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

    Asked by cyklop77,

    0 votes
    2 answers

  7. Проблема с background

    У меня проблема с размещением изображения. В опере все показывает отлично. А вот в хроме и мозиле 0. Если убрать left или bottom +..px - показывает. Может кто-то знает в чем может быть причнина или как по другому можно написать? Заранее спасибо. background: url(img/12.png) no-repeat bottom left, url(img/13.png) no-repeat bottom+15px left+100px, url(img/14.png) no-repeat bottom+15px left+230px, url(img/11.png) no-repeat bottom+5px left+350px; }

    Asked by assd18,

    0 votes
    2 answers

  8. Неотображается код PHP

    Здравствуйте уважаемые форумчане, у меня не отображается php код, я только начал знакомится с языком php, поэтому сильно не пинайте помогите лучше) Буду вам весьма признателен. Итак вот простой документ: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>документ</title> </head> <body> <?php $name = "автобус"; echo "$name"; ?> </body> </html> Должно по идее на странице, появиться слово автобус, вроде и пе…

    Asked by Riko911,

    0 votes
    2 answers

  9. Фиксирование слайдера

    Добрый день, возник вопрос, как зафиксировать div с слайдером по центру не зависимо от масштаба в браузере? Заранее спасибо!

    Asked by kamaz6141,

    0 votes
    2 answers

  10. Need помощь

    W"z Я не знаю возможно ли это сделать без flash. ближе к делу. Нужно сделать квадрат, допустим в нем надпись "мои друзья" наводим на этот квадрат там появляются надписи "петя" "маша" "саша" уводим мышь обратно - о5 мои друзья. Примичание необходимо чтобы "петя" "маша" "саша" были сылками. Прошу прощения если тему засунул не туда.

    Asked by Vanilnaya,

    0 votes
    2 answers

  11. ГОЛОВОЛОМКА С ВЕСТКОЙ СЛОЕВ И ФРЕЙМОВ

    Здравствуйте дорогие форумчане подскажите пожалуйста в чем мои ошибки или как можно лучше реализовать мою задумку во всех браузерах при разрешении 1024*768 все скачет при разрешении 1440*900 шапка впорядке нижние фремы все равно косячат. необходимо чтоб вся инфа на странице была динамичной(при изменении разрешения картинки уменьшались вот как тут http://саманта74.рф/ вот код подскажите пожалуйста <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> <script type="text/JavaScript" src="index/k…

    Asked by Aleksandrid,

    0 votes
    2 answers

  12. с чего начать?

    Весьма недавно я начал входить в мир html and css. Я весьма быстро разобрался, что к чему и почему, но сейчас я просто сажусь по вечерам за компьютер и начинаю, что то писать, какие то таблицы делать, потом просто закрываю и уди спать (не сохраняя, поскольку там в том что я сделал смысла не какого нету, да и мне оно самому не нужно). Вот сегодня я каким то чудом понял, что я не знаю, что мне писать. Т.е. я знаю, как, но не знаю, что. прошу вас, подскажите, что то, какой то концепт сайта, или просто какой то давно заброшенный проект над которым можно было бы поработать и дальше учится, а не как я таблички делать. Но учтите то что я еще начинающий, я не знаю, что такое php …

    Asked by krofik,

    0 votes
    2 answers

  13. не работает позиционирование

    в общем по уроку клепаю блоки и началась тема позиционирования, при приклеплении картинки она просто висит внутри блока, хотя при смене параметров top и left она должна применять их свойства, но ничерта не происходит и при создании div контейнера, задав ему параметры и цвет, блок не создается, даже не знаю в чем проблема, помогите разобраться. Интересующие элементы #new и #container <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href="css/style_p.css" type="text/css" rel="stylesheet" /> <title&gt…

    Asked by maxsnw,

    0 votes
    2 answers

  14. проблема с relative в IE8

    Добрый день. Столкнулся с проблемой в нашем любимом IE. HTML - <div class="edit_head"> <div class="edit_pict"><img src="img/icons/radiation32.png"></div> <div class="pict_menu" style="display: none;"> <div class="img_panel"><img src="img/icons/fire32.png"></div><div class="img_panel current"><img src="img/icons/radiation32.png"></div><div class="img_panel"><img src="img/icons/biohazard32.png"></div><div class="img_panel"><img src="img/icons/drop32.png"></div><div class="img_panel"><img src="img/icons/voltage32.png"></div><div class=…

    Asked by Odrin,

    0 votes
    2 answers

  15. Почему стили CSS не применяются?

    Помогите плиз пишу стили в самом документе а применяются только некоторые! <div id="welcome_text"> <style type="text/css"> #welcome_text p{ margin-bottom: 7px; } #welcome_text p a, #welcome_text p a:visited{ text-decoration: none; font-size: 17px; } #welcome_text p a:hover{ text-decoration: underline; } #welcome_text p ul#spisok1{ margin-left: 15px; font-size: 24px; } </style> <p> Правовая основа <ul id="spisok1" style="margin-left: 25px;"> <li><a href="">Лицензия</a></li> <li></a href="">Государственная аккредитация</a></li&…

    Asked by tarkinsky,

    0 votes
    2 answers

  16. Не применяются правила CSS!

    Помогите пожалуйста кто чем сможет! Проблема что последнее правило в коде не применяется, я его и со звездочкой пробовал, и вообще не применяются правила с div и class. Но зато применяются первые три правила в полном объеме?!? <div id="full_news_h"> Документы </div> <div id="welcome_text"> <style type="text/css"> #welcome_text p{ margin-bottom: 7px; } #welcome_text p a, #welcome_text p a:visited, #welcome_text p ul li a{ text-decoration: none; font-size: 17px; } #welcome_text p a:hover{ text-decoration: underline; } #welcome_text p ul#spisok{ эти правила работать не будут!!!! } #welcome_text p * #s…

    Asked by tarkinsky,

    0 votes
    2 answers

  17. Проблема с отображением слайдера в ИЕ

    Всем привет! Не могу понять в чём трабл. Есть слайдер на сайте, который во всех браузерах, кроме ИЕ отображается нормально. Уже полдня сижу не могу разобраться. Буду оч благодарен, если дадите советкак победить сие недоразумение. Вот сайт с траблом: _http://alisafashion.ru/catalog/trikotazh/172

    Asked by Belovsan,

    0 votes
    2 answers

  18. Geolocation API

    Привет . Помогите разобратся с кодом. Читал статью http://www.xiper.net/learn/html/up-and-running/you-are-here/complete-example.html http://www.xiper.net/learn/html/up-and-running/you-are-here/geo-to-the-rescue.html Создал пример <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Dive Into HTML 5</title> </head> <body> <input type="button" onClick="lookup_location()" value="OPA"> <script src="geo.js"></script> <script src="geo_position_js_simulator.js"></script> <script> function lookup_location() { geo_position_js.getCurrentPosition(show_map, show_map_error); } function sho…

    Asked by dostel1,

    0 votes
    2 answers

  19. Фиксированный блок "О нас"

    Добрый день. Никак не получается сделать неподвижный блок. Примеры: http://startuppoint.ru/ (Слева - обратная связь. Блок полностью неподвижен, не реагирует на scroll) http://vkontakte.ru/ (кнопка "Наверх" - полностью неподвижна относительно экрана) Получается реализовать плавающие блоки методами javascript и jquery: http://darbay.ru/ (слева). В интернете полно примеров плавающих блоков, но нет ни одного примера неподвижного блока. Подскажите, пожалуйста, кто знает, как это реализовать. Спасибо!

    Asked by ik.pr,

    0 votes
    2 answers

  20. Запретить перенос строки CSS?

    Добрый день. Помогите пожалуйста решить проблему. <div class="ui-tree-node ui-state-default"> <span class="ui-helper-clearfix ui-tree-node-content ui-corner-all ui-tree-selectable-node"> <span class="ui-tree-icon ui-icon ui-icon-triangle-1-e"></span> <span class="ui-icon ui-icon-folder-collapsed"></span> <span class="ui-tree-node-label">07.Проектно-Методический отдел</span> </span> </div> Вот что получается. Подскажите пожалуйста, что нужно добавить в CSS, чтобы и картинки и текст никогда не переносились (всегда были в одну строку). Нужен именно вариант с CSS, т.к. html генерируется автоматом, я его и…

    Asked by madmis,

    0 votes
    2 answers

  21. Мониторы и пропорции

    Сайт имеет фиксированную ширину 1000 пх, с расчетом на удобный просмотр при разрешении 1024. На мониторах с широким экраном все иллюстрации слегка "сплющены", сжаты по вертикали. Как устранить эту неприятность, вернуть пропорции изображениям?

    Asked by Anat-sm,

    0 votes
    2 answers

  22. Локальный хостинг

    Люди добрые!Подскажите, помогите или дайте совет. Суть проблемы. Нахожусь в статусе новичка по сайта - строению. Имею свой сайт интернет-магазина, но делал его не сам, а заказывал, но сейчас возникла необходимость вносить изменения в сайт для увеличения продаж. Сайт на Joomla. Для применения знаний на практике не хочу использовать свой сайт во избежании непредвиденных ситуаций, поэтому хочу перенести его копию на локальный хостинг Denwer, который я уже установил. Неоднкратно делал попытки переноса, но все неудачно и не могу найти ошибки. Подскажите, помогите или дайте совет, как это правильно сделать или где можно взять эту информацию. Желательно в виде пошаговой инструк…

    Asked by AGV,

    0 votes
    2 answers

  23. Position:fixed и overflow

    Надо чтобы блок c position:fixed (или эмуляцией) скроллился вместе с body при достижении min-width... JS тоже будет уместным

    Asked by Nanto,

    0 votes
    2 answers

  24. фокус-покус-имперемокус!

    Добрый вечер, товарищи! Суть такова. На странице только инпут с тайпом текст. Как сделать так, чтобы при открытии этой страницы, инпут сразу получал фокус, как с атрибутом autofocus, только как-нибудь более универсально?

    Asked by html232,

    0 votes
    2 answers

  25. CSS. Обновление стилей без обновления содержания.

    Всем доброго времени суток. Только начал изучать HTML + CSS и тут же возник вопрос: возможно ли обновления стилей без обновления содержания страницы? К примеру: <link rel="stylesheet" type="text/css" href="http://www.htmlbook.ru/скрипт_генерации_css"> Типа пользователь нажал пимпочку и вся страница обновила вид, не запрашивая заново содержимое

    Asked by denis-k,

    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