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. как сделать

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

    Asked by rash2x,

    0 votes
    9 answers

  2. Проблема с подключённым шрифтом

    Подключил шрифт, применил, всё хорошо, но, при указании резервных шрифтов, шрифт полностью меняется. И чем больше указано резервных шрифтов, тем сильнее меняется шрифт. Как-будто они сливаются. font-family: Road; /*всё отлично*/ font-family: Road, Tahoma; /*значительное изменение*/ font-family: Road, Tahoma, Times New Roman; /*сильное изменение*/ Кто-нибудь сталкивался с таким?

    Asked by mewcherry,

    0 votes
    2 answers

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

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

    Asked by kira01,

    0 votes
    9 answers

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

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

    Asked by swetlana,

    0 votes
    9 answers

  5. Java Script азы

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

    Asked by beze,

    0 votes
    12 answers

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

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

    Asked by bullvinkle,

    0 votes
    12 answers

  7. вертикальное выравнивание в 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

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

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

    Asked by d0ublezer0,

    0 votes
    3 answers

  9. 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

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

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

    Asked by Гейка,

    0 votes
    11 answers

  11. 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

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

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

    Asked by Rilo,

    0 votes
    3 answers

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

    Использую для своего сайта такой трёхколоночный макет макет (шапка вырезана) <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

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

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

    Asked by chest,

    0 votes
    2 answers

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

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

    Asked by chest,

    0 votes
    25 answers

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

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

    Asked by faynoit,

    0 votes
    20 answers

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

    Помогите пожалуйста исправить... вот код 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

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

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

    Asked by LostCost,

    0 votes
    3 answers

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

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

    Asked by Rilo,

    0 votes
    1 answer

  20. Проблема с 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

  21. Проблема с выравниванием всплывающих блоков в 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

  22. Квк сделать ротацию баннеров?

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

    Asked by anna-2010,

    0 votes
    2 answers

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

  24. Проблемы с отображение backgroun в IE

    Есть код вот css и html. Проблема в том что в IE установленные background в классах .bottom и .top не отображаются. В остальных браузерах все норм. В чем проблема, подскажите. .navigation{ margin-top: 10px; width: 236px; height: 270px; background: #84b2e6; } .navigation .top{ height: 41px; padding: 10px 0px 0px 0px; background: url('images/top-navigation.png')no-repeat; } .navigation .bottom{ height:19px; background: url('images/bottom-navigation.png')no-repeat; } .navigation h4{ color: #ffffff; font-family: sans-serif; } .navigation-menu{ list-style-type: none; color: #ffffff; padding: 0px 0px 0px 8px; } .navigatio…

    Asked by Pashkes,

    0 votes
    2 answers

  25. Flash-меню, фрейм и вывод в див

    Доброго времени суток! Уважаемые знатоки, к вам вопросы. Что есть:Структура сайта такова: 2 фрейма (под меню и под контент), в первом флеш-меню. Вывод в контент-фрейм прописано через флеш-меню в файле *.xml. Все работает, но вот по задумке заказчика по нажатию в меню на пункте какого-либо сотрудника, помимо информации о нем должна еще выводиться его фотография (выводиться должна в правом нижнем углу поверх фрейма, получается фон, затем фрейм и сверху фото). Есть задумка, чтоб фото в отдельном диве выводить, но вот не задача-как привязать появление картинки и клик по пункту флеш-меню сотрудника(на пункте уже весит открытие страницы сотрудника в *.xml файле) Что надо:1)ос…

    Asked by tuxis,

    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