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. Не работает мобильное меню

    Всем привет. Сделала мобильную версию меню , при открытии сайта на небольшом экране появляется мобильное меню, но оно не открывается. Помогите разобраться в чем причина. https://jsfiddle.net/2dcah0fL/

    Asked by garmoni,

    0 votes
    19 answers

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

    Приветствую! index.html: <div class="str1"><span class="cpu">Центра́льный проце́ссор.</span></div> css: .str1 { width: 100%; height: 100px; background-color:#3399ff; background: linear-gradient(130deg, #3399ff 50%, #ffffff 50%); } .cpu {border:0px solid red; color:#3399ff; font-size: 40px; line-height:100px; margin-left: 600px;} ================================================================ При просмотре на разных мониторов с разным разрешением, происходит следующие: На разный текст, не обращайте внимание, нужно как-то правильно оформить , посмотрите код и напишите правильный.

    Asked by Нуб,

    0 votes
    19 answers

  3. <!DOCTYPE html> 

    При использовании <!DOCTYPE html> получается кака . Если убираю эту строчку из html-файла, то все прекрасно получается, так как и задумывалось. Эффект, которого надо достичь при наведении курсора. Использую сброс стилей, но с <!DOCTYPE html> есть непонятные отступы (на первой картинке видно после заголовка) и выше описанная ерунда. Перебирал по отдельности каждый стиль, ничего не помогло, кроме удаления <!DOCTYPE html>. На сколько я понимаю, <!DOCTYPE html> нужен, чтобы небыло неразберихи, а тут именно с ним неразбериха. В чем тут смысл.

    Asked by Андрей7000,

    0 votes
    19 answers

  4. тег "потенциального" переноса слова

    Помнится когда-то давно попадался мне тег, позволяющий совершать перенос слова, в том случае, если оно не помещается в строку. Пишешь типа: Десять синхро<teg>фазатронов И в браузере соответственно если слово укладывается в строку, то оно пишется сплошняком без дефисов, а если не укладывается то переносится: Десять синхро- фазатронов. Подскажите, пожалуйста, что это за тег... Или он мне приснился?

    Asked by CitRUS,

    0 votes
    18 answers

  5. Прозрачный фон

    Здраствуйте! Моя проблема вот в ч?м: у меня есть общий большой фон и маленький фон уровнем выше, который необходимо сделать прозрачным. Как здесь: http://customize.ru/screens/templates/1003...o_Portfolio.jpg. Прич?м, он(маленький фон) должен просвечивать, независимо от того, какой фон ниже. Т.е. я не могу просто наложить его в Фотошопе вручную и увеличить прозрачность. Общий фон будет указываться пользователем. Это возможно? Спасибо!

    Asked by Отто-Могер,

    0 votes
    18 answers

  6. FAQ по Smarty

    Итак, разные советы, трюки и рецепты по Smarty. Кто что знает, кидайте сюда. Как сделать, чтобы на всех страницах логотип был ссылкой на главную, а на главной, чтобы ссылки не было? Используем переменную $smarty.server.REQUEST_URI и проверяем ее значение на "/", что и будет соответствовать главной странице. {if $smarty.server.REQUEST_URI != "/"} <a href="/"><img src="/images/title.gif" width="213" height="60" border="0" alt="htmlbook.ru"></a> {else} <img src="/images/title.gif" width="213" height="60" alt="htmlbook.ru"> {/if} Как сделать, чтобы автоматически заполнялся значением какой-то параметр HTML-кода? Надо сделать следующее. Если есть знач…

    Asked by Vlad,

    0 votes
    18 answers

  7. проблема с фоном

    постановка задачи следующая: есть такой макет. необходимо реализовать для доктайпа quot;-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> чтобы div.one и div.two растягивались на всю высоту окна браузера. Буду благодарен за любую идею по реализации. Совершенно не имеет различия таблицами или дивами. Главное, чтобы работало.

    Asked by vr201,

    0 votes
    18 answers

  8. target="_blank" или чем его заменить?

    Пройдясь по форуму, я заметил, что им крайне не рекомендуют пользоваться... Вопрос: почему? И чем можно заменить?

    Asked by Titan,

    0 votes
    18 answers

  9. Меню на css

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

    Asked by okunev2,

    0 votes
    18 answers

  10. SOS! Друзья, помогите "чайнику" , на примерах, создать html стр.

    Друзья, помогите "чайнику" , на примерах, создать html стр. из нескольких документов. Отдельно для текста, гл.меню и нижнего. СПАСИБО!!!!!!!! !!!!!....Сделать отдельное меню, чтобы без проблем можно было менять. Страниц много и бегать по всем тяжело. Vlad, хочется создать именно такие страницы и разобраться в этом. А Dreamweaver у меня 4 версия. Нужно бы 8. Где скачать бесплатно?

    Asked by Fanat075,

    0 votes
    18 answers

  11. Помогите сделать...

    Помогите пожалуйста сделать красивую страницу выбора языка!

    Asked by vvsh,

    0 votes
    18 answers

  12. Измененный календарь

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

    Asked by RekShak,

    0 votes
    18 answers

  13. ссылка в форме

    Есть вот код, он выводит форму в которой есть кнопка и при нажатии которой происходит действие, как сделать вместо кнопки ссылку (a href =), чтобы при нажатии ссылки действие точно так же срабатывало как у кнопки? Этой же ссылке можно будет присвоить класс css для оформления? <form> <form action="#" method="post"> <input type="text" name="pole1" value=""> <textarea name="message" wrap=virtual></textarea> <input type="hidden" name="opi" value="ds"> <input type="submit" name="submit" value="Отправить"> </form>

    Asked by okunev2,

    0 votes
    18 answers

  14. Подскажите: как сделать в CSS такое?

    Здравствуйте, подскажите как можно сие реализовать посредством CSS: 1) Заглавная буковка другим цветом - РЕШЕНО 2) Оранжевая полоса - НЕ РЕШЕНО

    Asked by werdi,

    0 votes
    18 answers

  15. hover под ссылкой изображение

    Как на css сделать, чтобы при наведении на ссылку, под ней было жирное подчеркивание, которое выводилось картинкой, может по другому? Типа:

    Asked by okunev2,

    0 votes
    18 answers

  16. Резиновая Верстка шапки

    Шапка состоит из 2 строк так сказать...В первой отображаются кнопки (картинки а не фон) во второй: меню слева, правее от него банер и еще правее-еще картинка (все одной высоты, ширина баннера -резиновая, а меню и самой правой картинки-фиксированная)...на рисунке общий шаблоник...

    Asked by Vlad111,

    0 votes
    18 answers

  17. DOCTYPE

    Ерунда получается, если вставит DOCTYPE в самый верх, первой строкой. то низ страницы поднимается вверх, хотя страница должна заполнять все пространство... Уродливо выходит. А если DOCTPE поставить под то не проходит проверку валидатора. Что делать?

    Asked by Cyrax,

    0 votes
    18 answers

  18. !!Помогите ПЛИЗ! Нужна страница регистрация пользователей и инфы о них

    Помогите ПЛИЗ! Нужна страница регистрация пользователей и инфы о них... Можете выкинуть код этих страницы, думаю разберусь, а лучше пару подсказок выдайте! Буду благодарен!!

    Asked by MAXIMKA,

    0 votes
    18 answers

  19. как сделать текст прозрачным

    всем здравствуйте, есть такой код <div class='block_1'> <div class='block_2'> <span class='text'>какой то текст</span> </div> </div> скажите как сделать, так чтобы текст обезцветился и пробил фон дива с классом 'block_2', так чтобы был виден фон дива с классом 'block_1', это дело я уже гдето видел но только не могу вспомнить где, поэтому знаю что это реально, подскажите пожалуйста как это сделать.

    Asked by scuter,

    0 votes
    18 answers

  20. не работает background color

    Вопрос, когда подключаю к divам, CCS не работает background color, в чем может быть, причина? Вот стили: #line3 { background-color: #5B3403; float: left; width: 100%; height: 5px;}

    Asked by Bach,

    0 votes
    18 answers

  21. "Умные" таблицы

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

    Asked by Raf,

    0 votes
    18 answers

  22. Помогите новичку.

    Всем привет, я только начал изучать язык CSS и у меня сразу возникла проблема с выводом результата в разных браузерах. Итак: Создал отдельный файл style.css В нем написал простые команды: h2 {color:green;} body {background-image:url(bg_img.jpg);} Затем присоеденил этот файл к HTML файлу следующим образом: body итд. Внимание Знатоков вопрос! Открываю свою страницу в IE6, IE7, все прекрасно работает. Открываю ту же страницу в Firefox 2.0.0.14 команды стилей не работают, виден только результат из HTML текста (актуализировать страницу пробовал ). Внимание вопрос! Что я не учел, почему в Firefox не работает :| ? Зарание благодарен за помощь Klock :cool: .

    Asked by Klock,

    0 votes
    18 answers

  23. Использование сущностей типа &mycolor;

    Три разных заказчика сознательно захотели использовать один и тот же дизайн на своих страницах. Надо только поменять некоторые цвета и ширину элементов. Теоретически вроде бы можно сделать так: Задаём определяемую сущность: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!DOCTYPE html <!Entity mycolor #999999> > и дальше в тэгах <table color=&mycolor;> и всё ДОЛЖНО работать, но НЕ работает. Правильного синтаксиса ни для DocType, ни для Entity я не нашел (потому что не знаю, где искать). Google дал кучу ссылок, но всё на XML. Вот и подскажите, плиз, как можно задат…

    Asked by AlexAdmin,

    0 votes
    18 answers

  24. Равномерное распределение блоков по горизонтали

    Всем здрасти. На днях столкнулся с совершенно не ориднарной (для меня) проблемой. Попробую объяснить суть на примере. Есть блок, ширина которого меняется. Внутри него нужно равномерно распределить 5 картинок шириной в 50px каждая, причем так, чтобы левая картинка была прижата к левому краю (без отступов), правая - к правому, а 3я была бы точно по центру. В добавок к этому расстояния между картинками должно быть одинаковым. Все, что я сумел придумать, либо дает отступы у крайних картинок, либо не одинаковые расстояния (

    Asked by @LEXXX_NF,

    0 votes
    18 answers

  25. 8 сторон %(

    Здравствуйте. У меня следующий код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>123</title> <style type="text/css" media="all">@import "style.css";</style> </head> <body> <table height="700" width="100%" border="2"> <tr> <td align="center"> <div class="block" align="center"> <div> Текст... </div> </div> </td> </tr> </body> </html> Выглядит так: Как мне добавить ещё картинки по углам и в верхней и нежней части? (Хочу сделать как здесь http://webimg.ru/ ) Код CS…

    Asked by Cloack,

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