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. border-radius.htc не работает

    Подключил border-radius.htc, но он не работает в IE8 (в более ранних версиях не смотрел). Пробовал убрать все скрипты - все равно не работает. Есть альтернативы или какие-то способы заставить работать border-radius.htc ?

    Asked by SEObomj,

    0 votes
    4 answers

  2. Как сделать так чтоб высота textarea изменялась в зависимости от количества строк текста?

    Как сделать так чтоб высота textarea изменялась в зависимости от количества строк текста?

    Asked by UREL,

    0 votes
    4 answers

  3. Выровнять иконки и текст

    Привет! Делаю локальную стартовую страничку. Подскажите пожалуйста как выровнять иконки и текст, чтобы они были на одном уровне. Пример для наглядности: <style type=text/css media=all> * {padding:0; margin:0;} img {border: 0;} table {border-collapse: collapse; border: none;} table th, table td {font-weight: normal;} a:focus {outline: none;} a, a:hover {text-decoration: none; font: 12px arial; color: #464646;} a:hover {text-decoration: underline;} ul li {list-style: none; margin: 0 0 5px 0;} ol li {list-style: decimal inside;} html {height: 100%;} body {height: auto !important; font: 12px arial; color: #000; line-height: 18px; } #wrap {min-width: 985px; margin:…

    Asked by iahromenko,

    0 votes
    4 answers

  4. По поводу плагина для форм

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

    Asked by anna-2010,

    0 votes
    4 answers

  5. Вопрос

    Вопрос такой,я конечно понимаю,что скорее всего меня забанят,отправят в тёмное место или ограничат доступ к сайту,но решившись,я спрошу.Не ругайте,не знаю css нисколько,мб через это всё и делается Создаю таблицу: <html> <head><title>title Name</title> </head> <body> <table bgcolor="#000000" border="1"> <tr> <td>Текст</td> </tr> </table> </body> </html> Проблема такая:Тёмный фон,Текст не видно.я понимаю,что в Table нельзя добавлять тег <Font color... но если это взять в этот тэг,никого эффекта нет. Как же поменять цвет текста?

    Asked by SenkOne,

    0 votes
    4 answers

  6. центровка

    Может кто нить подсказать какой нить вариант центровки изображения в big_photo? маргин авто не хочет помогать, при заданной ширине картинки http://www.ygo.ru/market/21/

    Asked by Joyfit,

    0 votes
    4 answers

  7. Как сделать прозрачную маску?

    Привет! Не первый раз сталкиваюсь с довольно серьезной проблемой... как сделать прозрачную маску. Что я под этим понимаю: Это маска любой формы которая скрывает часть содержимого выбранного <div>. Например в форме круга. Да можно сделать маску в цвет фона. Но если фон неоднородный из этого ничего не выйдет. Да и для JS анимации такие маски нужны сплошь и рядом. Гуру верстки, подскажите решение. =) Интересует конкретно: как сделать произвольную (нами обозначенную и любой формы) часть DIV прозрачной.

    Asked by Dokea,

    0 votes
    4 answers

  8. Помощь

    Дело в том что после изменения одного из кодов сайт изменился до неузнаваймости. Вот скриншот до изменения. Вот сайт теперь. http://websuperwarez.ucoz.ru/

    Asked by Rustam4000,

    0 votes
    4 answers

  9. Ссылки в таблице

    Здраствуйте. Я сделал таблицу, поделил на 3 столбца, в левой ячейке расположены ссылки, а как сделать чтоб эти ссылки открывались в центральной ячейке таблицы? Нашел как это делается с применением php, но я не знаю php, не мог бы кто-нибудь написать как это сделать . Или как это делается без php. (Времени нет на изучение - срочно надо). Please help?

    Asked by epic,

    0 votes
    4 answers

  10. outer: высота / ширина - 100%

    Всем здрасте. Такая задача: #outer - на весь экран в независимости от разрешения (фон картинка); #content - оцентровать по середине; содержимое #content - абсолютно споцизионированные блоки; IE7+ Растянуть #outer мне удалось. Нашел в Гагле вот такие инструции: body, html {height: 100%} #outer { width: 100%; min-height: 100%; height: auto !important; height: 100%; } Но немгу понять как растянуть вложеннный в #outer блок (#content) по высоте. height: 100% на него не влияет. Так же его мне необходимо оцентровать. Подскажите плз. Пример можно посмотреть здесь

    Asked by paska,

    0 votes
    4 answers

  11. Можно ли в теге iframe показывать какую либо конкретную область

    Добрый день! Вопрос собственно так и звучит, можно ли в теге iframe показывать какую либо конкретную область. Т.е. если это веб-страница, то какую либо ее определенную часть? Большое спасибо!

    Asked by Igorpurgen,

    0 votes
    4 answers

  12. Помогите, пожалуйста, написать стиль по описанию.

    Здравствуйте. Наткнулся на досадный баг в iBooks 1.1 связанный с тем, что текст, которому указано "left" в text-align, форматируется по ширине. Стал гуглить решение, нашёл, но довольно абстрактно описанное: Помогите, пожалуйста, восстановить стили для класса “center-both” по этому описанию.

    Asked by Ugo,

    0 votes
    4 answers

  13. Не отображается картинка в шапке в IE, Опере

    Вот как выглядит шапка в firefox А в опере и в IE картинка пропадает. Вот код шапки <table border="0" cellpadding="0" cellspacing="0" width="100%" height="156" style="background:url('http:/site.ru/image/header2.gif');"> <tr> <td height="92" <img src="http://muzname.ucoz.ru/image/header.gif" border="0"></td> // Вот эта картинка не отображается <td width="221" height="92"><img src="http:/site.ru/image/6.gif" border="0"></td> <td width="266" height="92"><img src="http:/site.ru/image/7.gif" border="0"></td> </tr> <tr> <td height="64" style="background:url('http:/site.ru/image/8.gif');padding…

    Asked by Airogen,

    0 votes
    4 answers

  14. меню сьехало

    сьехало меню на сайте: как это исправить? вот css код меню: #leftmenu a{ float:left; display:block;padding:2px 10px; color:#FFFFFF; font-weight:bold; font-size:15px; border-right:#FFFFFF 1px solid;vertical-align:middle;height: 100%;} #leftmenu a:hover{ float:left; display:block; background-color:#efe7d5; padding:2px 10px; font-weight:bold; font-size:15px; border-right:#FFFFFF 1px solid;vertical-align:middle;height: 100%;color: #885520;} #leftmenu ul {position:relative; list-style-type:none;vertical-align:top; }

    Asked by DrMartens,

    0 votes
    4 answers

  15. height ie6

    желтые полоски (yellow long, short, medium) в ие6 задают себе какую то свою высоту хотя она прописана в ксс, никто не знает как пофиксить это?) в остальных браузерах нормально все выглядит)

    Asked by Joyfit,

    0 votes
    4 answers

  16. Размещение элементов формы

    Подскажите пожалуйста, как выровнять элементы формы не прибегая к использованию таблиц. Раньше делал так: <form> <table> <tr> <td>Логин</td> <td><input ....></td> </tr> <tr> <td>Пароль</td> <td><input ....></td> </tr> </table> </form> А как сделать по-другому?

    Asked by oneman,

    0 votes
    4 answers

  17. Занимаем все пространство

    Добрый день, недавно возникла задача сделать некий резиновый шаблон, и тут у меня возникла проблема с тем что бы div занимал все место по высоте которое ему дали. Ну думаю легче будет объяснить картинками. Сейчас так: Надо: Необходимо чтобы #block3 прижимался к самому низу экрана, а блоки 1 и 2 вытягивались по высоте на оставшееся место.

    Asked by MC WEST,

    0 votes
    4 answers

  18. Проблемка с версткой

    Есть такая вот тестовая страница: Страница Столкнулся с такой вот проблемой, мне нужно, чтобы центральная часть страницы растягивалась по высоте браузера, в зависимости от разрешения экрана у пользователя. Но когда я ставлю центральному блоку height: 100% то появляется вертикальная прокрутка, как я понял центральный блок принимает за 100% размер body, т.е. если у нас body равен 100%, а именно размерам окна браузера по вертикали, к примеру 890px, то и размер центрального блока становиться 890px…почему хз. Где я допустил ошибку, в чем проблема?

    Asked by eVErl@Sting,

    0 votes
    4 answers

  19. сайт в iPad

    Добрый день! У меня проблема с отображением сайта на iPad. Говорят, не работает галерея и не показывается текст. У меня 2 вопроса: 1. есть ли эмуляторы iPad'а (я гуглила, нашла только эмуляторы экрана, а не движка) 2. может, кто знает, какие проблемы/особенности с javascript'oм на iPad'e. Я использую jQuery.

    Asked by shura-sparrow,

    0 votes
    4 answers

  20. Создание анкеты

    Всем добрый день! Сразу хочу сказать что всем этим делом занимаюсь в первые поэтому возникают некоторые трудности. В общем, передо мной стоит задача: написать сайт на html. С эти у меня все более-менее получилось. Но вот вышла одна незадача. А именно, заказчик попросил сделать на сайте что-то вроде анкеты, данные которой будут попадать в Excel файл. Вопрос в одном как реализовать? pHp, java не знаю вообще, поэтому если только на pHp, буду рад Вашей помощи. Наслышан, что данные с форм можно передать в текстовый файл. Тогда такой вопрос: как можно реализовать передачу данных в текстовый файл, а оттуда в файл excel ? И последний вопрос: может быть намного проще будет реализо…

    Asked by fiveapril,

    0 votes
    4 answers

  21. Вертикальное центрирование многострочного текста

    Добрый вечер! Есть вот такой код: <div style="width: 600px; height: 200px; border: 1px solid red;"> Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст </div> Можно ли как-то текст отцентрировать по вертикали БЕЗ техники эмуляции таблицы (display: table)? JS также не интересует. Заранее спасибо!

    Asked by Yuriy,

    0 votes
    4 answers

  22. Вертикальное выравнивание изображения в блоке

    Здравствуйте. Изначально стояла задача центрирования изображения по вертикали и по горизонтали внутри блока. Таких блоков с изображениями несколько, соответственно, ширина и высота изображений может различаться. Ширина и высота блоков фиксированная, известна заранее. Для горизонтального выравнивания использую - text-align:center; Для вертикального выравнивания используется display:table-cell;verticl-align:middle Для ограничения по ширине/высоте изображения (если изображение выходит за пределы блока, уменьшаем) max-width, max-height Два последних условия продублированы expression-ами для IE6 Однако, в случае использования max-width внутри блока с display:table-cell ширина …

    Asked by esche,

    0 votes
    4 answers

  23. border-bottom на ширину текста

    Добрый день участники форума, прошу помочь мне решить проблему. К заголовкам в блоках поставил border-bottom, хочется получить чтоб dotted под заголовком был не на всю ширину блока, а на ширину текста, пробывал задавать значения ширины заголовка, но тогда не корректно отображается в браузерах, где-то отображается хорошо, но в опере почему то текст не съезжает в низ. Может есть какой нибудь другой выход из сложившейся ситуации?

    Asked by lamaka,

    0 votes
    4 answers

  24. Пропадает подвал

    Есть макет на трех колонках. Для формирования используется связка relative и absolute у position, при этом подвал оказывается под колонками. Есть какие-то способы сдвинуть его под все колонки, чтобы он опускался автоматически исходя из высоты контента? <!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=utf-8" /> <title>Три колонки</title> <style type="text/css"> .header, .footer { background: #D5BAE4; } .layout { position: relative; /* Относитель…

    Asked by Vlad,

    0 votes
    4 answers

  25. Убирающиеся блоки

    Как сделать чтобы блоки убирались при уменьшении сайта по горизонтали. Например как на www.artlebedev.ru, при уменьшении окна браузера по горизонтали пропадает несколько работ студии. Таким образом на 12 дюймовом мониторе сайт показывает меньше работ чем на 22 дюймовом мониторе и не появляется горизонтальная полоса прокрутки. Извините, если есть где-то такая тема, я просто не знаю как правильно в поиск забить. Заранее спасибо.

    Asked by Maximilian,

    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