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. Движек интернет магазина. Подскажите

    Посоветуйте движек инет магазина без замарочек. Уель- продажа стройматериала.. Можно плиз без холивара?

    Asked by romoga,

    0 votes
    6 answers

  2. Как правильно пользоваться тегом <input type="file"> ?

    Добрый день. мне нужно передать файл в функцию. Файл выбирается с помощью формы. <form enctype="multipart/form-data" method="post"> <input type="file" name="table"> <input type="submit" value="Отправить"></form><pre><?print_r($_POST);?></pre>После того, как я выбрал файл и отправил форму, массив POST пустой. Если отсылать форму методом GET, то <?print_r($_GET);?> выводит Array ( [table] => myfile.txt ) Получается, что кроме имени файла ничего не передается. А как получить содержимое выбранного файла?

    Asked by Koroed,

    0 votes
    2 answers

  3. Поля

    Приветствую, как мне сделать чтобы текст1 отображался справа от текст2 на расстоянии? Пример: Текст2: Текст1 Получается так: Текст2 Текст1

    Asked by Vans,

    0 votes
    2 answers

  4. Управление вкладками через CSS

    Добрый день, помогите разобраться с отображением вкладок. Есть две вкладки: Вкладка1 и Вкладка2. В вкладках содержится информация. В вкладке2 есть еще две вкладки: Вкладка3 и Вкладка4. На данный момент стиль настроен так, что отображается информация вкладок 2, 3, 4 на Вкладке1, а не должна. Ниже html и css код. html-файл: <!DOCTYPE html><html><head><meta charset="utf-8"><link rel="stylesheet" type="text/css" href="style.css" /></head><body><div class="tabsLink"> <a href="#tab1">Вкладка 1</a> <a href="#tab2">Вкладка 2</a></div><br /><a class="tabs" id="tab1"></a> <div class="…

    Asked by varfj54j,

    0 votes
    0 answers

  5. Наследование фона от другого элемента

    Столкнулся с такой проблемой. Хочу тегу с поиском задать второй фон тега body. Как лучше это сделать? Набросал пока такой код, но, естественно тегу с поиском наследуется первый фон body{ background: url(../images/header_bg.png) repeat-x, url(../images/bg.png); background-color: #f8f5c6; font: 13px Arial, sans-serif; color: #707070;}...<div id="search"></div>...#search{ width: 420px; height: 33px;}

    Asked by fantomic,

    0 votes
    3 answers

  6. Помогите найти ошибку в вёрстке

    Помогите найти ошибку в вёрстке Не могу понять природу белой полоски под превьюшками. Выяснил только, что картинки без полосок, где-то в вёрстке ошибка. Инспектором в хром найти не могу. вроде это не margin. просмотрел стили - ничего подозрительного применительно к a не нашёл. Возможно это делает js, но врядли. http://sherwood62.ru/photogallery/

    Asked by OlegALL,

    0 votes
    1 answer

  7. Проблема cо ссылкой

    Доброго времени суток друзья! Первый раз взялся что то пытаться сверстать. Естественно сразу проблема. Вот проблема: В правом нижнем углу фотографии - ссылка(будущий логотип) EnjoyTrip. Собственно проблема в том, что при нахождении курсора чуть ли ни на моём лице, он уже меняется на ссылку. Т.е. находясь очень далеко от ссылки, он её уже видит. Вот код: <!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" type="text/css" href="sty…

    Asked by fa_t,

    0 votes
    4 answers

  8. Проблема с блоками в таблице

    Парни, помогите решить вот такую проблему http://prntscr.com/2oxuoi Зеленые полоски (что я указал красной рамокй) должна быть по высоте ячейки, в зависимости от height ячейки таблицы. Код вот такой: <table class="char-table-two" ><tr><td><span>Ширина</span></td><td><span>мм</span></td><td><span>646<br />646<br />646<br />646</span></td></tr><tr><td><span>Глубина</span></td><td><span>мм</span></td><td><span>530<br />530</span></td></tr> </table> .char-table-two { b…

    Asked by _Alexanred_,

    0 votes
    4 answers

  9. Выпадающий список, однако

    Всем привет. Подсобите, пожалуйста, с одной проблемой. Как вставить в шапку, выполненную в форме таблицы(одна пара<tr>) выпадающий список. Или как поднять картинку вставленную в <ul>, при том расклада что она стоит в ряд, с более большими по высоте элементами. Если не затруднит, то дайте, чистый код с комментариями, мне так будет проще его оптимизировать. Заранее благодарю

    Asked by oxion,

    0 votes
    3 answers

  10. Нечитаемый код в CSS. Можно ли это исправить?

    Здравствуйте! В шаблоне для Joomla понадобилось править CSS-файл. Но он видимо оформлен без перевода строк. Открывал в разных редакторах, в том числе Dreamweaver. Выглядит везде одинаково нечитаемым. Подскажите пожалуйста, как это можно исправить, чтобы получить читаемый код? Выглядит это так:

    Asked by Anatuz,

    0 votes
    1 answer

  11. Посоветуйте слайдер

    Здравствуйте посоветуйте слайдер, такой как на картинке, но чтобы картинки внизу делались автоматически, то есть ресайз чтобы делался, чтобы не нужно было делать дополнительных картинок.

    Asked by alacka,

    0 votes
    1 answer

  12. Абсолютное позиционирование.

    Помогите пожалуйста понять почему вот в этом уроке: http://htmlbook.ru/css/hover, в примере 2, в селекторе li ul, абсолютное позиционирование подменю получается относительно li a. Если убрать margin, из свойств margin-top и margin-left, то позиционируется относительно экрана. Почему margin так влияет?

    Asked by webded,

    0 votes
    4 answers

  13. Прижатие футера к низу

    В общем, впервые столкнулся с данным требованием. Вообще оно типичное, но я на нем споткнулся. Просто здесь немного другая ситуация, поэтому Google не помог. Дело вот в чем. Есть фиксированной высоты header. Допустим, 100 пикселей. И div, в котором контент. При том самого футера нету, только контент и шапка. Надо при недостаточном кол-ве контента (т. е. когда он не занимает высоту больше размера экрана) средствами CSS растянуть блок контента на всю оставшуюся высоту, с учетом шапки, чтобы ей хватило места, но при том без calc. То есть типичное прижатие футера к низу, но вместо футера - низ основного блока.

    Asked by iKNG,

    0 votes
    9 answers

  14. Картинка

    Приветствую, как вставить картинку в li? чтобы в каждом li была своя картинка.

    Asked by Vans,

    0 votes
    10 answers

  15. (прошу проверить на разных устройствах)

    здравствуйте. вот сайт: http://sarnjak.myjino.ru/ есть 3 стиля - загружаются с помощью медиазапросов в зависимости от ширины экрана: >1700 px >1300 px >0 px у меня на всех устройствах (PC, ноутбук, планшет на Android) открывается корректно - но эмуляторы по разному отображают, поэтому уверенности нет вот как должно быть/как отображается у меня: https://www.dropbox.com/sh/4u6n6d4ir2lamf6/r_fmUyn-w5

    Asked by sarnjak,

    0 votes
    0 answers

  16. идентификатор занимает больше места в 10 раз, чем класс?

    http://yadi.sk/d/RJ42myReH9yqN

    Asked by DivMan,

    0 votes
    3 answers

  17. Шрифты, однако

    Здравствуйте. Такой вопрос, как прописать шрифты для отдельной части страницы, при двух раскладах. 1)Шрифты не являются стандартными для всех ОСей и тем более браузеров 2)Чтобы два <h1></h1>, к примеру имели разные шрифты. Заранее благодарю

    Asked by oxion,

    0 votes
    4 answers

  18. Формы

    Формы верстать с использованием таблиц или только с использованием CSS????

    Asked by DivMan,

    0 votes
    3 answers

  19. Дайте направляющую новичку :)

    Здравствуйте уважаемые форумчане! Вчера посмотрел краткий видеокурс по верстке html+css, сегодня уже хочется самому делать, практиковаться) Не знаю почему, но читая техническую (сухую) литературу у меня в голове ничего не укладывается.. А вот практика другое дело. В общем, не буду утомлять вас, мне нужен PSD макет. Легкий (!), для уровня "Новичок". Поиском пользоваться умею, просто в таком количестве PSD файлов не могу разобраться с чего начать, какой из них легкий.. Спасибо за любую помощь, подсказку !

    Asked by CroaToa,

    0 votes
    17 answers

  20. Выравнивание последней строки

    Как сделать выравние последней строки так, чтобы картинки шли под позицией верхних, а не как для центра и не пойми как по всей ширине: center: http://jsbin.com/ogiPEgiS/1/edit justify: http://jsbin.com/otavaFIQ/2/edit Т.е. выравнивание должно быть по центру. 3яя строка должна быть в той же позиции что и 2ая, только без 3его элемента.

    Asked by TrueMax,

    0 votes
    11 answers

  21. фиксирование баннеров и изображений / HTML, CSS

    помогите решить проблему! поставил фон по центру при изменении величины экрана фон перемещается в центр но баннеры и другие картинки не остаются на том же месте относительно фона как можно решить проблему? ссылки на изображение http://ru.html.net/forums/download/file.php?id=737 http://ru.html.net/forums/download/file.php?id=736 код ниже таблица - это меню <style type="text/css">body { background-image: url(fona.jpg); background-repeat: no-repeat;background-position: 50% 0%;</style><style>html { overflow-x: hidden;}div { height: auto; }</style> <div><table width="100px" height="958px" cellpadding="1" cellspacing="0px" align="center"…

    Asked by yellowyellow,

    0 votes
    2 answers

  22. Оформление оглавления (содержания) в большой статье без id и class

    Необходимо реализовать содержание статьи с хештегами (якорями) на определённые участки одной страницы. В данном случае имеется содержание, в котором подзаголовкам нужно присваивать идентификатор (id). Код содержания: <ol><li><a href="#nav1">Область применения и виды</a></li></ol>Поэтому подзаголовки сейчас имеют такой вид исходного кода: <h2 id="nav1">Область применения и виды</h2> Имеются страницы объёмом от 5000 символов и выше. Нужно сделать подзаголовки чистыми, без идентификаторов (id) и классов (class), и имели такой исходный код: <h2>Область применения и виды</h2>Коллеги, подскажите пожалуйста, можно ли…

    Asked by efendi,

    0 votes
    3 answers

  23. Рамка в шапке сайта из DIV с меняющимися картинками внутри

    День добрый! Пытаюсь сделать нечто вроде рамки в шапке сайта в которой будут крутиться картинки (слайдшоу), но пока что-то не очень получается, видимо из-за того что совершенно не умею работать с div версткой. Вот то что получилось накидать: <div style="width: 1135px; height: 376px; position: relative;"> <div style="float:left; width: 80px; height: 376px; background:url(left.png); background-repeat:no-repeat;"></div> <div style="float:right; width: 90px; height: 376px; background:url(right.png); background-repeat:no-repeat;"></div> <div style="position: absolute; top: 0; height: 80px; width: 965px; background:url(top.png); ba…

    Asked by Gnome.su,

    0 votes
    4 answers

  24. Вложенность в CSS

    Помогите, пожалуйста, разобраться: Пример Суть: в классе b1 есть "background-color:#cccccc;". Но это же свойство влияет и на ссылку в b2, если нажать мышь и не отпускать. Что я делаю не так? Как избежать влияния свойств ссылок в b1 на b2?

    Asked by Artlive,

    0 votes
    2 answers

  25. Проблема с горизонтальным меню

    Приветствую, проблема такая. Есть фиксированный menu <header> <div class="game_title"> <span> TEXT TEXT </span> </div> <div class="header_panel"> <div class="panel"> <menu> <li><a href="">TEXT TEXT</a></li> <li><a href="">TEXT/a></li> <li><a href="">TEXT</a></li> <li><a href="">TEXT</a></li> <li><a href="">…

    Asked by Stricker,

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