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. Вопросс о полосе прокрутки !

    Здравствуйте !!! Я пытаюсь написать чат ) но появились проблеммы.....В общем кто подскажет как сделать что-бы плоса прокрутки находилась постоянно внизу а не вверху ? так как когда печатают сообщение то что бы увидеть новое необходимо пролистывать полосу прокрутки.....заранее благодарен за ответ !!!

    Asked by 333_org_ua,

    0 votes
    0 answers

  2. проблема с якорями

    Здравствуйте. У меняесть html страница и файл стилей. В шапке сайта бедут расположено меню с фиксированным позиционированием! т.е при прокрутке оно будет постоянно вверху, согласно ТЗ на сайт. Ниже меню идет список и в нужных местах стоят <a name="myaykor"></a> . При клике на пункт меню страница перебрасывает на этот якорь. Все работает кроме ie 6,7. ПОдскажите почему так, как можно решить проблему?

    Asked by ivanajax,

    0 votes
    3 answers

  3. Рамка вокруг тела сайта.

    Приветствую! Подскажите, пожалуйста, как на html можно создать бордер в один пиксель заданного цвета вокруг всего тела сайта? Заранее спасибо!

    Asked by MaXeL85,

    0 votes
    8 answers

  4. не растягивется ячейка в Opera и IE

    Подскажите плиз как бороться с такой проблемой, есть три ячейки по вертикали, средней ячейке задана высота height="100%", а у нижней и верхней по 150px. В результате получается так что верхняя и нижняя ячейки растягиваются по высоте, а средняя нет, хотя нужно наоборот. C FireFox проблем нет, а вот в IE и Opera средняя ячейка не растягивается по высоте ....уже испробованы всяческие варианты, ни чего не изменилось, помогите кто знает в чем дело! Вот пример кода: <!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"> &lt…

    Asked by igorockk,

    0 votes
    6 answers

  5. выравнивание в ячейках таблицы

    Есть таблица, нужно задать в некоторых колонках выравнивание по центру, а в других - по правому краю. При этом ОЧЕНЬ нежелательно писать что-либо в каждом теге td, хоть align хоть класс. Пробовал сделать с помощью тегов col, но не работает в firefox и в хроме. Также пробовал с помощью стилей, задавать для td, td+td, td+td+td, но тоже работает не во всех браузерах. Подскажите что нужно сделать чтобы работало везде? Еще раз, хочется задать выравнивание один раз на все ячейки колонки, а не в каждой ячейке отдельно. Вот пример что смог сделать, но не работает в хроме и firefox http://inna-sun.ru/pr_holm.htm

    Asked by rgl,

    0 votes
    10 answers

  6. Проблемы с clear

    Привет, прошу совета товарищи, в общем проблема заключается в следующем: есть такой код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } body { margin: 5px; padding: 0; } div.left { float: left; width: 250px; } div.left p { background-color: #FFCC66; } div.right { margin-left: 250px; } div.right p { background-color: #FF9966; } </style> </head> <body> <div class="left"> <p>left</p> <p>left</p…

    Asked by beginner,

    0 votes
    6 answers

  7. Отступы

    Всем здрасте! Вобщем возникла такая вот проблемка - надо сделать отступы например в 10px у главного блока,но когда я назначаему ему эти отступы например: <div style="width:100%;height:100%;margin: 10px;"></div> ,то появляется вертикальная полоса прокрутки. В чём проблема?И как сделать так что бы это полосы не было? Для наглядности выкладываю скрин того что должно получиться

    Asked by Cabalist,

    0 votes
    58 answers

  8. Задача с фоном

    У строковых элементов фон начинается на первом, а заканчивается на последнем символе. У блочных элементов фон продолжается на всю ширину родителя. Задача такая: Есть фраза, текст (количество текста динамически может меняться), который находится в родительском элементе, и у этого текста задан цвет фона. Как сделать, чтобы при увеличении количества символов, если фраза не помещается в одну строку, то этот фон продолжался на всю ширину родительского элемента, т. е. занимал весь объём текста (как у блочных элементов)? И наоборот, если элемент блочный, например заголовок (h1, h2, h3... и т. п.), то если текст в нём умещается в одной строке, то, как сделать, чтобы фон НЕ продол…

    Asked by max999,

    0 votes
    3 answers

  9. Верстка статического сайта

    Доброго времени суток. Мне необходимо сделать сайт без использования php скриптов. Возникает проблема, что если придется добавить небольшую деталь, то надо будет редактировать все html файлы отдельно. Есть вариант создания отдельных частей которые будут подгружаться на сайте? Типо блок меню или футер. Заранее спасибо.

    Asked by romko,

    0 votes
    16 answers

  10. Label, input, text-align and FF2

    Всем привет. Есть проблема со следующим кодом: <style type="text/css"> .row{ width: 800px; } label{ display:-moz-inline-stack; text-align: right; display: inline-block; width: 210px; } </style> <div class="row" > <label> Название учебного заведения </label> <input type="text" /> <label> Тип документа </label> <input type="text" /> </div> <div class="row"> <label> Код учебного заведения </label> <input type="text" /> <label> Номер документа </label> <input type="text" /> </div> Задача - выровнять label по правому краю. Проблема - FF2 капризнич…

    Asked by Йода,

    0 votes
    7 answers

  11. Динамический размер 3 вертикальных div

    Есть 3 дива в строчку, возможно ли сделать так, что если мы убираем 1 див, 2 оставшихся растягиваются? По аналогии с таблицей

    Asked by Blockhead,

    0 votes
    5 answers

  12. Ширина ячейки в таблице с colspan

    Привет друзья. <!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=utf-8"> <title>Untitled Document</title> </head> <body topmargin="0"> <table width="100%" border="1"> <tr> <td colspan="2" nowrap> <table width="100%"><tr><td>12123 12342342342 13451345 1 1145134513412342 2342 234 234</td></tr></table></td> </tr> <tr> <td width="100">DDDD</td> <td width="100%"> </td> </tr> <tr> &lt…

    Asked by renton,

    0 votes
    3 answers

  13. Проблемка с отображением background-image

    В css прописал #right { background-image: url('images/Dsc_3071.jpg'); ) <div id="right"> <div id="rl"> <ul> <li><a href="#">АР Крым</a></li> <li><a href="#">Винницкая</a></li> <li><a href="#">Волынская</a></li> <li><a href="#">Днепропетровская</a></li> <li><a href="#">Донецкая</a></li> <li><a href="#">Житомирская</a></li> <li><a href="#">Закарпатская</a></li> </ul> </div> <div id="cl"> <ul> <li>&l…

    Asked by Alex&R,

    0 votes
    3 answers

  14. Занятный глюк IE7

    Наткнулся на занятную пакость в IE7, вот минимальный пример: <!DOCTYPE HTML> <html> <head> <title>Пример</title> <style> p { margin: 0; padding: 0; } div { padding: 2px; } </style> </head> <body> <div style="width: 72%; float: left; background: #fcc;"> <div> <div style="margin-bottom: 40px; width: 90%; background: #ccc;"> <p>Отступ задан только здесь, с последующим блоком никак не связан...</p> </div> </div> <div style="width: 60%; float: left; background: #cfc;"> <div style="width: 90%; background: #fff;"> <p>Откуда же в IE7 берется отступ под…

    Asked by SelenIT,

    0 votes
    6 answers

  15. Вопрос по css

    Добрый вечер, уважаемые форумчане! Изучаю css, решил немного попрактиковаться, а именно поизменять найденные стили для vkontakte.ru. Вопрос в следующем: почему шапка из прикрепленного мною стиля для контакта "ездит" при прокрутке страницы. В дефолтном оформлении не ездит. Наверное, что-то с позиционированием или еще с чем-то, не знаю. Надеюсь на вашу помощь. Вот так это выглядит. Видно, что при прокрутке шапка "поехала". Код стиля

    Asked by Red Planet,

    0 votes
    4 answers

  16. Подскажите, как называется такое меню

    Подскажите, как называется такое меню, и вообще, где можно найти скрипт данного меню(то, что ниже(Управление сайтом, Корпоративный портал, Партнеры, 1-С Битрикс.ТВ)). То есть, мне нужно, что бы при нажатии по ссылке, изменялась только часть страницы, а не вся.

    Asked by Alex&R,

    0 votes
    7 answers

  17. Атрибут бордер для таблице

    Добрый день, не подскажите ли вы, как можно отменить стиль для таблицы, я могу с помощью тега отменить применение стиля для конкретной таблицы?

    Asked by Igorpurgen,

    0 votes
    2 answers

  18. Скрол в ячейке таблицы при высоте 100% экрана

    В левую ячейку необходимо добавить полосу прокрутки, при том, что высота таблицы будет 100% от экрана. (параметр position: fixed мне необходим). <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" lang="ru" xml:lang="ru"> <head> <title> Тестовая страница </title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta http-equiv="Content-Style-Type" content="text/css"/> <!Язык таблиц стилей CSS> <meta name="Resource-Type" content="Document" /> <style type="text/css"> BODY …

    Asked by SCHNITZER,

    0 votes
    11 answers

  19. отступы...

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

    Asked by Tmin10,

    0 votes
    6 answers

  20. Позиционирование текста внутри тега H2

    Имеется тег H2 (генерируется CMS, да и в тексте его удобней использовать для типографики). Дизайнером, для него заданно следующее оформление (белый шрифт, и картинка в фоне): Проблема в том, что текст в заголовке, не всегда помещается в одну строку, и необоходимо сделать, что бы он всегда оставался по средине своего бэкграунда. Т.е. выглядеть так: Для этого я создал вот такой код (html я приводить не буду, т.к. он и так понятен): .content h2 { background:url("images/h2_bg.gif") no-repeat scroll center bottom transparent; color:#FFFFFF; line-height:40px; margin:20px 0 0 -20px; padding:0 0 0 20px; width:517px; } В коде, я задаю line-height:40px; что бы строка была пос…

    Asked by TheKIP,

    0 votes
    8 answers

  21. Выравние изображение по вертикали

    Не получается выравнять рисунок по центру вертикали. Вот код <html> <head> <title>Задание 1</title> <style type="text/css"> P.figure { text-align: center; /* Выравнивание по центру */ vertical-align: middle; } </style> </head> <body> <p class="figure"><img src=1.jpg height=50% width=50%></p> </body> </html> Помогите пожалуйста совсем начинающему

    Asked by shir,

    0 votes
    2 answers

  22. Как "предсказать" размер ячейки?

    Есть некоторая таблица в Excel, экспортируем её в HTML, выглядит это примерно так: Как видно высота ячейки в HTML выше чем в Excel. Можно как-то узнать насколько будет увеличена высота ячейки, при условии что весь текст в ячейку вмещается и по ширине ячейка в html не будет раздвигаться?

    Asked by kidar2,

    0 votes
    13 answers

  23. HasLayout

    Да, все ищут, что это такое и как его использовать, как включить... А мне нужно отключить. =) Т.е. по умолчанию в ie6 zoom: 1; имеется у img. Как его отключить? =))) Никогда не сталкивался с такой задачей...

    Asked by DjTarik,

    0 votes
    30 answers

  24. Серый блокирующий туман :)

    Как временно отключить сайт, с помощью "серого тумана"? Попробую объяснить: пару раз видел, заходишь на сайт, он вроде грузится, но покрыт слоем прозрачного серого тумана и выводится окошко, типа "необходима авторизация" и весь сайт не активен на заднем плане. Мне бы вот понять как такой туман навести

    Asked by Alexey Menshikov,

    0 votes
    10 answers

  25. Label над текстовым полем и дивы в одну строчку

    Всем привет. Есть задача: необходимо сделать энное количество строк следующего вида - каждая строка содержит 2 отцентрированных поля ввода, у каждого поля ввода есть label, который находится над input. Я создал такую структуру: <div class="row"> <div class="firstcol"><label for="name">Label1</label><input type="text" name="name"/></div> <div class="secondcol"><label for="value">Label2</label><input type="text" name="value"/></div> </div> CSS: .row { margin-left: auto; margin-right: auto; text-align: left; } label { display: block; font-weight: bold; } Резуль…

    Asked by dominity,

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