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> <body> <table id="first"> <tr><td>CONTENT</td></tr> </table> <table id="second"> <tr><td>FIX ME</td></tr> </table> </body> </html> Страница загрузилась в браузер пользователя. Юзер начинает скроллить страницу вниз, table id="first" выходит из области видимости, а следующая за ней таблица с id="second" приближается в верхней границе экрана. В этот момент я хочу зафиксировать таблицу с id="second". Чтоб как-бы далеко вниз пользователь не скроллил страницу, вторая таблица всегда будет уверхней границы. Если же пол…

    Asked by ХОЛОДный,

    0 votes
    8 answers

  2. перенос строки в абзаце

    есть тег абзаца <p>. внутри него идет текст, в котором возможны переносы. как сделать так, чтобы эти переносы вывелись как есть? т.е. нужно сделать что-то типа тега pre, только чтобы и искуственные переносы были при длинных предложениях. копаюсь в инете по этому поводу, подскажите, кто как решает такого рода проблему?

    Asked by theo_,

    0 votes
    2 answers

  3. задачка отображения

    Задачка для меня уж точно сложная. не могу сообразить как при клике в первом списке чтобы отображался другой писок. <ul id="nav"> <li><a href="#" style="">lins1</a></li> <li><a href="#">lins2</a> </li> </ul> <br><br> <div> <ul id="lins1" class="lins1"> <li><a href="#">1History</a></li> <li><a href="#">Team</a></li> <li><a href="#">Offices</a></li> </ul> <br> <ul id="lins2" class="lins2"> <li><a href="#">2Web Design</a></li> <li><a href…

    Asked by koreshs,

    0 votes
    7 answers

  4. правильное расположение блоков

    Здравствуйте! Ситуация такая - есть стандартный 3-ех колончатый, резиновый макет... Цель: cделать так, чтобы центральный блок занимал все свободное место в отсутствие правого... помогите кто чем может, желательно советом Спасибо!

    Asked by lebyr,

    0 votes
    2 answers

  5. Проблемы с отображением текста по ссылке

    Всем доброго времени суток! Ребят, такой вопрос: Все банально: ставлю якорь вида: <a name="name1">...</a>. Ставлю ссылку на него вида: <a href="#name1">...</a>. В итоге при переходе по ссылке получаю текст статьи с нужной позиции(#name1), но та часть статьи, которая оказалась выше якоря name1 не видна. Подскажите пожалуйста как решить мою проблему.

    Asked by itcoders,

    0 votes
    8 answers

  6. Background-image?

    Не понятно как сделать чтобы в резиновом сайте при масштабировании фоновая картинка(в body например) оставалась зафиксированной? Что гугл что поиск не дали результатов, возможно из за неверной формулировки, хз.

    Asked by 2_k,

    0 votes
    7 answers

  7. Проблема со ссылками в классах.

    Проблема в следующем: у меня в стиле есть четыре класса. и в них используются, так сказать,взаимно противоположные цветовые схемы. цвет фона одного класса, является цветом текста другого и наоборот. три блока у меня получаются одинаковыми по цвету, а один - "противоположный". таким образом, я прописал для трёх блоков общий стиль ссылок и шрифта и моя задача прописать отдельно параметры ссылки для одного класса. только почему-то a.content {color: #708090;} в данном случае не работает. кто знает, почему? вот полный текст таблицы. BODY { background-color: #2F4F4F; bakground-attachment: fixed; margin: 0; padding: 0; margin-top: 40; …

    Asked by DNZ,

    0 votes
    3 answers

  8. Как сделать высоту 100% у внутренних элементов

    <table style="height:300px;" border="1" cellpadding="4"> <tr> <td valign="top"> <div style="background:orange">Bla bla bla...</div> </td> </tr> </table> Есть такой код. Мне нужно сделать чтобы высота у элемента div была такой же, как и у родительского элемента td. То есть для данного примера - чтобы таблица была закрашена оранжевым во всю свою высоту. Однако как ни бился с height - кроссбраузерного решения не получилось... Если у td и у div прописать стиль height:100% начинаются проблемы если высота таблицы больше высоты экрана. Если вместе height использовать min-height:100% - не работает в chrome. Может кто из более ум…

    Asked by Тсарь,

    0 votes
    2 answers

  9. два класса в один ряд

    вобщем есть два класса. <input type="reset" style="" value="очистить" class="resset" name="h37f9"/> <input type="submit" style="" value="послать" class="submit" name="hf99a"/> требуется поставить их в один ряд. Возможности редактировать html файл нету. Только через CSS, осуществимо ли это? Я попробовал вот таким образом, но почему-то не получилось... input.submit, input.resset { display: inline-block; }

    Asked by GooDMeister,

    0 votes
    12 answers

  10. Отсутствие DOCTYPE

    Много написано про важность доктайпа но вот столкнулся с заказом где по тз он должен отсутсвовать и сразу, всеми любимый, IE первым среагировал не сработал margin: 0 auto; может кто наталкивался в инете на инфу про то как реагируют элементы и стили без указания доктайпа

    Asked by WalkMan,

    0 votes
    6 answers

  11. Несложня задача по горизонтальному позиционирования

    Здравствуйте, мне нужно чтобы выделеннный кусок (ниже я выделили в коде), при прокрутке оставался на месте, аналогично как http://www.becausestudio.co.uk, сам я версткой ни когда не занимался, но вот жизнь заставила, приблизительно я догадываюсь как это делать, но пока сам разберусь, нету времени, желательно чтобы профи ткнули носом) <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Tender._Default" %> <!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 runat="server"> <meta http-equiv="C…

    Asked by mola10,

    0 votes
    1 answer

  12. Открытие ссылки с тем же положением

    Нужно открыть ссылку (запустить скрипт php) и перезагрузить страницу, при этом остаться в том же месте (прокрутка). Можете что-нибудь посоветовать?

    Asked by Alien85,

    0 votes
    3 answers

  13. как сделать вкладки в одном блоке

    хочу сделать на сайте блок с вкладками - как здесь http://yznaem.ru/ - Рубрики -Новые записи- Новые комментарии. Понимаю что это вордпресс, но не понимаю как сделать на обычном сайте.. подскажите?

    Asked by zacepka,

    0 votes
    1 answer

  14. как сделать чтобы футер наезжал на контент

    как сделать чтобы футер наезжал на контент точнее фоновый рисунок футера. как здесь

    Asked by AlexVrag,

    0 votes
    0 answers

  15. Подскажите как сделать пробел между двумя банерами

    Привет спецам ! Подскажите как сделать пробел между двумя банерами, ( два банера размещены по горизонтали, в плотную один к одному ! Как сделать чтобы они были на расстоянии примерно хотя бы на расстоянии пару миллиметров друг от друга ?????

    Asked by Начинающий вэб мастер,

    0 votes
    4 answers

  16. Помогите исправить ошибку амперсанда в http://validator.w3.org/check

    Как исправить ошибку амперсанда(http://validator.w3.org/) =430638667&img=27" Тема закрыта В трэш плиз.

    Asked by Glebr,

    0 votes
    1 answer

  17. Как открыть ссылку в новой вкладке в IE

    Как в IE открыть ссылку в новой вкладке? (а то при использовании target="_blank" этот продукт жизнедеятельности Мелкомягких, запускает свою копию)

    Asked by Hedron,

    0 votes
    5 answers

  18. @charset

    Ребята, есть такой вопрос. Никогда ранее не задумывался, но в CSS есть такой параметр @charset "название кодировки"; Собственно сам вопрос: стоит ли его использовать, или лучше ничего не писать? Просто не часто его встречаю - может это уже устарело? Кто что подскажет? В head прописано <meta http-equiv="Content-Type" content="text/html; [b]charset=utf-8[/b]" /> <link type="text/css" href="img/styles.css" rel="stylesheet" media="all" /> По идее кодировка уже указана? Для стилей отдельно писать не нужно? Кто как делает?

    Asked by DjTarik,

    0 votes
    8 answers

  19. выделение ссылок цветом

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

    Asked by TerraInc,

    0 votes
    1 answer

  20. Мерцает меню в IE

    Вот на этом сайте при переходе по вкладкам выпадающего меню(выпадает пункт "О компании") мерцают пункты меню, и это только в IE, копал копал, не могу понять из-за чего это происходит! Вот код меню HTML <div id="nav"> <ul> <li><a href="<?php echo get_settings('home'); ?>">Главная</a></li> <li><a href="#">О компании</a> <ul class="submenu1"> <li><a href="http://cnet.com">Ремонт квартир</a></li> <li><a href="http://mashable.com">Ремонт ванной</a></li> <li><a href="http://techcrunch.com">Ремонт офиса</a></li> …

    Asked by Spamol,

    0 votes
    1 answer

  21. Принудительное отображение картинок

    Здравствуйте! Подскажите, пожалуйста, как сделать, чтобы некоторые картиники (например, изображения "перекатывающихся" кнопок) загружались и отображались всегда, игнорируя установку (Оперы) "отображать только кэшированные"?

    Asked by Hedron,

    0 votes
    18 answers

  22. MozInlineStack и Gecko 2.0

    В Хамелеоне не работает следующий код: <!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>Тест</title> </head> <style> .moz-block { display:-moz-inline-stack; display:inline-block; } </style> <body> <div class="moz-block"> <div>Registr</div> <div>Date</div> </div> </body> </html> 2 дива сливаются в один. Можно это как-то исправить?

    Asked by IceBars,

    0 votes
    0 answers

  23. проблема с таблицей в ie 6, 7

    исчезает верхний и нижний отступ контейнера таблицы, первой и последней строк. как исправить? #wrapper .content table{width:100%; border:0; padding:20px 0;} #wrapper .content table tr td.ad{width:150px; padding:5px 15px;} #wrapper .content table tr td.description{padding:0 20px 10px 5px;}

    Asked by html,

    0 votes
    1 answer

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

    Добрый день! Пожалуйста помогите разобраться с проблемой в css для браузеров IE. Сайт корректно отображается в FIREFOX, OPERA, CROME а в IEXPLORER блоки налезают друг на друга.... верстка блочная, делал фрилансер которого сейчас уже не найти, поэтому надеюсь на вашу помощь. Вот ссылка на сайт - главная страница, блок новостей...

    Asked by maxpoker,

    0 votes
    12 answers

  25. Проблема с вложенными дивами

    Проблема в том, что родительский div (class="content") не расстягивается по высоте, соответсвтенно цвет его фона тоже. <!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=windows-1251" /> <title>Контент</title> <link rel="stylesheet" type="text/css" href="../css/style.css" /> </head> <body> <div class="content"> <div class="blockbox"> <div class="block16"> Контент Контент Контент Контент Контент Контент Контент Конт…

    Asked by Rigo,

    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