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. Ищу cms без php и баз

    Подскажите пожалуйста, как решить проблемку. На хосте нет php и работать с базами не могу. Может есть что по управлению. Встроенные fpt менеджеры крайне не удобны. Вот что есть и чего нет: SQL нет php нет CGI нет SSI есть Управление через ftp, Parallels Desktop или ISPmanager.

    Asked by Ururu,

    0 votes
    6 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. Список во всплывающей подсказке

    Это не реальная ситуация, как то случайно на это наткнулся, теперь не могу сообразить почему так происходит и какие есть варианты решения. Допустим есть предложение, в котором к определенному термину я хочу добавить всплывающую подсказку, а в этой самой подсказке нужно отобразить список(ul). Проблема в том что даже если он спрятан (display: none), браузер все равно ставит закрывающий тег </p> и оставшийся текст предложения переносится на новую строку. <p> Процессы в малой группе, отражающих неформальную <span class="tooltipTerm">гештальтпсихологии <ul class="tooltipDescription"> <li>Ассоциация устойчиво</li> <li>Асс…

    Asked by rediskavet,

    0 votes
    12 answers

  4. не работает выделение пунктов

    помогите понять почему здесь не работает выделение пунктов под планетой? реализовано на jq на этой странице использована та же самая конструкция. но результат рабочий

    Asked by cyklop77,

    0 votes
    1 answer

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

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

    Asked by neznayka,

    0 votes
    2 answers

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

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

    Asked by HES,

    0 votes
    2 answers

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

  8. оптимизация сайта

    Добрый день. Занялся изучением html и css, решил сделать сайт, у меня возникла следующая проблема: я создавал сайт пользуясь хромом от гугл. немного оптимизировал под мозилу и оперу. основная проблема возникла с IE. Решил использовать css3pie.com, но оказалось что тень для блоков и прозрачность(пробовал и с рисунками .png) одновременно использоваться не могут(возможно я что то не так делаю), уже позже понимаю что создал изначально "не правильный" дизайн сайта(т.к. пользовался тенями, закруглениями и прозрачностью - все из css3) - все это тормозит на IE(к тому же фон страницы фиксированный рисунок). Что можно сделать что бы не переделывать дизайн сайта? я целый месяц р…

    Asked by pdbq,

    0 votes
    8 answers

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

    Всем привет! Имею элементарную <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

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

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

    Asked by svetl,

    0 votes
    0 answers

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

    Приветствую всех! Бегал по форуме, находил темы насчёт Иероглифов, но так и не нашёл чёткого ответа. 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

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

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

    Asked by HobbyStudio,

    0 votes
    3 answers

  13. Проблема с выпадением пункта в меню аккардионе

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

    Asked by karlitos32,

    0 votes
    3 answers

  14. List-style-image

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

    Asked by NeoMurderer,

    0 votes
    1 answer

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

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

    Всем привет. Столкнулся с проблемой верстки вертикального меню. Сейчас выполнено в таком духе <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

  17. Изменить ширину самой правой ячейки таблицы в 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

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

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

    Asked by cyklop77,

    0 votes
    2 answers

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

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

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

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

    Asked by NashLutsk,

    0 votes
    7 answers

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

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

  23. z-index в IE7

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

    Asked by d0ublezer0,

    0 votes
    1 answer

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

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

    Asked by kamaz6141,

    0 votes
    2 answers

  25. 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

  • Обсуждения

    • 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