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. Проблема с высотой ячеек в таблице.

    Доброго времени суток всем. Который день уже не могу решить две проблемы, связанные с высотой ячеек в таблице. Помогите, кто знает, пожалуйста. Проблема 1. Имеем примерно такую таблицу: |———————————————-| | | смчсмсмчсм | | ячейка1 | чсмчсмчмччсм | | | чямсчсмчсмчм | |——————— ячмсчсмсмчя | | | чсмчсмчсмчсм | | ячейка2 | чясмчсмчсм | | | чсмчсмчсмчс | | | чсмчсмчясмч | |——————— | чсмчсмчямс | | | чсмчсмчсм | | ячейка3 | счмчсмчсмч | | | чсмчмсчямс | | | чсмчсмчсм | |———————————————-| Во втором столбце большой объем текстовой информации, которая определяет высоту таблицы. В ячейках 1 и 2 первого столбца содержится по одному слову, третья пустая. Как сделать, чтобы IE не рас…

    Asked by vm45s02,

    0 votes
    2 answers

  2. Рендеринг в опере

    В центре страници скачать файл есть "окошко". При изменении его размеров в опере оста?тся след от уголка. Этот уголок позиционируется отрицательно от слоя с фоном "окна". Кто знает почему в опере проблемы?

    Asked by S ... (delete),

    0 votes
    0 answers

  3. не подключается CSS в IE7 на Висте

    Браузер отображает сайт так, как будто стили вообще не подключены. На winXP + IE6, Opera, Firefox вс? как надо. Прямо с катушек можно съехать. Кто может подсказать в ч?м дело?

    Asked by mono,

    0 votes
    4 answers

  4. float:right в шапке "узкой" колонки таблицы

    Простейший пример: <html> <head> </head> <body> <table border="1"> <tr> <td> <div style="float:right; border: solid 1px;"> X </div> Шапка1 </td> <td> <div style="float:right; border: solid 1px;"> X </div> Шапка2 </td> </tr> <tr> <td> Длинный текст - намного шире шапки </td> <td> Текст </td> </tr> </table> </body> </html> В FF ширина колонки устанавливается так, чтобы текст в шапке и div разместились в одну строку. В IE div не учитывается при расчете ширины колонки - в итоге для "узких" колонок он оказыв…

    Asked by IVB,

    0 votes
    2 answers

  5. Правая граница таблицы выходит за границы

    Имеется большая таблица на всю страницу из 2-х ячеек - широкая для контента и узкая справа для меню. В контентной ячейке заголовки в виде отдельных одноячейковых таблиц более т?много цвета с двойной рамкой, код: <table id="title"><tr><td>Обзоры и статьи</td><tr></table> В CSS: #title {width:100%; padding: 5px; border: 3px double #ffeac2; background-color: #ffeac2; font-size: 13px; font-weight: bold;} #title td {width:100%; padding: 5px; border: 3px double #ffeac2; background-color: #ffeac2; font-size: 13px; font-weight: bold;} Но справа таблица-заголовок уходит за границы контентной ячейки, визуально это выглядит так: http://www.allmo…

    Asked by allmoney.ws,

    0 votes
    0 answers

  6. Глючит IE?

    Привет... Не могу справиться с проблемой... Подскажите пожалуйста. Сайт, сделанный мною www.somato.md работает как надо в мозилле и опере. А вот в IE (IE6) какие-то странные глюки на ссылках. При первом щелкче по ссылке - она прыгает на следующую строчку и не открывается. Открывается только после второго щелчка. Посмотрите, пожалуйста. Особенно раздел новостей. Подскажите что делать?

    Asked by Гена Герасим,

    0 votes
    2 answers

  7. Растянуть UL

    Есть такая конструкция: <div id="main"> <ul id="menu"> <li><a href="#">link1</a></li> <li><a href="#">link2</a></li> <li><a href="#">link3</a></li> </ul> </div> #menu li { display:inline; float:left; } т.е. простое горизонтальное меню. как бы мне сделать так чтобы элементы растягивались на всю ширину div'a

    Asked by folibis,

    0 votes
    4 answers

  8. Убегает выпадающее меню

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

    Asked by CitRUS,

    0 votes
    2 answers

  9. IE6 свойство background для тега <div> не заполняет цветом всю ширину

    Есть три стиля для слоев .bttomheaderleft { width: 259px; height: 290px; background: url(images/ver.2.3.1_19.jpg) bottom left no-repeat; position:absolute; left:0px; bottom: 0px; } .bttomheadercenter { height: 33px; background-color:#889399; background-repeat:repeat-x; position: absolute; left: 258px; right: 365px; bottom: 0px; } .bttomheaderight { width: 369px; height: 290px; background: url(images/ver.2.3.1_21.gif) bottom right no-repeat; position: absolute; right: 0px; bottom: 0px; } И три слоя <div class="bttomheaderleft"></div> <span class="bttomheadercenter">текст между картинками</span> <div class="bttomheaderigh…

    Asked by Casufi,

    0 votes
    2 answers

  10. Высота таблицы

    Здравствуйте! Знаю что избитая тема, но вроде все по указаниям делаю, а получается серьезный трабл: в ИЕ таблица почему-то растягивается больше чем на весь экран, появляется горизонтальный скролл! Если еще добавить шапку и футер, так вообще будет ужасно длинная страница. Помогите пожалуйста, в чем проблема? привожу фрагмент кода <!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> <style type="text/css"> html { height:100%; margin: 0px; padding: 0px; border: none; } body { width: 100%; height: 100%; margin: 0px; padding: 0px; b…

    Asked by Dipish,

    0 votes
    3 answers

  11. Два дива наползают друг на друга

    Нужно расположить три блока внизу страницы. Один слева, второй справа и третий должен растягиваться между ними. Вот код http://ulskiy.org.ua/example/example.html Почемуто центральный блок <div class="bottomheadercenter">текст между картинками</div> наползает на левый. Помогите пожалуйста разобраться почему.

    Asked by Casufi,

    0 votes
    6 answers

  12. масштабируемость флешь

    есть флешка с размерами больше чем 1024 как ее впихнуть так, чтобы если экран меньше 1024 не появлялась полоса прокрутки. Измучался уже {... отредактирован заголовок lancer}

    Asked by Contenter,

    0 votes
    3 answers

  13. Проблема IE7

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

    Asked by YeP,

    0 votes
    9 answers

  14. Полезные темы раздела

    * Как вставить флэш-ролик в виде фона веб-страницы * Вставка формул в HTML-документ * Автоматически редирект на другую страницу * Кодировка - общие вопросы * max-width, максимальная ширина страницы * target="_blank" или чем его заменить? Дублирование вышеназванных тем не приветствуется.

    Asked by Vlad,

    0 votes
    0 answers

  15. Интересная бага (фича) IE6

    Наткнулся на новый (для себя) глюк IE6. У меня есть простой, незамысловатый код: <div id = "leftSide" style="width:230px; float:left; background-color:#000000"> sad </div> <div id = "main" style="background-color:#f4f4f4f; margin-left:230px;"> <div id = "header" style="height:150px; background-color:#99CC00;"> </div> <div id = "content" style="background-color:#CC0000;"> sd </div> </div> В FireFox, Opera и даже IE7 я увидел то что и ожидал: Но в IE6 я увидел следующее: Зеленый DIV (у которого id = "header") меньше, чем тот который под ним. Опытным путем удалось выяснить, что проблема из за указания height, кото…

    Asked by gfranco,

    0 votes
    4 answers

  16. Подрисуночная подпись - как сделать для нескольких картинок рядом?

    Прочел на это сайте статью про сабж: http://htmlbook.ru/content/?id=112 Проверил все у себя на машине. Все работает классно, но... Меня интересует одна штука: можно ли как-то сделать, чтобы картинки с подписямим располагались не только по вертикали, а и по горизонтали тоже? Теги p и div предполагают непременный переход на новую строку, т.е в результате кода: Винни-Пух в гостях у Кролика Винни-Пух в гостях у Кролика Винни-Пух в гостях у Кролика я вижу три картинки одна под другой - всегда. А я хочу, чтобы при широком окне они стояли рядом, а при уменьшении размера окна - выстраивались одна под другой. Можно так сделать или нет? Пока я знаю два варианта размещения …

    Asked by Vlad97,

    0 votes
    9 answers

  17. В картинку вставить аську и прогноз погоды

    Somebody! хелп! Нужно поверх картинки, которая, как основной фон повесить аськи и этот факинг прогноз погоды. С аськами более менее разобралась, повесила.. только когда люди в офлайне они не горят...Не понимаю почему. Прогноз погоды в таком ключе <EMBED src="http://rp5.ru/informer/120x60/1/13.swf" loop=false menu=false quality=high scale=noscale wmode=transparent bgcolor=#CCCCCC flashvars="id=7285" WIDTH="120" HEIGHT="60" NAME="loader" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE= "http://www.macromedia.com/go/getflashplayer"></EMBED> не идет. Аську ставила примерно так: <span style="position: relative; top: 0px; left: 0px; height:50px; width…

    Asked by 7wonders,

    0 votes
    4 answers

  18. Подвал сайта "пожирает" страницу

    Подвал сайта накладывается на содержание и право и левое меню _http://www.meeting.lv/service/about_us.php в ч?м проблема? Браузер IE 6

    Asked by boom.olezka,

    0 votes
    7 answers

  19. абсолютное позиционирование в ИЕ

    помогите решить проблему HTML <!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 name="description" content="description" /> <meta name="keywords" content="keywords" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title> JM - Job Market </title> <style type="text/css"> * { margin:0; padding:0; } html {height: 100%;} body { position: relative; height: auto !important; height: 100%; min-height: 100%; } .podval { position: absolute; bottom: 0…

    Asked by vr201,

    0 votes
    1 answer

  20. проблемы с кодировкой в IE6

    Здравствуйте. Вот есть сайт http://tekspb.ru/ и шестом IE при кодировке UTF-8 все чертям слетает, при других кодировках тоже слетает, но не так сильно. С чем это может быть связано?

    Asked by guenPen,

    0 votes
    8 answers

  21. Верстка: проблемы

    Поставил страницу http://rang56.ru/pages/aboutus/ в Опере она отображается правильно, а в IE почему-то смещается вниз? В чем проблема?

    Asked by help26,

    0 votes
    1 answer

  22. проблема с z-index

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

    Asked by glazs,

    0 votes
    7 answers

  23. Как открыть в зависимости от разрешения ту или иную страницу?

    Кто знает, можно ли так сделать чтобы в зависимости от расширения экрана открывалась та или иная страница? например, как я вижу это: есть index.html который вычесляет какое расширение экрана у пользователя, затем если 800x600 открывается страница enter1.html, если 1024x768 ? страница enter2.html, если 1280х1024 и больше страница enter3.html? спросите зачем это? Отвечу: Столкнулся с проблемой, нарисован "вход на сайт" который никак не тянется, зафиксировать его где нибудь и продолжить каким-то фоном тоже не красиво получается... В принципе, если можно вычислить какое расширение у юзера можно нарисовать ещ? несколько вариантов входа, для каждого расширения сво?.

    Asked by maza,

    0 votes
    24 answers

  24. HR + IE & Opera

    приветствую, столкнулся с такой проблемой: есть картинка с align="right", есть текст, который соответственно "обтекает" ее слева, есть hr, который разделяет 2 подвида текста. Но практически всегда находится на уровне самой картинки.в IE в результате hr обрывается до рисунка, а в Опере как бы проходит за ним. Собственно мне необходимо получить в Опере такой же результат как и в ?Е.(как на рисунке справа) Помогите кто чем может, бо я уже вроде все что знал перепробовал для решения проблемы (можно не через hr ...) стили: hr { background-color:627983; color:627983; height: 1px; border-width:0px; } /* картинка: */ #intr{ padding:3px; background:#fff; border:1px solid #d…

    Asked by monach,

    0 votes
    3 answers

  25. Непонятный глюк или опять FF против MSIE

    Сверстал страницу но вот беда, в MSIE все нормально а вот в FF вся картинка почему-то подскакивает вверх (10рх), но опять-таки не сразу, раз 5 перезагрузил. Закрыл FF. Открыл и подгрузил страницу, все гуд, но пару перезагрузок и дизайн полез вверх приблизительно на 10рх. Где искать проблему и что это вообще за глюк? http://politptaha.ho.com.ua/test/11.gif

    Asked by kozakmamai,

    0 votes
    1 answer

  • Обсуждения

    • 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