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. Проблема с выпадением пункта в меню аккардионе

    Задача: сверстать многоуровневое меню аккордеон. сделал, вроде все работает нормально, но содержимое одного из пунктов (см. Мы рекомендуем) раскрывается только на половину, а затем резко падает вниз. Так как другие пункты работают нормально, подозреваю что дело в верстке, но не могу понять где. Если стили отключить, то все норм работает, стоит вернуть стили на место, меню опять выпадает. Ссылка: http://gorkistori.ru/menu/

    Asked by karlitos32,

    0 votes
    3 answers

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

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

    Asked by krofik,

    0 votes
    2 answers

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

    Здравствуйте дорогие форумчане подскажите пожалуйста в чем мои ошибки или как можно лучше реализовать мою задумку во всех браузерах при разрешении 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

  4. Проблема c input и autofocus

    Добрый день. У меня есть две проблемы: 1) Почему поле input не подсвечивается в Mozilla,Opera жёлтым , как в Google Chrome например? Вот фотка : Вот ссылка: http://slizers.com/list1.html 2) Вторая проблема заключается в том, что autofocus не загружается, то есть при нажатии на кнопку поиск выплывает окошко и там должен быть autofocus. Возможно ли это как-нибудь это сделать? Мною опробованы методы : 1) Скрипты <script type="text/javascript"> function formfocus() { document.getElementById('element').focus(); } window.onload = formfocus; </script> 2) <input id="q" autofocus> <script> if (!("autofocus" in document.createElement("input"…

    Asked by averin13,

    0 votes
    0 answers

  5. Проблема с тегом <option>

    Добрый день. Есть такая проблема. Хочу чтобы тег <option>, выводил не "a2",а "a2". Возможно это сделать, если да, то как? За ранее спасибо.

    Asked by maranqz,

    0 votes
    8 answers

  6. Need помощь

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

    Asked by Vanilnaya,

    0 votes
    2 answers

  7. Прыгающее меню при переходах в IE

    Здравствуйте. Дорабатываю вёрстку сайта http://seby.ru/ Код привести не могу, так как не понимаю в каком конкретно участке кода ошибка. Можно посмотреть листинг главной страницы. В IE 8 (и других версий), в windows XP, при переходах между пунктами главного меню, пункты меню деформируются (становятся жирными) на короткое время, а потом становятся нормальными. Этого эффекта в других браузерах нет, только в IE. Как его можно убрать? Я сначала думал, что виновато свойство подписей под картинками bold, но убрав весь жирный текст, эффект всё равно остался.

    Asked by Lunar,

    0 votes
    1 answer

  8. Видео тест

    Уважаемые господа профессионалы помогите с одной задачкой. У меня есть проект(мини-тест) с 10 текстовыми вопросами и ответами к каждому из них. Вопросы и варианты ответов я писал в javascript(используя function которая переключала вопросы(Следующий /предыдущий вопрос)). Сейчас мне надо сделать такой же тест только вопросы должны быть по 10 видео(также представленным в проекте). К каждому вопросу другое видео, как и куда мне помещать ссылки на видео из youtube в html документ, или в js. Ответы пишите в комментариях или на Navara677@gmail.com Зарание спасибо <html> <head> <title>Vіdeo test in geography</title> <link rel="Stylesheet" type="t…

    Asked by Navara,

    0 votes
    0 answers

  9. Отображение select в хроме в mac os

    Всем привет. Подскажите пожалуйста, как убедить хром на Mac OS отображать select так как у меня прописанно в css (убрал бордер и фон поставил прозрачным.)? Хром же в свою очередь вставляте хоть и красивый select, но все же не по дизайну формы. Может кто ни будь сталкивался?

    Asked by viv,

    0 votes
    5 answers

  10. Два Дива - одинаковой высоты в не зависимости от контента

    Как сделать вот такую вот картинку дивами? Рядом стоящие и растягивающиеся по высоте в не зависимости от контента Напрашивается таблица, но хотелось бы дивами подобной структуры: http://jsfiddle.net/2c4MK/

    Asked by artemhp,

    0 votes
    6 answers

  11. 2 колонки

    Вот опять не пойму как быть: конструкция вот такая <div id='content'> <div id='left'></div> <div id='right'></div> </div> #content { height: auto; border: 1px dashed red; } #left { float: left; border: 1px dashed red; width: 720px; min-height: 400px; } #right { border: 1px dashed red; width: 230px; min-height: 200px; float: right; } как сделать чтобы блоки left и right были внутри блока content, и высота блока content зависила от высоты блоков left и right? заранее спасибо

    Asked by kamaz6141,

    0 votes
    3 answers

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

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

    Asked by kamaz6141,

    0 votes
    2 answers

  13. z-index в IE7

    http://leveler.ru/awag/ В интернетах советуют назначить родительскому контейнеру менюшки большой z-index, чтобы она не перекрывалась контентом. В моем случае почему-то не помогает - в IE7 всё равно пункты выпадают под аккордеон. В остальных современных браузерах всё хорошо. Посоветуйте что-нибудь?

    Asked by d0ublezer0,

    0 votes
    1 answer

  14. Комментарии VKontakte и Facebook на сайт.

    Здравствуйте! Так как не нашол решения по сети интернет и дядя гугл некак не помог... решил обратится сюда. У меня сайт создан для рекламы по своему городу... рекламы для кафешок, ресторанов, магазинов, учреждений и т.д. Сайт мне делали, когда я еще не брался за умы розвития по языку html, css и т.д вот только начал. Сам сайт на PHP, все обьекты (кафе, маг. и т.д) подключены с помощю MySQL Значит в чем проблема, хочу поставить себе на сайт комментарии VKontakte и Facebook, все вроде бы как разобрался, но... под каждым разным обектом на сайте, фейсбучные комментарии дублируются... тоисть все коммнтарии фейсбука под каждой разной темой.... одинаковые, в чем может быть причи…

    Asked by NashLutsk,

    0 votes
    7 answers

  15. Неотображается код 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

  16. Проблема с 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

  17. Футер по краю

    Здравствуйте. При вёрстке возникла одна проблема с нижней частью сайта, а именно при разрешений экрана 1280x1024 и при широкоформатном все элементы располагаются по центру, т.е. как надо. Но, если например использовать ноутбук, то футер сдвигается к левому краю. Вот код футера. Помогите пожалуйста разобраться. Заранее благодарен. <table style='border-collapse: collapse; width: 1031px; height: 289px; background-attachment: scroll; background-repeat: no-repeat; background-image: url("/diz_n/niz/bot_new_project2.png"); background-position: 50% 100%; background-size: auto; background-origin: padding-box; background-clip: border-box' align="center"> <tbody> &lt…

    Asked by immortal2305,

    0 votes
    3 answers

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

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

    Asked by cyklop77,

    0 votes
    2 answers

  19. Изменить ширину самой правой ячейки таблицы в IE

    Здравствуйте. Вопрос начального уровня, но почему-то привел меня в ступор. Есть исходный текст <html> <head> </head> <body> <table id="toppage" style="background-color:#eaedf6;"> <tr> <th style="background:yellow;">111</th> <th style="background:green; width:10px;">V</th> </tr> <tr> <td colspan="2" style="background:silver; width:800px;">222</td> </tr> </table> </body> </html> Как уменьшить ячейку с текстом "V" до минимальных размеров? Firefox отображает правую ячейку с минимальными размерами, как и было задумано, а вот в IE проблема... Скорее всего я что-то …

    Asked by Кириллов С.Н.,

    0 votes
    0 answers

  20. Верстка вертикального меню

    Всем привет. Столкнулся с проблемой верстки вертикального меню. Сейчас выполнено в таком духе <td class="cat_box"> <ul> <li><a href="/catalog/furniture/office/">Офисная мебель</a></li> <li><a href="/catalog/furniture/textile/">Текстиль</a> <ul> <li><a href="/catalog/furniture/bath/">Для ванной</a></li> <li><a href="/catalog/furniture/bedroom_txt/">Для спальни</a></li> <li><a href="/catalog/furniture/co_/">Ковры</a></li> </ul> </li> </ul> …

    Asked by Sven,

    0 votes
    0 answers

  21. List-style-image

    Люди, откройте мне глаза.СИжу уже пол часа не пойму в чем проблема. Вот сверстал меню,но там не отображаются слева от пунктов маркеры сделаны через list-style-image. Отображается только а ФФ.

    Asked by NeoMurderer,

    0 votes
    1 answer

  22. "Абсолютные" блоки за вне сайта.

    Здравствуйте. Возникла такая проблема: Я патаюсь сделать слева и справа от сайта фоновые узоры. Т.е. есть один основной блок, в котором содержится весь сайт. Его position равна relativ. В нем есть 2 блока с узорами. Их position absolute. Им выставляется например left: -300px и right: -300px. Все работает как и задумано. Но вдруг я обнаружил что на мониторах с маленьким разрешением появляется горизонтальный скролл. Я же хочу чтобы эти узоры были видны только на больших мониторах. А на маленьких просто обрезались. Конечно есть возможность отключить горизонтальный скролл. Но в этом случае, если ктото войдет на сайт с мобильного устройства, и маленьким разрешением монитора, к…

    Asked by HobbyStudio,

    0 votes
    3 answers

  23. Насчёт иероглифов на сайте.

    Приветствую всех! Бегал по форуме, находил темы насчёт Иероглифов, но так и не нашёл чёткого ответа. http://beloved-mc.hut4.ru/ вот сайт, те кто заходит с оперы и мазины, всё время пишет ерунду "Р?РіСЂРѕРєРё, фанаты Minecraft. Рады вам сообщить, что открылся новый сервер РїРѕРґ названием " что то типа того, я вставлял вот такие мета теги: <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta http-equiv="Content-Type" content="text/html; charset=koi8-r" /> <meta name="keywords" content="text/html;charset=utf-8"> /> Толку от них нет . Помогите пожалуйста!

    Asked by ashimano,

    0 votes
    11 answers

  24. Некорректное отображение страницы в IE8

    Проблема решена, просьба удалить тему

    Asked by svetl,

    0 votes
    0 answers

  25. Кнопка на всю площадь ячейки

    Всем привет! Имею элементарную <table> из одной строки и двух ячеек: в левой текст, в правой кнопка (<input type="submit"...>). Так вот хочу что бы кнопка заняла ВСЮ площадь правой ячейки вне зависимости от ее возможных размеров. Как попытался решить - использовал такой стиль для кнопки: form.reqSnip input{ text-decoration: none; background: transparent; width: 100%; height: 100%; border: 0; cursor: pointer; margin: 0; padding: 0; display: block; } По моему разумению - должно работать: кнопка становится блоком и занимает 100% по обоим измерениям. Однако в результате 100% выбирается лишь по ширине, высота на 100% чхать хотела. Т.е. высота кнопки ост…

    Asked by Aborigen,

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