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. абсолютное позиционирование в ИЕ

    помогите решить проблему 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

  2. Разное отображение в разных броузерах

    Столкнулся с проблемой... Отображается менюшка в левой части сайта, но в каждом браузере по разному. Если Опера текст притягивает в верхней границе ячейки таблицы, то ИЕ вс? размещает в центр, с желанием растянуть строки на всю высоту ячейки. Как мне притянуть строки к верхней части?

    Asked by Xander,

    0 votes
    3 answers

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

    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

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

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

    Asked by Vlad,

    0 votes
    0 answers

  5. OBJECT вместо IFRAME

    Раз элемент IFRAME заперещен в XHTML Strict, то нужно как-то без него обходиться. Вот только как? Элемент OBJECT конечно может отобразить другой документ на странице, но это само по себе бесполезно, если учесть что атрибут TARGET тоже запрещен. Таким образом, необходимо придумать как по клику на элементе панели навигации сайта менять документ, загруженный элементом OBJECT. Вот такой способ... <object id="information_field" data="page_1.html" type="text/html"> <div class="button" onclick="information_field.data=page_2.html';"> ...не подходит. Атрибут меняется, но на странице все остается по прежнему. Что же делать???

    Asked by Excelsus,

    0 votes
    7 answers

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

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

    Asked by Contenter,

    0 votes
    3 answers

  7. проблема в ie, неправильный пересч?т картинок

    Здраствуйте, имеется следующая проблема. Есть отдельная страница на которой выводится картинка и под ней панель навигации. Чтобы сохранить высоту страницы постоянной, я в css поставил обрезку картинок по высоте. Так вот в ie картинка искажается, поскольку он неправильно считает ширину файла (в css задано как auto) в ff и opera размеря считаются правильно. Ниже прив?л код страницы и css стили для них. <div class="one"> <div class="two"> <a href="img1.shtml" target="_blank"> <img src=" /pic/gallery/avdeev/avdeev1.jpg" alt="avdeev1.jpg, 1438 kB" title="avdeev1" class="image"></a> <div class="image_menu"> <a href="pre2.shtml"&gt…

    Asked by DMGaster,

    0 votes
    12 answers

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

    Здравствуйте! Знаю что избитая тема, но вроде все по указаниям делаю, а получается серьезный трабл: в ИЕ таблица почему-то растягивается больше чем на весь экран, появляется горизонтальный скролл! Если еще добавить шапку и футер, так вообще будет ужасно длинная страница. Помогите пожалуйста, в чем проблема? привожу фрагмент кода <!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

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

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

    Asked by Casufi,

    0 votes
    6 answers

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

  11. Глючит IE?

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

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

    0 votes
    2 answers

  12. float lef и float right - проблема с clear в разных браузерах?

    простейший пример я думаю, что никого не удивить тем, что IE и Firefox отоброжают это по-разному. однако логика именно файрфокса мне непонятна. мне лично кажется, что по спецификации IE отображает данных пример корректно. если я не прав - объясните почему. хочется, естественно, сделать так, чтобы в разных браузерах этот пример отображался одинаково (так как в IE). свойствами css это возможно? p.s. при этом нужно чтобы в html части дивы шли именно в этом порядке: 1 l l l ... 2 r r r ...

    Asked by slopen,

    0 votes
    16 answers

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

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

    Asked by CitRUS,

    0 votes
    2 answers

  14. Помогите с подключением файлов видео

    Нигде не могу найти исчерпывающую информацию, а очень нужно, о правильной организации видеогалереи, а именно меня интересует, Как грамотнее подгрузить файл с помощью или ? Или и то и другое? Можно ли сделать галерею универсальной, а именно, чтобы проигрывались файлы разных форматов, т.е. mpg, avi, wmv, mpeg, mpe, mov? Я так понимаю, вся хитрость в том, какой плагин подключать, а также возможность подгрузить плагин в случае его отсутствия у пользователя. Если это так, то как и какой подключать непонятно. Может нужен какой-нибудь скрипт в нагрузку? Подскажите, как быть?

    Asked by Tatiana,

    0 votes
    2 answers

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

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

    Asked by mono,

    0 votes
    4 answers

  16. Вертикальный отступ перед div в FireFox отображается неправильно (

    <div style="width:840;background:white;margin-bottom:45px;margin-top:0px" id="ht5"> Если выставляется margin-top:0px, то в IE отображается нормально, а FireFox содержимое div наползает на находящееся сверху. Если выставить отступ в margin-top:150px, то в FF отображение нормальное а в IE - между предыдущим содержимым большой отступ. Как это можно разрешить?

    Asked by Fixer,

    0 votes
    6 answers

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

  18. Проблемы с рамкой в Mozille и Opere

    Рамка отображается неправильно в Mozilla и Opera (в IE работает нормально) ====================================================== <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Проблемы с рамкой в Mozilla и Opera</title> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0" cols="3"> <tr> <td width="12" height="12"><img src="img/ram-1.gif" width="12" height="12" border="0" alt=""></td> <td height="12" background="img/ram-2.gif"&g…

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

    0 votes
    6 answers

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

    Имеется большая таблица на всю страницу из 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

  20. ссылки на руском

    На сайте есть много документов на русском. названия в кодировке cp1251 как и весь сайт. что то типа http://mysite.ru/files/Документ.doc Но браузеры как то неоднозначно к этому относятся. FF грузит без проблем. А Опера и Эксплорер говорят что такого документа нет,причем в теле ошибки имя документа указано в UTF-8. Есть ли какой то однозначный подход к решению такой проблемы? Мне просто нужно чтоб названия документов были на русском языке.

    Asked by folibis,

    0 votes
    5 answers

  21. Как позиционировать 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 http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> body { background-image: url(images/sojblog_01.jpg); background-repeat: repeat-y; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #000000; } .block1 { width: 567px; padding: 0px; padding-right: 0px; border: 0; float: left; left…

    Asked by okn00me,

    0 votes
    4 answers

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

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

    Asked by S ... (delete),

    0 votes
    0 answers

  23. Изменение стиля

    Ребята, подскажите код css, может кто сталкивался, для оформления всех элементов в overflow, ну чтобы и в ИЕ, Мозиле и Опере работало. Вот есть что: #scrolldiv1 { overflow: auto; height: 140px; width: 949px; } вот собственно, понятно что выводится: Я хочу сделать что-то подобное:

    Asked by okunev2,

    0 votes
    7 answers

  24. Проблема с высотой ячеек в таблице.

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

    Asked by vm45s02,

    0 votes
    2 answers

  25. Тени от блоков (таблиц) на неоднородном фоне

    Есть бэкграунд, который представляет собой узор. Например, такой: , или такой: . Как при помощи css сделать тень на таком фоне? Интересует корректная работа результата как минимум в ИЕ, Firefox, Opera и Safari. Спасибо.

    Asked by serdeles,

    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