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. Многострочный текст и тег <br />

    При создании поста в этом блоге многострочный текст в коде программ разбивается на строки тегом <br />, но если мне нужно текст кода скопировать (через свойство textContent соответствующего div'а), то получаю одну строку, т.е. тег <br /> просто удаляется. Как быть? Можно, конечно, регэкспами определять, где там может быть перевод строки и вставлять, но это просто жуть. Можно ли как-то эти теги <br /> заменить или удалить?

    Asked by viter_alex,

    0 votes
    11 answers

  2. Подсчет знаков в тексте

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

    Asked by roosei,

    0 votes
    8 answers

  3. DIV не тянется

    Есть такой код, необходимо чтобы текст не вылазил за нижнюю границу DIV'а. <!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 content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Untitled 1</title> <style type="text/css"> html, body{ height:100%; margin:0px; padding:0px; } p { padding:0px; } </style> </head> <body> <div style="border: medium black solid; height:100%; width: 208px;"> <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed…

    Asked by shkurinr,

    0 votes
    2 answers

  4. Или баг или непонятно что в ИЕ6-7

    В общем верстал сайт и наткнулся на такую штуку Посмотрите код ниже: <!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=windows-1251"> <title>Untitled Document</title> </head> <body> <div> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td><img src="img.png" width="210" height="140" border="0"> </td> <td><img src="img.png" width="210" height="140" border="0"></td> </tr> </table> <br> <table border="0" cellpaddi…

    Asked by Mal4ishnik,

    0 votes
    1 answer

  5. Проблема с меню(css sprites)

    Вот образец меню. Вроде как всё работает, но в нем используется 12 изображений: и т.д под каждый пункт и выпадающую менюшку, т.е. ради меню посылается 12 запросов на сервер для загрузки картинки, по одному на каждую кнопку(учитывая выпадающие). Я захотел чуток усовершенствовать его и переделать его под один спрайт, чтобы на меню был 1 запрос. Вот сам спрайт: И наконец результат полученный после 5 часового мучения...что происходит: всё выскакивает под нужным пунктом но с лихвой))) например если при наведении на ABOUT должен был выпадать пункт DISTINCTIVE, то сейчас выпадает HOME, DISTINCTIVE. При наведении на WHAT WE DO должно выпадать 3 подменю: STRATEGY, LOGISTICS, GLO…

    Asked by Kup,

    0 votes
    6 answers

  6. Интернет-камера через ActiveX

    Доброго времени суток Не получается ответить на вопрос один, может подскажете.. Имеется камера, к которой доступ только по сети, благо что под админом. Все контакты с ней возможны только через ослика, так как всё завязано на ActiveX. Камера вот - http://91.151.240.240/ Получается, что ввожу логин-пароль - она проверяет, что мне можно. И если можно смотреть, то показывает. Кажется всё просто.. Меня интересует - можно ли выдрать видео-поток куда-то отдельно? Скажем вставить объектом в страничку, которая сможет открываться везде, а не только в ИЕ? Я понимаю, что тут будет небольшая запинка с рассказом камере, кто к ней подключился. Я что-то попользовал гугл, но так и не пон…

    Asked by hAhol,

    0 votes
    2 answers

  7. Очередная пачка проблем с ИЕ6-7

    Вобщем ситуация такая что есть два елемента фона которые продавливают футер за счёт минусового маргина и за счёт левого и рпавого флоата вылазят как низ двух боковых колонок, на которые опять же заежжают с помощью минусовых маргинов. В opera, firefox,chrome,safari работает как положено. Про ИЕ6 разговора пока нет потому как думаю сначала разобратся с седьмым: При задании margin-right для #right_background меньше 20px(в том числе и минусового) и он и следующий за ним #left_background исчезают(при отсутствующем clear:both у футера - появляются оба около прового края, причем #right_background вообще перестаёт реагировать на изменение margin-right). При этом забавность ситуа…

    Asked by Love_silense,

    0 votes
    12 answers

  8. Выравнивание <p> по вертикали в подвале <div>

    Здравствуйте! Помогите, пожалуйста, с выравниванием по вертикали тега <p> в блоке подвала. Первый абзац прижат к левой части с отступом 5пкс, а второй к правой части блока с отступом 5пкс и все это надо выровнять по вертикали. <div id="footer"> <p id="copyright">Copyright © 2008-2009. Все права защищены. | <a class="link2" href="#">XHTML</a> | <a class="link2" href="#">CSS</a> |</p> <p id="address">Континент<br> тел. 000 00000000, моб. 111 111111<br> e-mail: <a class="link2" href="mailto:support@.ru">support@.ru</a></p> </div> Спасибо тем, кто поможет в этом вопросе!

    Asked by Triumfator,

    0 votes
    9 answers

  9. нужна помощь

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

    Asked by jlgau,

    0 votes
    11 answers

  10. Опять ж таки резиновый дизайн двухколоночный

    Народ, знаю, что резиновый дизайн двух колонок обсуждался сто раз. Но нигде не встречал именно верстки, удовлетворяющей следующим условиям: 1) верстаем блоками 2) две колонки. первая - фиксированной ширины, слева. вторая - растягивается во всю ширину экрана 3) высота обоих колонок одинаковая (контент любой колонки задает высоту и другой колонки) 4) наконец, высота другой колонки реальная, а не задается border. Есть решение этой задачи? <div id="header"></div> <div id="content"> <div id="left_col"></div> <div id="right_col"></div> </div> <div id="footer"></div> Какой-нибудь css к этому....

    Asked by AntonSubbota,

    0 votes
    19 answers

  11. Сведение данных XML файла на страницу HTML

    Не могу понять почему не переносятся данные из XML при выводе страницы Book.htm в браузере? Помогите плиз! Результат вывода в браузере Book.htm: Book Description Title: Author: Binding type: Number of pages: Price: Код в XML-файле: <?xmlversion="1.0" encoding="windows-1251"?> <!-- Имя файла: Book.xml --> <BOOK> <ТIТLЕ>Тпе Adventures of Huckleberry Finn</TITLE> <AUTHOR>Mark Twain</AUTHOR> <BINDING>mass market paperback</BINDING> <PAGES>298</PAGES> <PRICE>$5.49</PRICE> </BOOK> Код в HTML-файле: <!-- Имя файла: Book.htm --> <HTML> <HEAD> <TITLE>B…

    Asked by uvexx,

    0 votes
    16 answers

  12. Направление текста

    Приветствую! Как изменить направление текста на странице, чтобы оно было не слева направо, а снизу вверх (как на корешке книги)?

    Asked by Ahimas,

    0 votes
    9 answers

  13. Лишние отступы

    Здравствуйте! Такая проблемка: при расположении двух изображений рядом (бок-о-бок) задаю одному align='left', другому нет и смотрится нормально, за исключением того, что правое (второе) изображение несколько сползает вниз. Создается такое впечатление, что там появляется какой-то верхний отступ (которого, на самом деле, нет). Такая же ситуация и с дивами (float='left')... От чего это и как исправить? Спасибо. ЗЫ: Извиняюсь, если подобная тема уже была, просто не нашел - поиск как-то криво работает...

    Asked by borinets,

    0 votes
    5 answers

  14. О параметре CSS - Width

    Всем привет! Возник вот такой оч интресующий меня вопрос, все пользуются конечно часто width задавая ширину элементам, но вот мне немного не понятно, скажем так, когда мне нужно чтобы div был на 100% ширины экрана, то я width вообще для него не указываю и он тянется итак на 100% ширины отведенного места, то есть получается значение по умолчанию для width: 100% ? НО на этом же сайте написано что значение по умолчанию auto и что это значение зависит от контента внутри и типа элемента, так почему ж он в auto на всю ширину тогда тянется. В итоге не совсем понятно разница между auto и 100% когда мы ширину для div не указываем вообще, обьясните плиз. То есть когда правильно е…

    Asked by TonKhaO,

    0 votes
    6 answers

  15. проблема с Ul

    Возник вопрос. есть блок: <div id="news"> <ul> <li><p>Раз</p></li> <li><p>Два</p></li> <li><p>Три</p></li> <li><p>4</p></li> </ul> <br class="clearfloat"> </div> Вот такие стили для этого блока. .page #news{ margin: 0 auto; width: 750px; padding: 0px; } /*.page #news ul{margin: 0; padding: 0; border: #006633 dotted 1px; display: block;}*/ .page #news li{ float:left; margin: 0px 0px 10px 20px; width: 350px; height: 150px; /*border: dotted 1px #5d9b30;*/ } Вопрос вот в чем, список получается колонками, но он выпадает из бл…

    Asked by knocc,

    0 votes
    5 answers

  16. HTML на сайте и в почте

    Здравствуйте. Решил обратиться к Вам за ответом, ибо самому знаний не хватает. Вот HTML используется при строительстве сайтов, т.е. в этом случае, как я понимаю, мы может использование все возможности HTML. А еще с его помощью можно оформлять письма (e-mail), так вот и хотел я спросить, при оформлении письма можно ли использовать все возможности HTML? Или в этом случае они ограничены???

    Asked by deniska-piter,

    0 votes
    25 answers

  17. Проблема с IE 6

    Помогите пожалуйста решить проблему с IE 5.5 - 6. Контент съезжает вниз... Вот так выглядит: А вот верстка: <!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>.</head> <body> <div id="wrapper"> <div id="minHeight"></div> <div id="outer"> <div id="logo">.</div> <div id="inner"> <div id="left"> <div id="left-inner"> <div id="sidebar"> <div id="mainmenu">.</div> <div id="search">.</div> <div id="news">.</d…

    Asked by Dokea,

    0 votes
    3 answers

  18. подскажите пожалуйста как сделать чтобы сролинг был только в mainbody?

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

    Asked by vovchikku,

    0 votes
    5 answers

  19. не сжимаемый div

    Подскажите, как можно сделать div не сжимаемым? Что бы при сжатии окна браузера край браузера доходил до дива и дальше не сжимался

    Asked by dionis,

    0 votes
    3 answers

  20. Окошко со скроллингом

    Как сделать такое... как сказать.. окошко. Чтобы оно было определенного размера и были полосы прокрутки внутри. Такое есть в полной версии написания сообщения на этом форуме - там где смайлы. Вот мне нужно окошко где есть скроллинг. заранее спасибо.

    Asked by Rasie1,

    0 votes
    5 answers

  21. active state в меню работает через раз)

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

    Asked by Kup,

    0 votes
    3 answers

  22. открытие фото на полупрозрачном фоне

    Есть задача сделать галерею своих фото. Простой сайт - однотонный фон, несколько кнопок меню и фотографии, фотографии... нравится как многие стали сейчас делать: кликаешь на фото и оно появляется в полный размер на чуть затуманенном фоне поверх текущей страницы. Как вот тут: http://www.fishup.ru/albums/p/oid/12625001/lid/40. Помогите разобраться, как такое в html сотворить.. Я посмотрела код указанной страницы, там сделано с помощью скрипта jquery, который не смогла установить.. Буду признательна за помощь.

    Asked by tousy,

    0 votes
    5 answers

  23. Смена картинок в <img> при нажатии на 1,2,3,...

    Возможно ли сделать смену картинок в тэге img при на жатии на цифры 1 2 3 и т д простыми средствами? есть вариант сделать это так: onclick="document.getElementById(' ').src = '/img/'" Это нормально или есть решения по логичнее?

    Asked by 2_k,

    0 votes
    1 answer

  24. Проблема с выпадающим меню...

    Здравствуйте, делаю выпадающее меню по примеру http://anton.shevchuk.name/wp-demo/jquery-.../drop-down.html. Меню работает, но есть проблемы с его интеграцией на сайте /* удалено */. 1. Не могу нормально отцентрировать меню; 2. Меню налазит на блок с конентом. CSS: .top_nav { font: 11px verdana; margin: 0 auto; padding: 4px 0; width: 950px; } .top_nav ul { clear: both; margin: 0; padding: 6px 0; } .top_nav ul li { display: inline; float: left; margin: 0 0 0 3px; position: relative; } .top_nav ul li a, .topmenu ul li a:active, .topmenu ul li a:visited { color: #555555; padding: 6px 7px; text-decoration: none; white-space: nowrap; } .top_nav ul li a:hover { color: #111111;…

    Asked by Mr.Smith,

    0 votes
    10 answers

  25. Вопрос по изменению дизайна сайта.

    Всем привет, подскажите чайнику пожалуйста, можно ли как-то решить следуйщий вопрос. Имеется сайт, на нём куча страниц с одинаковыми шапками. В шапке есть какртинка и горизонтальный блок ссылок на разделы сайта. Можно ли сделать так, чтобы при изменении дизайна этой шапки скажем на главной странице, она изменялась и на всех страницах.

    Asked by igrok,

    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