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. тэг <input>

    Всем привет, в чем может быть проблема, в разных браузерах тэг <input> отображается поразному, например для IE.8 size="80" хорошо вписывается в нужное место, но в браузерах Firefox или safari поле становится намного длиннее, если size уменьшить т.е вписать это поле для оперы то в IE оно становится коротким. Что такое может быть и как с этим бороться? Спасибо Код поля: <input type="text" size="80" name="searchstring" id="mod_search_searchword" value="{if $searchstring ne ""}{$searchstring|replace:'"':'"'|replace:"\'":"'"|default:""}{else}{$smarty.const.STRING_SEARCH}{/if}" onblur="if(this.value=='') this.value='search...';" onfocus="if(this.value=='{$smarty.cons…

    Asked by sce,

    0 votes
    9 answers

  2. Проблема с динамической высотой в div

    Никак не могу понять, где я так нагрешил, но высота div'а content не становится динамической...а он служит тут как раз еще и фоном надо получить разметку как на картинке красный - content с динамичной высотой желтые - topcon, medcon и botcon соответственно зеленые - это остальные дивчики наполнения есть код <div class="content"> <div class="topcon"> <div id="leftcol"> <div id="logo"> </div> <div id="menu"> <ul id="uno"> <li><a href="#">Новости</a></li> <li><a href="#">Камины</a></li> <li><a href="#">Топки</a></li> &…

    Asked by Small_man,

    0 votes
    0 answers

  3. Смена картинок

    Задача такова: Есть картинка А разрешения 300х300 и рядом превью картинок B,C,D как сделать так что бы при нажатии на картинки B,C,D менялась картинка А. Заранее спасибо.

    Asked by marrone-art,

    0 votes
    3 answers

  4. Помогите, пожалуйста, понять причину некорректного построения таблицы

    Здравствуйте, будьте добры, помогите понять причину такого вот ненормального отображения таблицы браузерами. Вот мой код: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title> </head> <body> <table border="1"> <tbody> <tr> <td rowspan="9">+</td> <td rowspan="3" colspan="4" >1-st Юнит</td> </tr> <tr> <td rowspan="2">2-nd -</td> <td rowspan="2">-</td> <td rowspan="2">-</td> <td rowspan="2">…

    Asked by caligula,

    0 votes
    4 answers

  5. Проблема с выравниванием всплывающих блоков в FF и Chrome!?

    Добрый день, друзья! Буду рад любой помощи! Возникли проблемы со всплывающими блоками в Firefox и Chrome ... в Opera и IE вроде нормально, а именно: они почему-то скачут (( вот css: <style type="text/css"> <!-- td.compact.border-bottom { position:relative; z-index:0; width:182px !important; height:280px !important; } td.compact.border-bottom span{ display: none; } td.compact.border-bottom:hover{ z-index:25; background:;} td.compact.border-bottom:hover span.tooltip{ display:block; position: absolute; top:0px; left:-5px; padding: 15px 0 0 0; width:182px; text-align: center; } html:not([lang*=""]):not(:only-child) td.compact.border-bottom…

    Asked by GansICH,

    0 votes
    0 answers

  6. Проблема с input кнопками на backgrounde

    Переписываю дизайн сайта на divы. Имеется блок div, фоном которого является картинка. Но вот при размещении кнопок на нём фон за этими кнопками не отображается. Вот исходный код для блока, его кнопок и стили <div class='blocks'> <div> <img src='{THEME}/images/vote.png' width='195' height='70' alt='Голосование' /> </div> <div class='background'> {vote} </div> <div> <img src='{THEME}/images/nizleft.png' width='195' height='14' alt='' /> </div> </div> Содержимое блока(кнопки) <div style='padding-left:35px;'> <br /> <b>{title}</b> </div> <br /> &lt…

    Asked by RiG,

    0 votes
    17 answers

  7. overflow:hidden

    Есть некоторый код (для примера) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> </head> <style> div { } ul { list-style-type:none; margin: 0; padding: 0; } li { float: left; margin: 3px; } </style> <body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> <div> bla-bla-bla </div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> </body> </html…

    Asked by kvant,

    0 votes
    51 answers

  8. Sharepoint: меняет формат абзаца вместо шрифта

    Выделяю чсть текста в абзаце, наживаю на B или I , но вместо того, чтобы вставить теги <stronk> иди <em> программа изменяет форматирование абзаца. Что настроить, чтобы стало как прежде? час копался перед тем как создать тему, а ответ нашёлся сразу после её создания. Панель инструментов применение стилей, параметр применение стилей. Если Авто, то изменяется часть текста, если Вручную, то стиль ко всему абзацу.

    Asked by Rilo,

    0 votes
    1 answer

  9. Блоки друг за другом

    Добрый день, форумчане. Возник такой вопрос, сейчас верстаю статичные страницы сайта, оформляю заглавную, вроде бы все не сложно, но. Необходимо поставить два блока друг за другом, в ряд, + так, что бы они оставались по центру страницы. На данный момент решения я до сих пор не придумал, для показательности того, что я хочу, я вписал в таблицы стилей: "position"; результат. Интересующие блоки - "Актуальные новости". На тематику и графическое оформление прошу не обращать внимания, она была выбрана случайна и накалякана просто так

    Asked by LostCost,

    0 votes
    3 answers

  10. Как правильно делать фавиконки?

    Да, вот такой вопрос. До сих пор мне либо доставались готовые фавиконки от дизайнеров, либо же своими силами отправлялась картинка на какой-нибудь сервис вроде favicon.ru. Но правильно ли это? Может есть более прямые способы?

    Asked by swetlana,

    0 votes
    9 answers

  11. бэкграунд БОДИ уходит влево

    Помогите пожалуйста исправить... вот код BODY html, body { color: #d5f0fc; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; background: #86b8cd url(../images/headerbg.jpg) no-repeat 50% 0; width:100%; height:100%; padding:0; margin:0; } пыталсы еще так html, body { color: #d5f0fc; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; background: #86b8cd url(../images/headerbg.jpg) no-repeat top center; width:100%; height:100%; padding:0; margin:0; }

    Asked by rash2x,

    0 votes
    6 answers

  12. Подскажите советом как сверстать градиент?

    Вобщем есть такое чудо. И никак не приложу ума, как его лучше и правильнее сверстать. Спасибо за любую подсказку. Изображение

    Asked by faynoit,

    0 votes
    20 answers

  13. Вопрос о <textarea>

    Если есть поле <textarea>, как запретить его растягивание и разрешить только вертикальную прокрутку?

    Asked by chest,

    0 votes
    25 answers

  14. Смена текста при наведении

    Нужно правильно реализовать такую штуку: Есть ячейка таблицы ( <table><tr><td>Какой-нибудь текст</td></tr></table>), как правильно добавить атрибуты onmouseout и onmouseover к тегу <td>, чтобы при наведении мишки содержание изменялось на другой текст, ну и соответственно наоборот.

    Asked by chest,

    0 votes
    2 answers

  15. Футер и ширина страницы

    Использую для своего сайта такой трёхколоночный макет макет (шапка вырезана) <div style='margin-left:195px;margin-right:195px'> Основной контент </div> <div style='width:195px;position:absolute;top:0px;left:0'> Левый блок </div> <div style='width:195px;position:absolute;top:0px;right:0'> Бравый блок </div> <div class='footer'> футер </div> Контент в коде находится выше всего остального содержания. Возникли 2 проблемы. 1) Как прижать в данном случае футер к низу страницы. 2) Как установить min-width так чтобы блок с контентом не сжимался меньше указанного размера и не "заезжал" под правый блок(как он сейчас это делае…

    Asked by RiG,

    0 votes
    12 answers

  16. table align устаревшая конструкция?

    Sharepoint Пишет, что свойство table align="center" консорциум WWW счтиает устаревши. На что его можно поменять, что они считают современным?

    Asked by Rilo,

    0 votes
    3 answers

  17. background-color для a href

    <span class="menu-link active" id="ketubot"> <a href="index.php?page=ketubot">KETUBOT | ??????</a> </span> .active a { background-color: #E9D7B3; } Между словами разного направления (rtl и ltr) пробел, только в IE7. Попытка сделать background-color на отцовский блок не увенчалась успехом. Вот ссылка на страничку, меню на верху справа. Есть какие нибудь идеи? Заранее спасибо.

    Asked by Pumych,

    0 votes
    9 answers

  18. Как проставить пробел, по ширине равный цифре?

    Как проставить пробел, по ширине равный цифре? В Википедии обнаружил, что этот символ называется «FIGURE SPACE», но почему-то в Википедии он отображается не пробелом, а каким-то квадратиком. Даны коды этого символа в юникоде: 2007 и 8199. Как набрать этот символ через юникод? Зажимал Alt+2007 и Alt+8199 — не получилось. Странно, что так мало информации об этом пробеле, по крайней мере в русскоязычной части интернета. Про дефис, тире различной ширины, цифровой и другим видам черт — информации пруд пруди, а касательно этого пробела почти ничего и не писано. Использовать этот пробел я хочу в записи телефонного номера: +7 (123) 456?78?90. Чёрточки между цифрами равны по ширин…

    Asked by Гейка,

    0 votes
    11 answers

  19. Пропала колонка в хроме

    http://www.mdr-nn.ru/ Давно уже сдал, щас звонят клиенты - пропала средняя колонка в Хроме. Когда сдавал - проверял, всё было. Никак не пойму, почему ее не видно. Её разносит по вертикали, а содержимое не отображается. или посоветуйте анализатор типа FireBug для хрома?

    Asked by d0ublezer0,

    0 votes
    3 answers

  20. вертикальное выравнивание в input

    Всем привет. Такой вопрос как в ие выровнять по вертикали текст в инпуте. Код такой: <div class="searchResort"> <div style="width:158px; margin:0 auto;"> <form method="GET" action=""> <input type="text" id="searchResort" class="formSearchResort" value="Название курорта" onfocus="this.value = '';" onblur="if (this.value == '' || this.value == ' ') this.value='Название курорта' ; "> </form> </div> </div> ЦСС: .searchResort { background:#e5e5e5; height:33px; margin: 0 auto; } .formSearchResort { width: 138px; height: 33px; background:#e5e5e5 url('../img/formSearchResort.png') no-repeat; padding:0 10px 0 10px; border: none…

    Asked by blaga,

    0 votes
    4 answers

  21. CSS::Соседние селекторы.

    Добрый день. Решил выучить HTML и CSS. Учу по этому сайту. Очень нравится. Не могу разобраться со статьей "Соседние селекторы". Пример 11.1. В тексте и на картинке слово consectetuer должно отличаться в первой и второй строке. У меня же они и там и там красные http://bullvinkle.pp.ua/html.html Что это значит?

    Asked by bullvinkle,

    0 votes
    12 answers

  22. Java Script азы

    В свободное от работы время (к сожалению его так мало) изучаю книгу Дэвида Макфарланда "Ява Скрипт". Где то он даёт полные примеры скриптов, где-то кусочки. вот из такого кусочка в разделе "Изменение регистра строки" я попытался сам сделать работающий скрипт То, что в боди, написал я. Но независимо, пишу ли я "Барбот де Марни" или "аааа" выскакивает "Вы правы" Как заставить работать else? Я понимаю, что вопрос для вас примитивный, но после того, как я осилю еще страничек 50, вопросы будут сложней. Спасибо

    Asked by beze,

    0 votes
    12 answers

  23. ширина картинки

    подскажите,почему у меня не работает "width=100%" в опере? в мозилле работает,а в опере нет <img src="slog.png" "width=100%" "height=148px"> что неправильно?

    Asked by kira01,

    0 votes
    9 answers

  24. как сделать

    Добрый день всем.. нужно сделать чтоб когда открываешь страницу, она автоматически передвигается вниз. ну например к какой то новости, вот видео.. как видите там я сам передвигаю скроллер вниз, а надо чтоб он автоматически.. возможно ли такое? может надо как то верстку монтировать, используя параметр GET ? если да, то как это осуществить? Либо используя какие то java скрипты

    Asked by rash2x,

    0 votes
    9 answers

  25. Как корректно сдвинуть меню вправо. Валидатор ругаеться!

    68 #ja-container2 ul.menu li li a Ошибка разбора align="right" Как корректно сдвинуть меню вправо. Валидатор ругаеться! Сайт http://oceanglasses.ru

    Asked by Ramiz,

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