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. глючит сайт в IE6

    Сайт*** там меню и бэкгроунд глючит в IE6 Используется iepngfix в файле тилей он вызывается .png{behavior:url(js/iepngfix.php)} вот содержимое iepngfix.php <?php // Use this file in your CSS in place of the .HTC file if it works offline but not online. // It will send the correct MIME type so that IE will execute the script correctly. header('Content-type: text/x-component'); include('iepngfix.htc'); ?> Во всех браузерах и во всех версиях работает, только в IE6 и младше такой глюк. Еще ошибка на сайте Access is denied: http://www.crocustours.ru/js/iepngfix.php

    Asked by SoFuWa,

    0 votes
    4 answers

  2. Глючит скрытие/отображение строки таблицы через JavaScript

    Я попробовал через JavaScript (display = none | block) сделать так, чтобы в громоздкой таблице строки скрывались и появлялись при нажатии на нужные линки. Скрывается хорошо, но вот появляется строка, целиком вложенная в первую ячейку. Такое поведение наблюдается в Opera 9.64 и FireFox 3.0.7. В IE8 всё нормально. Как реализовать задумку?

    Asked by Webr,

    0 votes
    3 answers

  3. Глючит фон

    Всем привет. Пришёл с очередной проблемой. Есть задача сделать фон в виде картинки, у дива .bg, который должен быть всегда растянут на 100%. Если окно браузера развернуто на весь экран - то вопросов нет. Всё хорошо. Но если окно браузера не весь экран, то возникает глюк, с пустым пространством. Сразу скажу, что поиски не увенчались успехом, т.к. не смог сформулировать запрос Поддержка IE6 - не нужна. Решение в виде таблицы с одной ячейкой - не устраивает. Вот код: CSS .bg { background: url('/fence.png') transparent 0 0 repeat-x; margin: 0 auto; max-width: none; min-width: 960px; padding: 80px 0 20px 0; position: relative; width: 100%; } .spec { margin: 0 auto;…

    Asked by HUNTERxp,

    0 votes
    2 answers

  4. глючит фон

    подскажите пожалуйста что делать див shapka почемуте неадекватно работает далее привожу код CSS .shapka { background: url('image/vse.jpg'); height:300px; } HTML <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="index.css"> <title>Договор</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <div class="shapka"> </div> <div class="knopki"> <a href="index.html"><img src="image\dom.jpg" ></a> <a href="bet.html"><img src="image\bet.jpg" ></a> …

    Asked by voin545,

    0 votes
    2 answers

  5. Гляньте плз в IE 8

    http://otdyhiturizm.ru/ У меня норм отображается, у заказчика нет. IE8 Пожалуйста, сделайте скриншот. Чтобы понять у кого браузер глючит.

    Asked by aTei,

    0 votes
    3 answers

  6. Говорят вылазит граница на картинке

    http://awesomescreenshot.com/0a42tqoy05 Вот так, а это обычная картинка. У себя не наблюдаю подобного бага, даже при разных масштабах, но в хроме другие люди под мак осью и виндой наблюдают. http://html2css.ru/travel4/

    Asked by Zverushka,

    0 votes
    7 answers

  7. Годиться ли такая форма?

    Годиться ли такая форма? Подскажите пожалуйста ошибки, если они есть. И можно ли по другому сделать? http://codepen.io/anon/pen/tigle?editors=110

    Asked by Roger,

    0 votes
    13 answers

  8. Голова отдельно, тушка отдельно - вопрос по таблицам.

    Доброго времени суток. Есть проблема - шапка таблицы и тело таблицы находятся в разных блоках (во всем виноват аякс если чо =)) ) Тушка таблицы резиновая (на данный момент времени), а как сделать так что бы столбцы шапки таблицы всегда имели такие же размеры как и столбцы тушки таблицы? З.Ы. Вопрос в догонку - часть информации в паре столбцов иногда не влезает в ячейку и хотелось что бы информация которая не влезет просто заменялась (троеточием) - как такое сделать? Благодарю за ответы.

    Asked by doom,

    0 votes
    6 answers

  9. Голова, Футер - "прибиты", Контент - все что осталось между

    Всем здрасте. Есть такой макет: ссылка. Суть такая: нужно голову и подвал зафексировать в верх/низ, а контент что бы всегда занимал высоту (абстрактно): contentHeight = viewport.height - footer.height - head.height; и что бы он был между головой и подвалом. Все, что мне пришло в голову - это растянуть блок с главным контентом абсолютным позиционированием (top: head.height, bottom: footer.height). Дальше мне нужно, что бы содержимое внутри блока с контентом центрировалось с определенной шириной. для этого ставлю еще один блок внутри, назначаю ему ширину и margin: 0 auto, а также height: 100%. При этом все гуд, но кроме осла версии 7. Че далеть? Может у кого есть идеи как …

    Asked by paska,

    0 votes
    11 answers

  10. ГОЛОВОЛОМКА С ВЕСТКОЙ СЛОЕВ И ФРЕЙМОВ

    Здравствуйте дорогие форумчане подскажите пожалуйста в чем мои ошибки или как можно лучше реализовать мою задумку во всех браузерах при разрешении 1024*768 все скачет при разрешении 1440*900 шапка впорядке нижние фремы все равно косячат. необходимо чтоб вся инфа на странице была динамичной(при изменении разрешения картинки уменьшались вот как тут http://саманта74.рф/ вот код подскажите пожалуйста <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> <script type="text/JavaScript" src="index/k…

    Asked by Aleksandrid,

    0 votes
    2 answers

  11. Головоломка с отображением исходного кода

    Имеются три блока. Например: HTML <div id="container"> <div id="block1"> <h2>Блок №1</h2> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including v…

    Asked by vadimon,

    0 votes
    4 answers

  12. Голосование Да/Нет на DLE. Кто нибудь видел подобное?

    Я хочу подобное сделать на DLE. Но там говорят, что нужно делать "хак"... а нельзя обойтись css+php+БД? Просто с DLE знаком 3-е суток.. а там везде хаки-хаки-хаки.. Вроде легкая DLE но эти "хаки" уже раздражают.. Слово паразит у форумов по DLE.. Вопрос в том, кто нибудь сталкивался с подобным примером? Чтобы потом переделать под себя.

    Asked by Guest Feniks000,

    0 votes
    0 answers

  13. Голосовой поиск на сайте

    Подскажите, возможно ли реализовать голосовой поиск на сайте? Вот такой http://prntscr.com/55pwhl Копал в Нете, есть примеры, полно, например http://www.instantcms.ru/blogs/primochki-dlja-instantcms/golosovoi-poisk-po-saitu.html также http://www.askdev.ru/blog/webdev/51/%D0%93%D0%BE%D0%BB%D0%BE%D1%81%D0%BE%D0%B2%D0%BE%D0%B9-%D0%BF%D0%BE%D0%B8%D1%81%D0%BA-%D0%B4%D0%BB%D1%8F-%D1%81%D0%B0%D0%B9%D1%82%D0%B0/ Но это все старое и не работает, внедрял. Кто сталкивался с такой задачей, подскажиет как реализовать.Может есть мримеры сайтов, где это реализовано (кроме Гугла главной), подкиньте. Спасибо.

    Asked by _Alexanred_,

    0 votes
    2 answers

  14. Гориз. полоса прокрутки.. почему и как убрать.

    Вот появляется горизонтальная полоса прокрутки из-за блока "h1" и его параметра left:.. Как е? убрать? Вот весь код странички: <!--RU/index.htm--> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <body id="body"> <STYLE TYPE="text/css"> body{margin:0; padding:0; border:0;} A img{text-decoration:none; border:none;} A:link {text-decoration:none; font-size:16px; color:#CCCCCC;} #general { background-image: url(images/fanfan.jpg); background-position:left top; background-repeat: no-repeat; height:1000px; border:0; overflow-x:hidden; overflow-y:auto; } #lang_selector {width:60px; height:35px; position:absolute; top:5px; right:0px; …

    Asked by Accessdenied,

    0 votes
    3 answers

  15. горизонатльное меню

    Здание у меня сверстать вот такое меню: С а:ховер, a:актив и всем делами. Сверстать кончено можно, но мне мерещиться очень много стилей.. (по три для каждой кнопки + ещё 3 для кнопки home) Как бы вы сверстали, максимально просто и минимум кода? http://s012.radikal.ru/i320/1011/72/55fa12c7921f.jpg

    Asked by cardsmoney,

    0 votes
    2 answers

  16. Горизонатльное меню с равными по ширине пунктами в процентах без таблиц

    Никак не соображу откуда в Хроме, Сафари, Опере и IE 6 берётся отступ в последнем пункте. В IE 7 и 8 нормально, в ФФ 3.6 и 4 тоже. /*тут куча тегов*/{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none; } body { width: 100%; max-width: 960px; font: 14px/18px Arial, Helvetica, sans-serif ; margin: auto; } ul { border: 3px solid #f60; overflow: hidden; zoom: 1; margin: 6px 0; background: #f90; font: 16px; } li { float: left; width: 20%; } a:link { color: #000; } a:visited { color: #c30; } li a { text-align: center; display:block; border-left: 1px solid #f…

    Asked by KooL,

    0 votes
    15 answers

  17. горизонт Выравнивание текста в SELECTE

    Подскажите, пож, как в Selecte сделать так, чтобы слова - были прижаты к левому краю, а числа - к правому ?

    Asked by Zlataprof,

    0 votes
    4 answers

  18. Горизонтальная верстка.

    Надо горизонтально сверстать страницу. Есть основной блок (id="main") и блоки поменьше (class="block"), шириной и высотой равные ширине и высоте страницы: <div id="main"> <div class="block"> ... </div> <div class="block"> ... </div> <div class="block"> ... </div> <div class="block"> ... </div> ... </div> Как при помощи css сверстать так, чтобы блоки class="block" стояли друг за дружкой по горизонтали, даже если выходят за границу экрана? P.S. В интернетах рецепт при помощи javascript изменять ширину основного блока и float:left для блоков поменьше. Не хотелось бы использовать javascript...

    Asked by Atilla,

    0 votes
    2 answers

  19. Горизонтальная галерея

    Хочу сделать вот такую галерею. Изображения идут одни за другим в один горизонтальный ряд. У меня на сайте они не выравниваются, хотя стоит float:left; На сайте стоит ширина width:100%, если поставить фиксированную ширину на блок с изображениями - например 7000px, то они становятся в один ряд, но нет горизонтальной прокрутки. Подскажите как выйти из положения. Это мой сайт.

    Asked by nagrebnoy,

    0 votes
    4 answers

  20. Горизонтальная линия (разделитель в вертикальном меню)

    Здравствуйте! У меня проблема и заключается она вот в чём. есть меню, допустим такое(без стилей): яблокоарбуздынякаменьЯ хочу разделить их горизонтальной линией (картинкой) - Создал картинку 2х2. И думал использовать <hr>, но вот печаль, если в CSS писать этот нубо-код: hr {background: url(img/hr.png);width: 150px;}, то это не работает так как мне надо. Что бы было более понятно, то я сделал градиентную картинку.(вехний слой цвета белого(например), нижний чёрный). Ну и как мне реализовать Разделитель картинкой ?)

    Asked by dsasda,

    0 votes
    5 answers

  21. Горизонтальная линия рядом с картинкой

    Нужно сделать как на картинке: На всем сайте очень много горизонтальных линий (нарисована красным). Они должны быть по всей ширине блока. Но если линия оказывается рядом с картинкой (с float:left/right) она должна по ширине доходить только до картинки (+ ее margin). А получается так что линия растягивается на всю ширину и залазиет под картинку. Линия сделана div`ом: .line { height:1px; margin:22px 0 26px 0; background:#c7c7c7; border-bottom:1px solid #fff; } Если сделать <hr> вместо div, то линия ведет себя нормально, но там другие проблемы, поэтому <hr> не подходит. Скажите, можно ли так вообще сделать, и если можно то как?

    Asked by bob_24,

    0 votes
    2 answers

  22. горизонтальная линия через заголовок

    помогите пожалуйста решить проблему на страничке требовалось встроить заголовок, слева и справа от которого проходит горизонтальная линия. я сверстал его так. но если контент-менеджер увеличит количество букв в заголовке, то заголовок может поломаться или занять по горизонтали места больше, чем задумал дизайнер подскажите пожалуйста правильный способ вёрстки подобного заголовка ps другими словами. сейчас длина блока .h1 - 813px. нужно чтобы при изменении количества букв, эта длина не изменялась

    Asked by cyklop77,

    0 votes
    8 answers

  23. Горизонтальная меню

    Скажите как или где можно скачать горизонтальное меню . Когда нажимаешь мышкой по картинки "круг" то появляется прозрачный блок с текстом"ссылками"

    Asked by skvaer09,

    0 votes
    2 answers

  24. Горизонтальная менюшка

    Здравствуйте! Формирую менюшку следующим образом: <div class="menu"> <ul> <li><a href="#123.cshtml">123</a></li> <li><a href="#124.cshtml">124</a></li> <li><a href="#125.cshtml">125</a></li> <li><a href="Default.cshtml">126</a></li> </ul> </div> Как сделать, что бы она была не вертикальным списком а горизонтально располагалась (как здесь)? в заранее спасибо.

    Asked by Lucifer,

    0 votes
    7 answers

  25. Горизонтальная менюшка и не помещающиеся итемы

    Можно ли сделать средствами css без js. Чтоб, если я чисто правлю html... Или динамически добавляю на js итемы. Добавляю меню итемы в горизонтальную менюшку... Если они не помещаются, не помещающиеся меню итемы чтоб не показывались, справа, а показывалось, например "..." и при нажатии на "..." показывались не поместившиеся итемы. Если нельзя сделать чисто на css, как на js? Нужны примеры.

    Asked by torsar,

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