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. Зачем нужен position:relative ?

    Подскажите, зачем нужен position:relative? Мануал читал, но на практике зачем оно нужно так и не понял.

    Asked by Andrey44,

    0 votes
    7 answers

  2. Первостепенная защита сайта на PHP

    Продолжаю изучение защиты сайта. Недавно прочел несколько статей с предложением отключения некоторых функций PHP. Но так как хостинг у меня только виртуальный и возможности править php.ini нет Придется править .htaccess Подскажите, поправте что не так. Что вкл а что выкл ? Вот несколько директив / функций которые как я понял желательно отключить: safe_mode - проверяет владельца запущенного скрипта и если скрипт пытается открыть какой-либо файл - делает это с правами этого владельца php_admin_flag safe_mode on register_globals - Запретить создание глобальных переменных из пользовательского ввода если включена, переменные GET, POST, Cookie, Server будут регистриро…

    Asked by blacks,

    0 votes
    7 answers

  3. Коментарии влияют на верстку?! O_o

    Вот пример трехколоночной DIV вёрстки когда ставлю коментарии(см коммент <!--left -->) в коде то выползяют буквы за пределы правой колонки коменты убираю всё хорошо. Причём такое же я вление наблюдал и в другой вёрстке проверил тоже виноваты комменты. что за фигня ??? Проблему наблюдаю в IE 6 <!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> <title>Трехколоночный макет страницы с помощью CSS</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style> * {margin: 0;paddi…

    Asked by generator2003,

    0 votes
    10 answers

  4. Меню выбора select

    Подскажите пожалуйста как полностью скрыть меню выбора select

    Asked by Maskca,

    0 votes
    6 answers

  5. Смена картинок на странице

    Привет Подскажите, как можно сделать: вверху страницы большая картинка, под ней маленькие. Нажимая на маленькую она появляеться вместо большой. Очень часто встречаеться, но как сделать не знаю. На ум приходит только IFrame, но не хочется под каждую картинку создавать страницу html. Прошу помочь. Спасибо

    Asked by solarus,

    0 votes
    7 answers

  6. Text-decoration только для текста ссылки

    Прошу помочь. Как сделать так, что бы text-decoration:underline применялся исключительно к тексту находящемуся в ссылке. <a href=***.php" class="mb1"><img src="spacer.gif" width="30" height="30"> Заказ</a> в стиле: a.mb1:hover{ color: #c96a16; font-size: 11px; font-family: Arial; text-decoration: underline; background-image: url(m1b1_on.gif); background-repeat: no-repeat; background-position: top; display: block; }

    Asked by lyapiss,

    0 votes
    12 answers

  7. Анимация

    Я новичок в создание сайтов и хотел бы получить понятный человеческий ответ. Вопрос заключается в следующем: Как сделать так что-бы картинка появлялась на экране, затем опускалась вниз, а затем поднималась вверх?(иллюзия камеры двигающейся вверх и вниз) Если этого нельзя сделать кодом, какую программу лудше использовать?(в PhotoShop'е каждый фрейм прорисовывать очень долго или получается дёрганно)

    Asked by Brain,

    0 votes
    4 answers

  8. Как разместить картинки вертикально?

    Здравствуйте! Я новичок в HTML. Начав изучать столкнулся с такой проблемой: - нужно на сайте разместить картинки в четыре столбца(своеобразная матрица 4х4) - нужно обеспечить кроссбраузерность Должно получиться следующее: картинка - подпись - картинка - подпись - картинка картинка - подпись - картинка - подпись - картинка картинка - подпись - картинка - подпись - картинка

    Asked by free_bird,

    0 votes
    7 answers

  9. Создание тестов для эоудитов

    Вопрос, ко всем гуру, хочу создать у себя на сайте тесты, вопросы и т.д. но есть некоторые вопросы по их реализации. К примеру могу использовать мутод флажков, приведенный ниже. Но не могу врубиться как сделать, чтобы эта форма попадала на сервер ко мне на обработку. Помогите, советом. Также вопрос, как создать в html, кросворд кто может помочь буду благодарен. <!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> <body> <form action="handler.php"> <…

    Asked by MAXX-HAUS,

    0 votes
    7 answers

  10. Как заставить блок "толкать" ul

    Нужно сделать так, чтобы при уменьшении окна #adver "толкал" #navmenu, чтобы строки в нем переносились без указания ширины для #navmenu. Сейчас я обхожусь тем, что явно прописываю ширину, но это костыль. Если ширина не прописана, то при уменьшении #adver переносится на новую строку, #navmenu остается без изменений. Что делать? <div id="logo"> <img src="img/logo.jpg" width="109" height="144" alt="Логотип" /> </div> <ul id="navmenu"> <li><a href="#">Новости</a></li> <li><a href="#">Программы</a></li> <li><a href="#">Эфирная сетка</a></li> <li><a hr…

    Asked by lavr-ik,

    0 votes
    17 answers

  11. height 100% и шапка

    Здравствуйте! Сталкнулась с такой проблемой: <html> <style> html body { margin: 0; padding: 0; height: 100%; } </style> <body> <div style="height: 80px; width: 100%; background: #fa0">header</div> <div style="float: left; height: 100%; width: 150px; background: #0fa;">object tree</div> <div style="height: 100%; background: #a0f;">container</div> </body> </html> Суть ее в том, что появляется скролл на 80px, то есть на высоту шапки. Как от него избавиться и сделать object tree и container нормальной высоты (100%-80px). Заранее спасибо.

    Asked by AnyaRayne,

    0 votes
    34 answers

  12. Расстояние для тега <br>

    Подскажите пожалуйста, как можно уменьшить расстояние в теге <br>. Чтобы отступ был поменьше, чем стандартный. P.S. смотрел на сайте, там только для элементов <p> есть такая штука...

    Asked by mxm008,

    0 votes
    20 answers

  13. Только гор. прокрутка

    Нужно сделать чтобы в диве лежали картинки Н-ое количество и прокрутка была только по горизонтали, при этом ширина внутренностей дива была равной сумме ширин картинок.

    Asked by AnTiBAnnik,

    0 votes
    3 answers

  14. Подскажите пожалуйста...

    Я делаю сайт только на html и css. Css у меня в отдельном файле, то есть если я в нем что-то изменю, то это отобразится на всех страницах. А как сделать такое же для html ? Чтобы если делать изменения, они на всех страницах отображались. P.S Просто если у меня 50-60 страниц на сайте, и все вручную изменять, с ума можно сойти...))

    Asked by mxm008,

    0 votes
    8 answers

  15. Посоветуйте хороший русскоязычный редактор HTML

    сабж

    Asked by Zaharov,

    0 votes
    3 answers

  16. Проблема с width в IE7

    Такой я человек, что всегда пытаюсь решить проблему самостоятельно, не надеясь на окружающих... Но не в этот раз, вынудили таки мягкотелые обратиться к народу. Имеется трабл с width: 100%. Вот пара скринов: Дочерний блок Родительский. Html: <!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=utf-8" /> <link rel="stylesheet" href="templates/css/reset.css" type="text/css" /> <link rel="stylesheet" href="templates/css/main.css" type="text/css" /> …

    Asked by frol,

    0 votes
    3 answers

  17. Проблема с background

    Проблема с вёрсткой, в приложенном файле Скачать находится свёрстанная страница, при нажатии на кнопку (Контакты) Должно выплывать Модальное окно с обратной связью, вроде бы всё правильно работает НО ЕСТЬ ОДНО НО фоновая картинка не показывается(((( для этого элемента (div.overlay). Помогите с решением проблемы!

    Asked by Fata1ity,

    0 votes
    2 answers

  18. как реализовать такое навигацыонное меню

    вот решил сделать такое меню но немогу реализовать чтоб в рамках были фотографии(картинки)при нажатии на которые вызвалась загрузка требуемой страницы! у кого какие идеи? помогите! это для ucoz сайта

    Asked by svvoy,

    0 votes
    9 answers

  19. Правила синематики

    Недавно я наткнулся на новый термин - синематика. Я узнал что это такое, но не узнал какие есть правила. В интернете ничего хорошего не нашел. Пожалуйста раскажите что знаете про это.

    Asked by Fenix,

    0 votes
    21 answers

  20. Подсветка области area

    На большой картинке выделил область (area) в качестве ссылки на другой документ html: <img src="image.jpg" usemap="#karta"> <map name="karta"> <area href="doc2.html" shape="rect" coords="50,60,70,80"> </map> Как сделать так, чтобы при наведении курсора мышки на эту область выделялись (подсвечивались) ее границы? Что-то вроде этого необходимо: <div id="qaz" onmouseover="this.style.borderColor='orange'" onmouseout="this.style.borderColor='black'"> </div> CSS: #qaz {border:6px solid black;} Проблема в том, что у area нет этого самого border.

    Asked by Zaharov,

    0 votes
    1 answer

  21. проблема с border-bottom в браузерах отличных от OPERA

    Доброе время суток. Сделал свой первый макет сайта, но то что я задумал, нормально работает только в Opera. В остальных браузерах ни как не могу сделать. вот адрес по которому можно посмотреть страничку. Проблема в следующем. Есть навигация, при наведении курсора на ссылку, под картинкой должна появиться красная линия, но это происходит только в Opera, а в Safari v.3.2.1, Chrome v.3.0.196.0, IE 7/8 линия не видна, в Mozilla v.3.5.1 линия появляется, но ломает вёрстку. Подскажите, пожалуйста, как решить проблему.

    Asked by slo_nik,

    0 votes
    11 answers

  22. Вставить изображение в список

    А возможно ли вставить изображение в выпадающий список, допустим флажок около каждой страны?

    Asked by ganzales,

    0 votes
    1 answer

  23. Тэг открытия файла

    Собственно отписываемся по впросу. Плиз очень надо.

    Asked by SergANT888,

    0 votes
    9 answers

  24. Разбиение таблици на группы

    Всем привет. Вот ломаю голову над тэгами <colgroup> <col>. В литературе пишут примеры в которых при помощи этих тегов и CSS можно размечать таблици. Но на самом деле получается разметить только фон. Вот например этот код: <style type="text/css"> table {border:outset 1px; border-collapse:collapse} table caption {font:bold 14pt; color:#707070} table td {border:inset 1px; padding:3px} table colgroup#GROUP1 {width:10%; text-align:center; background-color:#F6F6F6} table colgroup#GROUP3 {width:15%; text-align:right} table colgroup…

    Asked by CoDy,

    0 votes
    2 answers

  25. Шапка сайта

    Всем привет! Столкнулся с такой проблемой... Есть шапка у сайта, состоит из 3-х картинок - левая и правая части фиксированной длинны, а средняя должна растягиваться. Но не знаю почему, мой код работает только в ФФ(полностью)... css: table.logo td.left-logo { background:url(../images/logo_part_1.png) no-repeat; width: 750px; height: 200px; } table.logo td.center-logo { background:url(../images/logo_part_2.png) repeat-x; width: 1px; height: 200px; } table.logo td.right-logo { background:url(../images/logo_part_3.png) no-repeat; background-position: right; height: 200px; width: 16px; } html: <table width="100%" border="0" cellpadding="0" cellspacing="0" class="logo">…

    Asked by RedEclipse,

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