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 kiD,

    0 votes
    11 answers

  2. единицы измерения - em

    иногда в сss сайтов встречаю например padding: .5em; в данном примере непонятно зачем и что em ? почему просто не ук в px или % ? {...отредактировано kiD}

    Asked by vrazbros,

    0 votes
    4 answers

  3. Выравнивание слоя в STRICT

    Здравствуйте уважаемые знатоки Вопрос в следующем: Знаете ли Вы способ выровнять блочный элемент разного размера (допустим с кнопками партнеров, либо альт. меню) по центру страницы при STRICT верстке? Условия: 1. aligin="center" не предлагать, почему ? смотри еще раз вопрос? :cool: 2. margin: 0 auto; тоже, поскольку надо задавать ширину центрируемого блока (соответственно при изменении информации в нем, может произойти переполнение) Что можете посоветовать? Спасибо.

    Asked by yauhen,

    0 votes
    16 answers

  4. Раскрасить input c type = ratio

    Нужно чтоб сам кружок был с рамкой зел?ного цвета, а точка которая появляется при клике на объект была синяя, ну и тень надо убрать

    Asked by Lazar,

    0 votes
    3 answers

  5. выступающая закладка

    Привет народ. Оч нужна помощь. Проблема с выступающей закладкой в меню. Нужно чтобы активное меню вылазило вверх на 3 пункта. Проблема решается добавлением position:relative; но при этом при изменении размеров окна в IE меню сдвигается. Если убрать position:relative; то в IE6 выступающей части не видно Помогите плиииизз решить эту проблему. Код прилагаю: <!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" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style> #Header { clear:both; float:left…

    Asked by Ladoga,

    0 votes
    5 answers

  6. a:hofer; a:active;

    Здравствуйте. Так я вам выложу CSS и если не трудно посмотрите в ч?м проблема. Почему ОПЕРА и МАЗИЛА игнорируется. А в ИЕ вс? показывает нормально. Значит проблема в том что не отоброжается при нажатии и при наведении мышки на ссылку.(не отоброжается нужным мнe цветом) #base_ul { margin: 2em; width: 10em; padding: 5px; } ul { position: relative; top: 22px; left: -26px; /*margin-left: 5px;*/ list-style-image: url(./img/li.gif); } html>body ul {top: -1px; left: -26px;} li { margin-top: 5px; } ul a { font-size: 130%; color: #00a2ff; text-decoration: underline; font-weight: bold; } #base_ul a:link, #base_ul a:visited { list-style-image: url(./img/li.gi…

    Asked by vrednyu4aya,

    0 votes
    11 answers

  7. Рамки для текста

    Проблема кроется здесь http://bartsva.narod.ru/ А хотелось бы чтобы выглядело как здесь http://bartsva.narod.ru/index2.html только с текстом (здесь будет текст) из первого варианта Помогите!?

    Asked by bART,

    0 votes
    3 answers

  8. frD-Border у input[type=button] input[type=submit] в IE

    Пишу я короче стиль для кнопки где у не? разные границы. Справа и слева по 3 пиксела, а снизу и сверху вообще 0 пикселов. В FF вс? нормально отображается, а в IE (проверял в 6 и 7) неконкретно, а т.е. кнопки отображаются с закругленными границами .. причем иногда по разному то захватывая при этом границы то нет... мне это дело типа ненужно, а нуно как в FF. Привожу код: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style type="text/css"> <!-- input { background-color: #FFCC33; border-top-width: 0px; border-right-width: 3px; border-bottom-width: 0px; border-left-width: 3px; border-right-style: …

    Asked by SoftAlex,

    0 votes
    37 answers

  9. OBJECT - вставить флэш

    Возникла проблема: тег OBJECT c CLASSID=clsid:333c7bc4-460f-11d0-bc04-0080c7055a83 (Tabular Data Control) не отображается в Netscape и Opera. Подскажите решение если оно конечно есть. Код из HTML: <OBJECT ID = "mydbcontrol" CLASSID = "CLSID:333C7BC4-460F-11D0-BC04-0080C7055A83"> <PARAM NAME = "DataURL" VALUE= "base.css"> <PARAM NAME = "UseHeader" VALUE= true> </OBJECT> <table width="100%" HEIGHT="77%" border="0" cellspacing="0" cellpadding="2"> <tr> <td VALIGN="TOP" width="15%" BACKGROUND="fontclor.png">dgh</td> <td VALIGN="TOP" width="70%"> <table DATASRC = #mydbcontrol border=0 width="100%" height= "100%" BG…

    Asked by Clerk,

    0 votes
    3 answers

  10. Кодировки

    Привет такой вопрос. Я делаю промо-страницу для подруги, на 7 языках (при этом на одной странице будет только один язык). Какую кодировку указывать в или не в ней, чтобы все символы отображались корректно как в россии, так и за рубежом. И в каком формате сохранять html документ, в unicode? (языки: русский, финский, английский, французский, испанский, итальяснкий, немецкий) Спасибо за помощь)

    Asked by Alisher,

    0 votes
    3 answers

  11. frD-дублирование текста не понимаю почему.

    Здравствуйте! Мучаюсь уже неделю, не знаю в чем ошибка. Подскажите пожалуйста. Вот код страницы и код css. style.css * { padding : 0; margin : 0; } body { font-family : Arial, Helvetica, sans-serif; font-size : 13px; } img { padding : 5px; border : 1px solid #D61011; } img.floatTL { float : left; margin-right : 10px; margin-bottom : 0; margin-top : 10px; margin-left : 10px; width : 60px; height : 60px; } img.floatTR { float : right; margin-left : 7px; margin-bottom : 0; margin-top : -2px; margin-right : 10px; } p { text-align :justify; padding : 5px; color : #666; font-size : 1.1em; } #wrapper { margin : 0 auto; width : 800px; } #header { color : #333; wi…

    Asked by Ксения :),

    0 votes
    5 answers

  12. Центровка в CSSе

    Доброе время суток. Интерисует вопрос: Как с помощью СSS`а, отцентровать блок (таблица, картинка, я думаю не столь важно что) по горизонтали? Насколько я понял в HTML`е аналог . Также можна закрыть тегом , но это не устраивает.Также вопрос: При сдвиге блока на определенное растояние по вертикали (top: 50px, к примеру) весь документ какбы смещается на 50 px вниз, образуя "градусники" на странице, использую position: absolute. Общая картина: Есть рамка (таблица с 1-ой строкой и столбцом), размером 700px * 100% по вертикали. Мне нужно чтобы рамка была отцентрирована по горизонтали, а также спущена на 50 пикселей вниз, от верхней стороны документа. Пытался найти выход в …

    Asked by Anton Petrenko,

    0 votes
    4 answers

  13. frD-Пункты меню непрямоугольной формы

    Здравствуйте! У меня на cайте каждый пункт меню не прямоугольный, а в форме стрелы, направленной вправо. При этом используемая картинка этой самой стрелы должна меняться при наведении мыши. Первый вопрос: как мне элементарно сохранить непрямоугольное изображение стрелы? Как можно сделать его ссылкой со сменой изображения?

    Asked by realmadrid,

    0 votes
    5 answers

  14. frD-Глюк IE

    В отдельной ячейки таблицы помещаю картинку - элемент дизайна, васотой 2 пиксела, для ячейки тоже задаю высоту 2 пиксела, в експлорере, эта ячейка все 30 пикселей имеет. В Опере все нормально, как и задумывал. Вот код ячейки. <td width="220" height="2" align="left" valign="top" > <img src="image/line2.jpg" alt="" width="220" height="2" border="0" align="top"> </td> картинка имеет размер 3x2, в коде ее растягиваю до 220. Кто подскажет, что експлореру не нравиться. PS остальные элементы таблицы ее не растягивают.

    Asked by plexnet,

    0 votes
    5 answers

  15. высота ячейки 100%

    Есть ячейка таблицы, высотой в 100%. В ней сверху написан текст. Как в этой ячейке к низу прижать изображение? Сделать таблицу высотой 100% и valign="bottom" не катит по спецификации... Помогите пожалуйста! {...отредактировано kiD}

    Asked by SIN,

    0 votes
    8 answers

  16. текст и картинка

    имееться строка текста, например "Большая длинная строка текста1" . по умолчанию на экране браузера она в одну строку, если пользователь изменил рамеры окна, то строка автоматом разбиваеться на две, наприменр стало Большая длинная строка текста1 теперь предположим что справа от этого текста есть картинка. Большая длинная строка текста1 КАРТИНКА Задача: если текст вместе с картинкой помещяеться в окне, то они идут подряд, но вот если картинка уже не влазит , то появляется горизонтальный скролл-бар. а хотелось бы что-бы когда текст и картинка не влазят в окно, то текст разбивался на две строки, освобождая место для картинки. пример было: Большая длинная строка текста1 КАРТ…

    Asked by Iton,

    0 votes
    11 answers

  17. Выравнивание текста под углом. Возможно ли ?

    Добрый день. Подскажите пожалуйста, возможно ли выравнять текст слева - по некой прямой (под углом) - а справа- по ширине свободной области. Пример левой области - http://img.artlebedev.ru/studio/vacancy/mi...hard/a-text.gif Уже не один раз возникала подобная необходимость, но стандартного решения (работающего с текстом любой длины) так и не смог найти. Буду благодарен за помощь.

    Asked by bond84,

    0 votes
    15 answers

  18. max-width, максимальная ширина страницы

    Господа, есть ли способ сделать так, чтобы верстка сайта была на 1024 в ширину, при большем разрешении он мог бы расширяться, но не больше чем до 1280. При разрешениях более 1280 сайт должен прекращать растягиваться? Желательно без использования перезагрузок и JS. {...отредактировано kiD}

    Asked by joymix,

    0 votes
    17 answers

  19. frD-Съезжает основной блок в IE6

    Подскажите плиз, где перехимичил с css? Сайт отображается нормально в mozill'e, ie7, а в ie6 - съезжает влево. Перерыл все сначала в css. Немогу понять почему основной блок съезжает. а в разделе "Мои работы" контент уходит вниз. Но по этому поводу есть подозрение, что из-за того, что у таблицы width=100%. Надо наверное вообще убрать. Заранее спасибо за ответ. Проблема тут _http://www.rolph.ru

    Asked by rolph,

    0 votes
    6 answers

  20. IE7 и hover

    http://stepbystep.htmlbook.ru/?id=58&text=1 Вот тут у меня не работает tr:hover ИЕ7 отказывается воспринимать. Обычная табличка, без подстветки при наведении. В Опере работает. Может правда это настройки обозревателя, но я ничего там не менял с установки. Кто сталкивался с этим?

    Asked by DrSol,

    0 votes
    4 answers

  21. float. Баги отображения при уменьшении размера окна IE.

    <!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Байки из склепа</title> <style type="text/css"> body { font-family: Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0px; /* Отступы для браузера IE */ padding: 0px; /* Отступы для браузера Firefox */ } h1 { font-size: 36px; /* Размер шрифта */ font-weight: bold; /* Жирное начертание */ margin: 0px; /* Убираем отступы */ color: #fc6; /* Цвет текста */ } h2 { margin…

    Asked by WM,

    0 votes
    4 answers

  22. Как запретить браузеру переносить заданную строчку

    собственно сабж строку 07-ААА123456 иногда браузер разделяет на две строки после дефиса(в таблице) как ему запретить делать это через поиск ненашел, поэтому запостил подскажите пжлст

    Asked by dad Min,

    0 votes
    11 answers

  23. Выпадающее меню. Проблема с onmouseout

    Есть меню, расположение блоков примерно такое: Мне нужно чтобы при наведении вываливался подпункт, а потом после отведения мыши от меню вываливался раздел меню на котором я сейчас нахожусь(на рисунке). Но загвоздка в чем: Когда я к самому главному слою присваиваю функцию "скрытия всех слоев, кроме активного" меню плохо работает. Невозможно выбрать пункт. Постоянное мелькание подменюшек(раскрываются и при уведении с 1 уровня -- скрываются). Помогите. Я знаю, что onmouseout врубается, когда я увожу мышку с пункта 1 уровня, но не увожу ведь с главного слоя.!!! Почему срабатывает onmouseout?

    Asked by Maslakoff,

    0 votes
    4 answers

  24. Создание гиперссылок

    При в?рстке в dreamweaver ссылка вед?т не на указываемый адрес, а на адрес страницы/ссылка. Например, если адрес страницы, на которой написан текст со ссылкой, www.fierydance.nightmail.ru, а ссылку я ставлю на www.macromedia.com, то адрес, на который вед?т ссылка www.fierydance.nightmail.ru/www.macromedia.com. :/:/. Проверяла коды - вс? нормально... Что нужно исправить в настройках, чтобы от этого избавиться?

    Asked by an4ik,

    0 votes
    4 answers

  25. три колонки, минимальная ширина, резиновый дизайн

    не могу допЭтрать.. :/ таблица ,в ней 3 ячейки, из них выбирается одна, например 2-ая и расстягивается, если ширина окна увеличивается. объясните плиз, вот в таблицах вс? просто: <table width="100%" height="27" cellpadding="0" cellspacing="0" border="1"> <tr> <td width="528"><img src="w01.jpg"></td> <td background="w02.jpg"><img src="1px.gif" width="1" height="1"></td> <td width="418"><img src="w03.jpg"></td> </tr> </table> как это в css сделать?? я блин вообще не шарю, второй день мучаю этот код, ничего не выходит: <html> <head> <meta http-equiv="Content-Type" content="text/htm…

    Asked by maza,

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