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! И тем не менее, работает...

    Это простой пример страницы, где я впервые встретился с этим феноменом. Чтобы правый блок меню все-таки прилип к правому ребру браузера, пришлось написать следующее: text-align: right. position; Это не опечатка! Точнее, сначала было опечаткой, но, как видите, подействовало Что это? Сначала я решил, что это баг IE, но, как ни странно, работает во всех последних версиях Мозиллы и Лисицы... .right_menu { text-align: right. position; float: right; position: relative; } <ul class="right_menu"><li><a href="Umanskij_kotel.htm">Уманский котел</a></li> <li><a href="Krah_Blichkriga.htm">Крах Блицкрига</a></li> <li><…

    Asked by Мое Яблоко,

    0 votes
    18 answers

  2. Авто submit при выборе file

    Здравствуйте, знаю как реализовать с помощью jQuery: jQuery(function(){ $("#file").change(function(){ $("#form").submit(); }); }); но согласитесь что глупо ради такой простой задачи подключать целую библиотеку! Может кто подскажет способ без jQuery? Спасибо!

    Asked by Anechka,

    0 votes
    1 answer

  3. Авто высота ячейки li

    За 2.5 года работы не возникало потребности в этом, а сегодня в очередной работе понадобилось, и не знаю как лучше это реализовать, все объяснено в картинках. Нужно, чтобы ячейки маркированного списка по высоте равнялись на самую высокую ячейку!!! То есть в обычной ситуации будет так: Мне нужно так: Желательно решение, чтобы при это у ячеек оставалось обтекание(float) и не менялось значение display!

    Asked by Spamol,

    0 votes
    9 answers

  4. авто зумирование браузера

    Вопрос состоит в следующем: Например вот страница при разрешении 1280х800 Вот эта же страница при разрешении 1024х640 А вот страница при разрешении 1024х640 но при 75% То есть отображение страницы 1024х640 при 75% практически равно разрешению 1280х800 при 100%. Как сообщить браузеру пользователя о необходимости зумирования?

    Asked by maromaks,

    0 votes
    2 answers

  5. Авто ограничение ширины div

    Правая колонка используется для навигации, е? ширина зада?тся width: 350px; /*Width of right column in pixels*/ margin-left: -350px; /*Set left margin to -(RightColumnWidth) */ Левая колонка, основная (c контентом), зада?тся кодом: #contentwrapper { float: left; width: 100%; } #contentcolumn { margin-right: 350px; /*Set right margin to RightColumnWidth*/ } При вставке таблицы в основную колонку (левую) блок растягивается в полный размер экрана, что правой колонки вообще не видно. Поэтому есть кросс браузерный код для ограничения ширины блока: max-width: 650px; width: expression(this.offsetWidth > 650 ? "650px" : this.offsetWidth); Как сделать, чтобы максимальная ши…

    Asked by leogee,

    0 votes
    8 answers

  6. Авто расширяемый блок

    Здраствуйте, подскажите пожалуйста как сделать чтобы блок автоматически расширял родительский блок. У меня такая структура: <body> <div class="wrap"> <div class="content"></div> <div class="column-1"></div> <div class="footer"></div> </div> </body> css .wrap { width: 930px; height: 100%; background-color: #ffffff; } .column-1 { float: left; width: 15%; } .content { float: right; width: 75%; } Почему div.wrap не растягивается автоматически? Подскажите пожалуйста как сделать чтобы div.wrap был по высоте как содержимое div.content.

    Asked by zerg,

    0 votes
    2 answers

  7. Авто рястягивание Iframe по содержимому

    Есть галерея на jquery. Посмотреть тут. Фотка открывается в фрейме. Хочу туда же залипить контактовский блок с комментариями. Но вот незадача - div в котором открывает фрейм не растягивается по содержимому внутри. то есть появляется скролл при привышении высоты блока. Как можно это решить?

    Asked by salat,

    0 votes
    0 answers

  8. Авто-исправление адреса http://mysite.ru на http://www.mysite.ru через .htaccess

    Уважаемые, добрый вечер. Помогите, пожалуйста, написать строчку в .htaccess для авто-справления адреса http://mysite.ru на http://www.mysite.ru То-есть добавлять 'www' к URL-у если пользователь ввёл без www. Что бы было красиво, как у яндекса! Уже три дня бьюсь над инструкцией htaccess'a - не могу разобраться. Столько времени потратил ради одной строчки. Поделитесь, plz, если есть опыт. Заранее благодарен.

    Asked by Siteholder,

    0 votes
    3 answers

  9. Автовыполнение скрипта при загрузке страницы средствами XUL

    Собственно не нашел где вопрос по XUL задать, потому пишу сюда, как в раздел, где обсуждаются вопросы XML и ему подобных. Значит проблема такая - пишу плагин для Mozilla 4.0, уже написал js, который прекрасно работает, когда стоит в head'e страницы. Пытаюсь собрать xpi-шник для своей лиски, но вопрос упирается вот во что: Что нужно написать в xul-файле, чтобы скрипт начинал выполняться автоматически при загрузки любой страницы?

    Asked by chebog,

    0 votes
    2 answers

  10. Автовысота 100% у вложенных divов

    <body> <div id="wrapper1"> <div id="wrapper2"> <div id="wrapper3"> content </div> </div> </div></body>body, html { height: 100%; }#wrapper1, #wrapper2, wrapper3 { min-height:100%; }Вроде бы, wrapper1 должен быть минимально 100% высоким от размера окна, wrapper2 100% высоким от размера wrapper1, а wrapper3 100% высоким от размера wrapper2. На практике же эта цепочка обрывается на wrapper2, т.е. wrapper1 отрабатывает нормально и растягивается по высоте на всё окно, а wrapper2 уже только на высоту контента, который в wrapper3. Проблема в моём понимании того, как это всё работает? Вообще, такое можно заставить работат…

    Asked by adelante,

    0 votes
    2 answers

  11. автодобавление ссылки cайта на картинки

    помогите пожалуйста! строю свой сайт на Ucoz. Вот он . Мне нужно сделать так чтобы на каждуюю загружаемую картинку на сайт налогался бы адрес моего сайта как вот тут: видите в нижнем углу? мне так же нужно.. я честно в нэте искал ничего не нашел... Помогите..

    Asked by digo112,

    0 votes
    3 answers

  12. Автозаполнение форм

    Всем привет. Есть с таблица с товарами. И в последнем столбце хотелось бы сделать кнопку заказа, определенного товара, который соответственно первом столбце таблицы. Вот пример http://zenova.ru/category/vozduhoduvki/vihrevie-vozduhoduvki-seko-bl Но тут правда как корзина, мне нужно просто что в окне popup с формой, уже в теме заявки, был этот товар Заранее, Спасибо!

    Asked by Patrickk,

    0 votes
    6 answers

  13. Автозаполнение форм в Opera и Chrome

    Доброго времени суток, вот уже в который раз обращаюсь к вам за помощью.))) На этот раз проблема такая - Chrome и Opera не предлагают свои варианты заполнения полей формы по двойному клику (из тех что пользователь вводил раньше), хотя Mozilla отрабатывает нормально. Форма изначально лежит в коде страницы скрытая (style="display:none;"), по клику на ссылку всплывает ($('.winc_form').fadeIn(200), после того как пользователь ввел данные и нажал submit данные ajax-ом отправляются на сервер, js-ом на место этой формы вставляется текст что данные отправленны успешно и кнопка закрыть. По нажатию на закрыть div с формой пропадает, на место текста об отправлении опять становится …

    Asked by pro100set,

    0 votes
    10 answers

  14. Автозаполнение форм логина и пароля

    добрый день. столкнулся с проблемой автозаполнения, похожих тем не нашел. при первом заполнении в браузере гугл предлагает сохранить логин и пароль(сохраняю).(в остальных браузерах принудительно и та же проблема - пробовали на разных компьютерах) при повторном логине появляется автозаполение полей(1 автозапо-ние.jpg), выбрав доступные - заполняется только строчка логина.(2 автозапо-ние.jpg) в идеале хотелось бы что бы заполнялись обе строчки(логина и пароля) <div id="login" style="display: none" title="Регистрация"> <table><tr><td><span style="font-size: 15px">Имя пользователя:</span></td><…

    Asked by Cympak91,

    0 votes
    2 answers

  15. автомасштабирование сайта под разрешение экрана/размер окна броузера

    простой сайт html. имеется фон с нарисованными кнопками (бэкграунд), поверх — таблица с рабочей частью «кнопок» и проигрывателем uppod. Сайт работает исправно уже несколько лет. Спроектировал я его под 15' монитор своего ноутбука и был доволен пока не наступила эра планшетных компьютеров и «домашних кинотеатров». Подскажите — как проще сделать «автомасштаб» (то есть чтобы фон растягивался на весь экран, ну и таблица пропорционально фону). p.s.: При использовании Ctrl+ сайт масштабируется нормально (элементы остаются на своих местах/пропорционально увеличиваются, плеер растягивается). Есть несколько мыслей на этот счет но хочется узнать "как правильно" (-ней) прежде чем др…

    Asked by deFISH,

    0 votes
    4 answers

  16. автомат. изменение шрифта для текста (копир.)

    на новостной сайт копируются руками новостис др. сайтов...при копировании стиль шрифта сохраняется тем же, что и на сайте с которого эти новости копируются...админка не позволяет менять этот шрифт на который надо...вопрос...можно ли прописать в стилях каким-либо образом, что бы текст на сайте был одинаковым везде, не зависимо не от чего... p.s. в css e;t прописано body {font-family:verdana}

    Asked by EddieStyle,

    0 votes
    5 answers

  17. Автоматизация (парсер, скрипт, виджет и др.) с афишей сайта КУЛЬТУРА.РФ

    Уважаемые форумчане, подскажите, пожалуйста, парсер, скрипт, виджет или другое решение для размещения на сайте отдельной страницы или модального окна с информацией (фото + заголовок) от определенного автора с афиши сайта КУЛЬТУРА.РФ Какие есть варианты?

    Asked by Totalist,

    0 votes
    10 answers

  18. Автоматическая высота блока

    Посмотрите пожалуйста ссылку farfalla.com.ua/admin/add_cat.php Обратите внимания по центру сайта есть 3 блока. структура их такова. <div id="wrapper"> <div шв="header"> <!--header--> <div id="middle"> <div id="container"> <!-- #container--> <div class="sidebar" id="sideRight"> <div id="side_right_cont"> <!--siderightcont--> <!-- .sidebar#sideLeft --> <div class="sidebar" id="sideLeft"> <div class="side_left_cont"> <!--sideleftcont--> <!-- .sidebar#sideLeft --> <div id="content" > <!--content--> <!-- #middle--> <!-- #wrapper --> <footer> #wrapper { width…

    Asked by imediasun,

    0 votes
    2 answers

  19. Автоматическая высота блока при float объектах внутри

    Есть слой, внутри которого объекты, примерно так: <div id="wrapper"> <div></div> <div></div> <div></div> </div> <style type="text/css"> div#wrapper { border:1px solid #000; border-radius: 5px; } div#wrapper div { height:50px; width:80px; float:left; } </style> При этом, поскольку float:left элементы как бы немного выходят из общего потока, div#wrapper по высоте их не обёртывает, а нужно, чтобы обёртывал, показывая границу и тупо задать ему height нельзя, т.к. количество элементов внутренних может быть разное. Подскажите, пожалуйста, как такое делать. Может внутренние элементы сделать display:inline-block?

    Asked by adelante,

    0 votes
    5 answers

  20. Автоматическая мультибраузерная подгонка ширины div под картинку

    На страницу вставляются иллюстрации, они имеет комментарий внизу, и все это дело обводится рамочкой. <div class="illustration"> <img src="image.jpg"> Комментарий </div> Следующий стиль .illustration{ width: 540px; _width: 556px; text-align: center; border: 1px solid #B0B0B0; padding: 8px; } Это ныне работающий мультибраузерный вариант. Но хочется, чтобы можно было вставлять картинки не только стандартной ширины 540px, но и меньшей ширины. И чтобы при этом рамочка вокруг была всегда на расстоянии 8px, то есть чтобы div уменьшался по ширине. Проблема в следующем. Если поставить width:0, то в IE это работает, а в FF и в Опере нет. Каким об…

    Asked by extruder,

    0 votes
    3 answers

  21. Автоматическая нумерация строк

    Как всем известно, для добавления номеров строк используются теги OL и LI. Придумал, как обойтись без этих тегов с помощью counter и content и сделал занятный пример. <!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> <style type="text/css"> div.example { counter-reset: item; /* Обнуляем счетчик списка */ background: #f0f0f0; /* Цвет фона */ border: 1px solid #333; /* Параметры рамки */ } div.example p { margin: 0; /* Обнуляем отступы */ } div.example p:before { conte…

    Asked by Vlad,

    0 votes
    7 answers

  22. Автоматическая обрезка изображений

    Приветствую! Нужна помощь в следующем: - Имеем верстку в которой все картинки должны быть с одинаковой высотой и шириной. (для картинок задан width и height) - При загрузке некоторые фото непропорционально растягиваются, что не есть хорошо. Как сделать так, чтобы фото уменьшалось по заданным размерам и, если это требуется, часть картинки обрезалась?

    Asked by Wania,

    0 votes
    4 answers

  23. Автоматическая подстановка значения title в поле формы обратной связи

    Добрый день! Задача следующая. Сайт на движке Wordpress. Есть форма обратной связи. Она (одна и та же) ставится (шорткодом) на пару сотен страниц-записей. Когда пользователь пишет что-то и отправляет через эту форму, нужно идентифицировать источник запроса, чтобы админу было понятно, с какой именно страницы был отправлен запрос. Пока что я придумал только такой вариант - ввести "невидимое" (для пользователя) поле в форме обратной связи и в нем получать значение тега title или адрес исходной страницы. Как можно автоматически при отправке подставлять в такое поле значение title или линк? Либо буду рад альтернативному решению.

    Asked by Zondek,

    0 votes
    3 answers

  24. автоматическая расстановка переносов при "...justify"?

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

    Asked by glivera,

    0 votes
    7 answers

  25. Автоматическая смена картинок

    Помогите новичку, обыскал весь форум но такого не нашел, есть на джаве, но мне нужно на CSS задача по смене картинок, что нужно добавить в код: div.art-Header-png { position: absolute; z-index:-1; top: 0; left: 0; width: 980px; height: 209px; background-image: url('../images/Header1.png'); background-repeat: no-repeat; background-position: left top; } чтобы Header1.png сменялся на Header2.png (3,4,...) по таймеру или по случайному числу Заранее спасибо!

    Asked by pivovodka,

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