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. Как расположить один блок поверх другого?

    Люди добрые, помогите разобраться. Я хочу один блок рассположить над другим что бы второй полностью закрывал первый, а родитель растягивался или сжимался автоматом в зависимости от того виден в данный момент второй или нет. У меня есть решение, через float и margin, которое работает в Firefox: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> </head> <body> <div style="float:right;margin:0px;padding:0px;width:auto !important;position: relative !important;border:1px solid black;background-color:#f9f9f9"> <div style="display:block;float:left;width:100%"> Оглавление №1</div> <!-- hack for firefox and chrome --&gt…

    Asked by Входящий,

    0 votes
    0 answers

  2. JavaScript в XML/HTML

    Как правильно оформлять код скрипта в HTML/xHTML документе? <script type="text/javascript"><!-- function Calc(t) { var pts=Math.pow(2,64); var d=0; var y=30; while (y>0 && pts>1) { var p=document.createElement("div"); p.innerHTML=y+" "+(d++)+" "+pts; t.appendChild(p); pts=Math.floor(pts/256)*255; if (d==365) { --y; d=0; } } return false; } //--> </script> 1) Унарная операция декремента совпадает с маркером конца комментария в HTML. 2) В XML не должно быть кавычек и апострофов.

    Asked by skvor,

    0 votes
    0 answers

  3. ПОМОГИТЕ определить стиль phpBB3

    Люди скажите какая тема, стиль форума http://forum.htmlbook.ru Заранее спасибо. С меня плюс!

    Asked by sasha^,

    0 votes
    0 answers

  4. Проблемма с позиционированием статьи

    Здравствуйте, стоит задача с помощью CSS переоформить стандартный вывод статей в Joomla, помогите разобраться, уже все перепробывал, все плывет, вылезает за пределы.. http://jsfiddle.net/sYY8G/ - это структура html, создана джумлой, соответственно менять нельзя, нужно сделать как на картинке: Вот что на данный момент у меня..: http://jsfiddle.net/sYY8G/1/ причем кнопка читать далее должна быть всегда внизу, в 5px от края дива..Помогите пожалуйста, всю голову себе сломал над решением этого вопроса.. И желательно чтобы при увелечении текста ничего не съезжало (врятли превью будет больше того что на картинке, но мало ли..)

    Asked by Noraad,

    0 votes
    0 answers

  5. Webstorm & Emmet (zen coding)

    Помогите пожалуйста. Можна ли установить zen coding на webstorm 5.0.2 и как это сделать??? весь инет перерыл,а толкового ответа не нашел. Пробовал устанавливать Extended sens code плагин типа zen coding но он у меня "заклиневал".

    Asked by Kuzyo,

    0 votes
    0 answers

  6. Как обрезать картинки в IE?

    [РЕШЕНО] Во всех браузерах картинки обрезаются снизу и отображаются правильно, вот так: А во всех Internet Explorer'ах картинки обрезаются, но появляется пустое пространство, вот так: стили: .pic_block { height: 290px; overflow:hidden; } .pic_mat { float:left; margin-bottom: 15px; width: 200px; } вывод картинок: <div class='pic_mat'> <a href='/material.php?mid=".$row_pic['mid']."'> <div class='pic_block'> <img src='pictures/".$row_pic['small']."' width='196px'></a> </div> <a href='/material.php?mid=".$row_pic['mid']."'>".$row_pic['title']."</a> <br> <div class='price'>".$row_pic["cost"]." р.</div> &lt…

    Asked by Rooner,

    0 votes
    0 answers

  7. Растягивание дива по абсолютному контенту.

    День добрый! Внутри body на след. уровне есть 2 дива: - растянутый через absolute, top:0, bottom: 0 итд общий слой где нарисована страница. - диалог, показанный через absolute, right: половина экрана. Проблема: Если диалог больше изначальной высоты экрана, то основной слой не растягивается в появившееся за счет скролла пространство. Иными словами, при изменении размеров страницы из-за увеличения scrollable области див который должен быть растянут не растягивается, а остается таким же. Пытался сделать body: relative, пытался вставлять эти 2 дива в отдельынй слой - никак. Можно исправить?

    Asked by Dymytry,

    0 votes
    0 answers

  8. Автоматическое удлинение textarea

    Как сделать автоматическое удлинение текстового поля в высоту, как в ВК или Facebook?

    Asked by iKNG,

    0 votes
    0 answers

  9. Растянул фоновое изображение, справа немного ломается.

    РЕШЕНО Здравствуйте. Сделал фон в GIMP, вставил эту картинку как фон в тэге body body { height: 100%; background-image: url("{{ MEDIA_URL }}images/body.jpg"); background-size: cover; } Картинка растянулась, но в ширине слегка ломается справа вот тут http://www.tech.djangohost.name/ (нужно прокрутить направо). Подскажите почему такое поведение? И как картинку растянуть без косяков? Так же подключен bootstrap. Если еще размтка нужна, выложу...

    Asked by viz9,

    0 votes
    0 answers

  10. line-height в chrome

    Дело вот в чем, не раз замечаю что в хроме нужно ставить line-height больше чем в других браузерах. К примеру слева FF IE Opera справа Chrome Safari Как справиться с этим? Юзаю хак, но хотелось бы разобратся в причинах такого рендера. И найти более правильное решение. @media all and (-webkit-min-device-pixel-ratio:0) { button.button span span { line-height:29px; } } HTML <button class="button"> <span> <span> Join </span> </span> </button> Извиняюсь за большой CSS - верстаю под magento а там шаблоны не ахти. А менять каждый темплит времени нет. button.button { border:0; padding:0; m…

    Asked by stranger-liquid,

    0 votes
    0 answers

  11. скрипт, обрезающий строки

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

    Asked by cyklop77,

    0 votes
    0 answers

  12. Определить последнюю публикацию

    Всем добрый день. Есть сайт на Wordpress (на локале). В открытом посте для перехода на публикацию вперед/назад используются соответственно функции <div class="next"><?php next_post_link('%link', ''); ?></div> <div class="previous"><?php previous_post_link('%link', ''); ?></div> в виде иконок-стрелок. Но одно не учтено - если открыть самый свежий пост, то стрелка, ведущая на следующий (более новый) пост отсутствует, что в принципе вполне логично. Подскажите пожалуйста как реализовать функцию, которая в зависимости от того, открыт самый новый опубликованный пост или любой другой пост выводила бы разные блоки <div>, то есть либо …

    Asked by Dayks,

    0 votes
    0 answers

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

    Я на странице делаю таблицу. У этой таблицы и всех ее родительских элементов вплоть до body нет позиционирования. Далее я в ячейки скриптом кладу список UL. В один из его LI я скриптом кладу всплывающее меню в виде div-контейнера. Вот стиль меню: display: none; z-index: 9999; background-color: #FFFFFF; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #DDD; position: absolute; padding: 5px; Само меню состоит из пунктов, являющихся также div-контейнерами. Вот их стиль: display: block; margin-bottom: 5px; text-align: left; cursor: pointer; background-color: white; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6p…

    Asked by demoniqus,

    0 votes
    0 answers

  14. ul+li+images+ie = проблема

    есть обьект div, внутри него еще один див который крутит показ банеров. <div id="carusel"> <div id="bannerRotator"> <ul> <!--<img src="123_files/1390x140&text=one.gif" alt="bannerImage1">--> <li rel="1" style="display: block; opacity: 0.828293;"> <a href="#"><img src="123_files/1390x140&text=one.gif" alt="bannerImage1"></a></li> <li style="display: list-item; opacity: 0.171707;" rel="2"> <a href="#"><img src="123_files/1390x140&text=two.gif" alt="bannerImage2"></a></li> </ul> …

    Asked by rtl_one,

    0 votes
    0 answers

  15. jquery добавляет к body zoom: 1;

    Почему? Зачем? Нужно ли это? В Хроме: <body style="zoom: 1;"> В Опере: <body style="">

    Asked by Маленьке Звірятко,

    0 votes
    0 answers

  16. div в div'e

    Вопросик=) мне нужно отпозиционировать список ... в коде я его поставил между комменттариями <!-- ТО ЧТО ТРЕБУЕТСЯ ОТПОЗИЦИОНИРОВАТЬ - (НАЧАЛО СПИСКА) --> и соответственно <!-- ТО ЧТО ТРЕБУЕТСЯ ОТПОЗИЦИОНИРОВАТЬ - (КОНЕЦ СПИСКА) --> Хотелось бы чтобы он был над выпадающим меню, и не потерял "кликабельность" ... <!DOCTYPE html> <html> <head> <title>JAGUAR</title> <style> *{margin:0;padding:0;} body { font: 14px/1.4 Georgia, serif; background: #333; overflow-x: hidden; } .menu { position:absolute; padding-top:253px; padding-left:48px; margin:0 auto; } .nav { box-shadow:10px 10px 10px rgba(0,0,0,0.5); min-width: 800px; padd…

    Asked by spn_one,

    0 votes
    0 answers

  17. Помогите с кодом UCOZ пожалуйста!

    Здравствуйте. У меня проблема, уже всё перепробовал не знаю что и делать. В общем маме по работе нужен сайт. В итоге на главной странице фотоальбома полный бардак выводится и с новыми фотками и с уже добавленными. Я хочу чтобы мне выводило список альбомов, которых всего 6 с подгрузкой в качестве обложки альбома последней добавленной фотографии. Но плюс я хочу чтобы подгружаемая фотография была в рамочке, а название альбома было сверху. Есть таблица рамки и код подгрузки, но при соединении их они почему то работают криво. Может кто подскажет? Вот ссылка на фотогаллерею сайта: http://myzryksichevo.ucoz.ru/photo Вот код: <table border="0" cellpadding="0" cellspacing="0"…

    Asked by Zeriche,

    0 votes
    0 answers

  18. Оцените, пожалуйста, верстку

    P.S. Уважаемые модераторы, удалите тему. Я ее не туда выложил. Смутила фраза про 30 сообщений.

    Asked by alxick,

    0 votes
    0 answers

  19. Фиксированный градиент при масштабировании страницы

    Сделал фон градиентом, но вот незадача - градиент ползает при масштабировании страницы и горизонтальной прокрутке. Решения вижу два, но не знаю как реализовать ни одно из них. Необходимо решение как спрятать скролл вызываемый нажатием на колесико мыши (у меня так) или как фиксировать градиент после масштабирования страницы, чтобы тот не ерзал.

    Asked by Feel,

    0 votes
    0 answers

  20. opacity на <img> в FF

    http://jsfiddle.net/xuztA/14/ — наводим, даёмся диву. Причём картинка, насколько я вижу размер не меняет, т.е. как-то внутри себя дёргается что ли. Подскажите кто-нибудь, что за ерунда. А самое главное чем это возможно исправить… только FF по-моему UPD: ответ наден. Баг. Решается добавлением фона

    Asked by alexandr_v-vich,

    0 votes
    0 answers

  21. Раскрывающийся список & Bootstrap

    Использую фреймворк Bootstrap. Создал раскрывающийся список при помощи <select> и <option>. Теперь правда не могу понять как в список вставить иконки перед названиями. Т.к. тег <option> понимает только текст . И как сделать так чтобы курсор при выборе пункта из списка прыгал в поле Input, которое находится правее?

    Asked by Drix87,

    0 votes
    0 answers

  22. Вертикальное выравнивание 5 ти блоков в ряд, один из которых резиновый

    Все привет. прошу помощи. Есть 5 блоков, нужно правильно прописать стили <div class="product"> <span class="img">фикс блок по левому краю</span> <span class="name">фикс блок по левому краю</span> <span class="descr">Резиновый блок</span> <span class="summ">фикс блок по правому краю</span> <span class="summ_price">фикс блок по правому краю, содержимое прижато вправо</span> </div> Все блоки должны быть выровнены вертикально по центру Блок descr должен быть резиновый, остальные фиксированные, содержимое блока summ_price должно быть выровнено по правому краю Прошу помощи правильно пропис…

    Asked by bigperson,

    0 votes
    0 answers

  23. Одинаковая ширина столбцов таблицы в IE

    Добрый день! Появилась проблема. Создал таблицу из двух строк, в каждой по 4 столбца. Применил к столбцам float: left. Во всех браузерах сработало, кроме IE7. Как решить эту проблему? Мне надо, чтобы ширина столбцов подстраивалась под содержимое,а в IE7 ширина для всех столбцов остается одинаковой.

    Asked by YesMan,

    0 votes
    0 answers

  24. Помогите, пожалуйста, с кнопкой Facebook

    c нововведениями от фейсбука появились окошки с комментированием. И они не настраиваются! В упор ставится 450 ширина, сколько не вбиваю в ширину 280 пикселей Причем они появляются как-то странно... на широком экране (когда эти 450 пикселей помещаются) справа от кнопки... Когда же мобильный вид с шириной 320 пикселей - где-то слева, обрезаясь экраном. Хотела попробовать переназначить стилями, но оно меня игнорирует, а валидация говорит что так вообще нельзя задавать имена классов: /* пример класса, который используется в окне... точнее именно этот класс мне и нужно поменять */ ._5v4 { top: 24px; width: 450px; }

    Asked by madhed,

    0 votes
    0 answers

  25. Фиксированное меню

    В опере иногда сьезжает #wrapper{ margin:50px auto 0px auto; width:960px; height:auto; } aside{ width:309px; padding:10px; float:left; height:auto; border-collapse: collapse; } article{ width:609px; padding:10px; float:left; height:auto; border-left:1px solid #B9E3F3; border-collapse: collapse; } .clear{clear:both;} footer{ border-top:1px solid #B9E3F3; width:940px; padding:10px; height:auto; } nav{ position:fixed; top:0; left:0; padding:0px; margin:0px; width:100%; height:50px; background:black; } <!DOCTYPE HTML> <head> <meta http-equiv="content-type" content="text/html" /> <title>Sign in Mysite</title> </head> <body> <…

    Asked by max2012,

    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