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. Очередная пачка проблем с ИЕ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

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

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

    Asked by hAhol,

    0 votes
    2 answers

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

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

    Asked by Kup,

    0 votes
    6 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. 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

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

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

    Asked by roosei,

    0 votes
    8 answers

  7. Многострочный текст и тег <br />

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

    Asked by viter_alex,

    0 votes
    11 answers

  8. min и max width одновременно...

    Пробовал экспрешены и вынесеные в js скрипты... когда сужаю браузер до min-width он зависает... не зависимо от того что использовать.. экспрешен в css или вынесенные в JS..... чем ВЫ лечите такую проблеммуу?

    Asked by alexander.parphenuyk,

    0 votes
    3 answers

  9. Меню выезжает за пределы блока контента

    Здравствуйте! У меня проблема с меню, оно выезжает за пределы блока контента. Вот HTML код: <div id="content"> <div id="leftcol"></div> <div id="rightcol"></div> <div id="main"></div> </div> CSS код: div#content { width:960px; margin:auto; border: 1px solid #bababa; background-color: #ffffff; } div#leftcolumn { width:180px; float:left; height:500px; margin:10px; } div#rightcolumn { width:180px; height:500px; float:right; margin:10px 10px 10px 0px; } div#main { margin:10px 0px 0px 200px; width:560px; } Получается блок CONTENT растягивает вниз только блок MAIN, а боковые нет. Как исправить? Скриншот: Поиском я пользовал…

    Asked by MC WEST,

    0 votes
    7 answers

  10. использование CGI скриптов

    Здравствуйте, помогите пожалуйста разобраться. Для использования cgi скриптов, в моём случае я хочу использовать скрипт "Баннеры Entropy", нужно вставить код <!--#include virtual="cgi-bin/entropybanner.cgi"--> и сохранить страницу в формате .shtml или .shtm . Так вот, если эта страница находится в корне сайта, то cgi скрипт работает, если я перемещаю страницу в другую папку то скрипт не работает вот такая ошибка [an error occurred while processing this directive]Например: www.mydomen.ru/index.shtml - в таком случае работает www.mydomen.ru/baner/index.shtml - в таком случае не работает. ошибка - [an error occurred while processing this directive] Подскажите пожалуй…

    Asked by Maximus_,

    0 votes
    5 answers

  11. IE не видит некоторые стили

    Я делаю оформление для своего блога. В разделе <head> указал внешний файл стилей: <link href='http://viter-alex.narod.ru/Scripts/copycode/styles.css' rel='stylesheet' type='text/css'/> Отображается нормально в Opera 10.10, Chrome 3.0.195.38, FF 3.5.5. Но в IE7 всё оформление пропадает: почему-то не видит стиль div.hl и некоторые другие. Может я в файле css что-то не так указал? Да, чуть не забыл, те же самые стили, но вложенные, распознаются отлично, например здесь

    Asked by viter_alex,

    0 votes
    9 answers

  12. какой DOCTYPE нужен

    Все привет! вот для примера составил простой html - таблица и div под ней. хочу чтобы ширина таблицы и div были одинаковая. но ie 7.0 рисует таблицу шириной меньше, чем div. поизучал вопрос - это все зависит от doctype, но вот какой ставить нужно чтобы ширина обоих объектов была одинаковая ? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Untitled Page</title> </head> <body > <table style="width:100%;border:solid 1px red;"> <tr> <td>123</td> </tr> </table> <div style="width:100%;borde…

    Asked by monstrU,

    0 votes
    28 answers

  13. <table> in <div>

    всем привет есть такая конструкция: <div style="width:50%"> <table width="100%"> <tr> <td width="15%"> one </td><td width="85%"> two </td> </tr> </table> </div> проблема заключается в следующем: ширина ячеек устанавливается 50%, а не как надо: 15% и 85%... кто знает, почему так получается и как это побороть? )

    Asked by lexx006,

    0 votes
    6 answers

  14. <table> in <div>

    всем привет есть такая конструкция: <div style="width:50%"> <table width="100%"> <tr> <td width="15%"> one </td><td width="85%"> two </td> </tr> </table> </div> проблема заключается в следующем: ширина ячеек устанавливается 50%, а не как надо: 15% и 85%... кто знает, почему так получается и как это побороть? )

    Asked by lexx006,

    0 votes
    8 answers

  15. возможно ли тэгами вставить текст на картинку

    Хочу в dreamweaver cs4 вставить текст на картинку,рядом получается,а на само изображение никак.Я новичок,поэтому прошу помочь.Возможно ли это в принципе в тэгах HTML?Если нет,то как сделать нормальную кнопку с текстом,которую легко редактировать,и в чем картинки делать:в png или в gif.

    Asked by ssvsergey,

    0 votes
    4 answers

  16. ie td div height %

    Собственно проблема в том, что я не могу растянуть див на 90% высоты ячейки таблицы. Как всегда везде всё нормально, в ИЕ - не работает. Может подход не тот... У меня: html, body{height:100%;} table{height: 100%;} .b-height-100{height:91%;} Наверное суть такая же, как и в растягивании на 100%, но у меня всё равно не выходит. Если что - вот страница: http://svpn.clients.a-real.ru/personal/report.php . Баг в таблице со штрихованной рамкой. Кстати, если кто-то предложит способ штриховки лучше, чем у меня - буду очень благодарен.

    Asked by od_lazio,

    0 votes
    4 answers

  17. Проблема с @font-face

    Добрый день Вроде как много где пишут, про использование любых шрифтов через стиль @font-face. Но вот чего-то в Opera 9, 10 не работает Может я делаю что-то не так? @font-face { font-family: "Vesna"; src: url(../font/Vesna.eot); /* for IE6-8 */ src: local("Vesna"), url(../font/Vesna.ttf) format("truetype"); /* for Firefox 3, Safari */ } html, body { font:normal 23px "Vesna"; } Вот сайт: Посетить мою домашнюю страницу

    Asked by Chervontsev,

    0 votes
    51 answers

  18. Несколько изображений в фоне.

    Захотелось воссоздать дизайн этого сайта http://www.comixfactory.de/ на своем блоге в Blogger.ru С центральной частью и основным фоном разобрался. А вот 2 фоновые боковые картинки реализовать не удается: http://www.comixfactory.de/images/zeche.png http://www.comixfactory.de/images/figuren.png Посмотрел, как это выглядит в коде оригинала: <body> <div id="zeche"></div> <div id="figuren"></div> В css: #zeche { position:absolute; background-image:url(images/zeche.png); background-repeat:no-repeat; width:415px; height:547px; right:0px; bottom:0px; } #figuren { position:absolute; background-image:url(images/figuren.png); background-r…

    Asked by AlexHolmes,

    0 votes
    10 answers

  19. криво все....кроссбраузерность.. или может что еще не верно...

    В общем делал делал, вроде было все готово, в мозиле все ок, а у другого человека все отображается криво... У меня тоже по разному, в частности в ие.. Делаю картинку справа больше по размеру- она из хедера вниз уе3жает, и весь дизайн уходит влево.... Добавляю текста в нижний правый блок, - форма криво начинает отображаться Еще, например, туда где "склад иваново" добавляю текст, начинает один див ( серый центр) наезжать на другой, вместо того чтобы согласно тексту подвинуться в низ... В ие вообще огромное растояние откуда-то взялось в центре... пробовал в общий контейнер дива запихнуть, ( было чисто из отдельных дивов ) не помогло.. что я делаю не так? помогите плиз...…

    Asked by Осенний Дождь,

    0 votes
    45 answers

  20. верстка в виде iphone

    Как можно сверстать страницу в виде iphone, ну то есть в середине страницы iphone естесственных размеров и там внутри скролл и текст

    Asked by vvsh,

    0 votes
    8 answers

  21. h1 margin - отступ не там

    <div id="container"> <div id="header"> <h1>text</h1> </div><!--header--> div#header h1 {width:333px; height:37px; background:url(../img/h_title.gif) no-repeat; margin: 70px 0 0 32px;} Т.е. верняя граница контейнера и хедера должна прилипать к верху... А h1 должен отсупить вниз... но вместо этого отступ делает не h1, а весь контейнер... так в FF. В ie нормально. Если перед h1 вставить параграф с текстом, то тогда все нормально... Что это?

    Asked by Ronny7,

    0 votes
    4 answers

  22. Помогите плиз! Неправильное отображение таблицы...

    Помогите пожалуйста разобраться, не понимаю в чем проблема! Есть таблица с закругленными уголками, сделанными при помощи изображений по углам. Код таблицы правильный, Валидатор не обнаруживает ни одной ошибки. Если я ставлю !Доктайп XHTML 1.0 Transitional, то все в порядке, во всех браузерах отображение нормальное. А если ставлю !Доктайп XHTML 1.0 Strict(в котором как раз я и хочу работать), то во всех браузерах кроме IE6 таблица снизу неправильно отображается. Валидатор же показывает, что код правильный. Не пойму в чем дело, помогите плиз... XHTML 1.0 Transitional XHTML 1.0 Strict Вот сам код: <h3>Создание скругленных уголков:</h3> <table style="width: …

    Asked by Torner,

    0 votes
    3 answers

  23. сохранение формы в MySQL

    Здравствуйте! у меня вопрос следующего характера: Создал две странички по паспортным данным ПК. Однако данные набранные в этих формах получается надо будет сохранять в отдельные таблицу в MySQL. Вопрос: Можно ли сделать так чтобы данные с этих двух страничек сохранялись в одну таблицу в MySQL-е.

    Asked by tlek,

    0 votes
    6 answers

  24. Текстовое поле для HTML кода.

    Доброго времени суток. Нужно выводить на страницу текст emailа. Поддержка только IE7-8. Cледовательно там может быть html код и textarea не подходит. Пока использую такой код: <style type="text/css"> attachemnttext { overflow:auto; text-align:justify; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, начиная с 1999 года */ /*white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } </style> <div id="att" runat="server" class="attachemnttext" style="width:728px;" > </div> Он конечно хо…

    Asked by ADV,

    0 votes
    8 answers

  25. Ссылка в браузере на файл Visio

    Как открыть ссылку в IE на файл .vsd в программе MS Visio? Сейчас открывется в окне браузера.

    Asked by Zuma,

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