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. Проблема с размерами DIV

    есть конструкция <style type="text/css"> .container { width:500px; margin:0 auto; } #content { width:250px; float:left; } </style> <div class="container"> <div id="content"> <p>text text text</p> <p>text text text;</p> <p>text text text</p> <p>text text text</p> <p>text text text</p> </div> </div> По мере увеличения текста блоке content, блок container не увеличивается (размеры) в следствии чего блок content накладывается на нижестоящие блоки. Как можно сделать чтобы блок container тоже растягивался вниз? проблема возникает когда content получает …

    Asked by DRiVER,

    0 votes
    5 answers

  2. Проблема с размером wrapper'a

    Есть такая конструкция: <body> <div id="wrapper"> <div id="1"> <div id="2"> <div id="3"> </div> <div id="footer"> ........ </div> </body> Div'ы 1,2,3 динамически меняют свою высоту (при помощи JS) Вопрос: как сделать так, чтобы wrapper всегда принимал высоту самого "высокого" блока? Нужно, чтобы footer прилипал к нижнему краю wrapper'a, в независимости от высоты последнего. Сейчас высота задана только у div id=1, и wrapper принимает её, 2 и 3 игнорирует.

    Asked by botyaslonim,

    0 votes
    2 answers

  3. Проблема с разметкой страницы

    Доброго времени суток! делаю сайт на joomla 1.5.15 ссылка на сайт confiskatonline.ru на всех страницах после добавления позиции left в шаблон сайта образовалась проблема - содержание страницы съезжает вниз, если разрешение монитора меньше 1280х768! ниже привожу файлы шаблона и css: <?php if($this->countModules('left')) : ?> <div style="width:160px; height:600px; float:left; padding:40px;"> <jdoc:include type="modules" name="left" /> </div> <?php endif; ?> <div id="wrapper" style="float:left;"> <div class="clr"></div> <div id="container"> <div id="page_content"> <?php if($th…

    Asked by marsowy,

    0 votes
    5 answers

  4. проблема с размещением

    У меня такая проблема, в разных браузерах, текст меню отоброжается поразному(в опере-выше..в фоксе-ниже)вчем проблема? PS я начинающий верстальщик. <html > <head> <title>Новый Документ</title> </head> <style type="text/css"> body{ background: #FFFFFF;} #head{ /*margin-top:-8;*/ margin: auto; padding:0px; width:800px; height:auto; background: #FFFFFF; } #head_1{width:112px; height:300px; float:left; margin-top:50px; margin-left:30px; text-align:center; background: #CCCCCC; } .head_2{width:800px; height:auto; float:left; background: #FFFFFF; …

    Asked by sistem32,

    0 votes
    1 answer

  5. Проблема с размещением

    Не получается растянуть по всей ширине и поднять вверх до максимума. Без отступов Сразу прошу простить за плохочитаемый код Вставка изображения ? <table class="shapka" > <tr><td background="img/fon_1.png"> <div align="center"><img src="img/logo.png"></div> </td></tr> <br> </table> Css ? .shapka { width: 100%; }

    Asked by Immortal,

    0 votes
    6 answers

  6. Проблема с размещением div

    помогите как переместить блок отмечаный красным цветом туда где зеленый на этом сайте >>>> http://school8.r1v.ru все что только мог в цсс файле перерыл но не могу решить эту проблему ни как

    Asked by T@NKIST,

    0 votes
    12 answers

  7. Проблема с размещением li

    Простите может за глупый вопрос ,я еще новичок в этом деле . Проблема в том что я зафиксировал шапку -position: fixed; в хедере и все работало нормально . Но когда я добавил текст на страницу все элементы смешались в один . Создавал пункты для шапки с помощью( a) заключенных в (li). Заранее спасибо !!! Р.С могу дослать фото кода , если нужно .

    Asked by Danil8225,

    0 votes
    1 answer

  8. Проблема с размещением картинки относительно текста

    Возникла проблема с размещением картинки относительно текста: <html> <head> <title>Site</title> <style type="text/css"> BODY { font-family: Arial, Helvetica, sans-serif; } .text { font-family: Arial, Helvetica, sans-serif; color: black; font-size: 13px; position: relative; } .top { font-family: Comic Sans MS, sans-serif; color: white; font-size: 32pt; } .pic { color: #2E5C82; } .zag { font-size: large; font-family: Comic Sans MS, sans-serif; color: #2E5C82; } </style> </head> <body> <center> <table><tr><td width=500> <span class="zag"> <p style="text-ali…

    Asked by Zexler,

    0 votes
    4 answers

  9. Проблема с размещением картинок в строку

    Здравствуйте! Не получается разместить несколько изображений в строчку. Точнее должно быть 2 строки по 3 изображения в каждой. Расстояние между изображениями - 5 px. Сейчас выглядит вот так: Прошу сильно не пинать, еще только учусь. Вот код файла index.html: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <title>Главная страница | Мануфактура Италия</title> <meta name="keywords" content="мануфактура италия, дизайн мебель, двери, кухни, столешницы, фасады, шкафы шпон,…

    Asked by Ultran,

    0 votes
    3 answers

  10. проблема с рамкой

    нович?к в верстке divами. наткнулся на такую проблему: рамка которая поставлена на div в который я поместил вс? остальное оборачивает только верхние два дива, но почему-то игнорирует нижнюю часть - в которой правому и левому элементам заданы значения float - right и left соответственно. когда убираешь флоаты - рамка оборачивает все. в ч?м тут дело?

    Asked by nu_born,

    0 votes
    2 answers

  11. проблема с рамкой

    вот не знаю как решить проблему, вот собственно в чем проблема: (на задний фон не обращайте внимания, это так, тест) что для этого используется: (углы там естественно прозрачные) код html: код css: ответ как всегда бывает скорее всего простой, но что то не соображу и да, вариант с заливкой тех кусочков у топа и боттома не вариант, потому что задний фон может быть не однородным

    Asked by b1ot3kk,

    0 votes
    9 answers

  12. Проблема с рамкой input-а, и градиентом в chrome

    Здравствуйте! Вокруг input-а рамка которую никак не получается убрать, и куда-то ушуршал градиент на кнопке. Вот пример: http://jsfiddle.net/RR6hG/10/ В Opera все отлично, в IE10 тоже. Firefox еще не понимает флексбоксы. Однако Google Chrome отображает загадочный border вокруг input-а (НЕ во время фокуса, а вообще) и неотображает градиент. Подскажите, пожалуйста, что делать?

    Asked by Mortician,

    0 votes
    2 answers

  13. проблема с рамкой вокруг инпута

    в Хроме ни как не могу убрать рамку вокруг этого элемента: <input type="search" /> когда тип = текст его нет, а вот с сэрч не получается. бордер:нон, оутлайн: нон , ничего не помогает. как это сделать, подскажите пож-та

    Asked by jumancy,

    0 votes
    2 answers

  14. Проблема с рамкой и прилиплением футера

    Здравствуйте. Пробовал использовать метод Раяна для прилипления футера к низу страницы. Вот что вышло. Рамка на главной не охватывает сожержание. Подскажите, что нужно исправить? Благодарю

    Asked by borus,

    0 votes
    8 answers

  15. Проблема С Рамкой Ссылки

    Здравствуйте, имеется проблема с рамками вокруг изображения-ссылки. Суть проблемы такова, что при наведении на изображение должна появляться рамка, а при щелчке на изображение переход на другую страничку. В IE рамка видна хорошо, во всех других же браузрах она видна не полностью, а только какая-то её часть. Какие атрибуты нужно задать для hover, чтобы рамка не была обрезанной? Заранее спасибо

    Asked by Snoozi,

    0 votes
    9 answers

  16. Проблема с рамкой у body

    Привет! Пытаюсь сделать рамку для body, т.е. рамку у всей страницы документа. Мне нужно чтобы она имела отступ в 15px от края, причем содержимое страницы обрезаться не должно. Если я указываю у body свойства border и padding, то содержимое соответственно обрезается по краям. Добавлял новый тег в начале страницы, рамка отображается как нужно, но из-за структуры сайта не могу с позиционировать содержимое поверх этого нового блока. Какие есть способы добавления такой рамки к странице? http://s010.radikal.ru/i312/1508/f7/742465e57832.png Спасибо

    Asked by horprogs,

    0 votes
    9 answers

  17. Проблема с расположение блоков на iPhone

    Добрый день. Столкнулся с неожиданной проблемой. На айфонах блоки сайта наезжают друг на друга, на винде и андроиде всё работает нормально. Вьевпорт указан. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> На айфонах сайт выглядит так: Должен выглядеть вот так: Задачу осложняет то что у меня нет iOS устройств чтобы можно было протестить, а все эмуляторы, какие пробовал, выдают что всё верно. Кто-нибудь сталкивался с подобным? В чем может быть проблема?

    Asked by Rex4r,

    0 votes
    5 answers

  18. Проблема с расположением блоков

    Добрый день. Столкнулся со следующей проблемой. Не меняя рассположение блоков в коде, "прибить" футер к низу, при том что у блоков динамическая высота и на некоторых страница блока 4 может не быть. Есть следующий код: <body> <!--[if lt IE 7]> <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p> <p></p> <![endif]--> <div id="container"> <header> <strong&…

    Asked by Lithium,

    0 votes
    10 answers

  19. Проблема с расположением обтекающих элементов

    Требуется реализовать вот такую вот штуку: В несколько строк подряд идут одинакового размера блоки. При уменьшении окна браузера, не влезающие в строку блоки переходят на следующую. Реализовывается всё достаточно просто, через обтекание. Но вот одна загвоздка, при уменьшении окна браузера, на месте переходящего элемента остаётся пустое место Нужно, чтоб либо все оставшиеся в строке блоки равномерно располагались в строке (можно, чтоб между ними был отступ), либо все блоки центрировались. Первый случай хорошо реализован в ЯндексКартинках (1->2->3), но к сожалению ни первое, ни второе решения с использованием только HTML и CSS я нормально реализовать не смог. Просьб…

    Asked by Adlaran,

    0 votes
    4 answers

  20. Проблема с расположением объектов

    Доброе время суток, начал учится вёрстке, уже 5 раз переделываю, в Chrome и Opera нормально всё, а вот в IE и Firefox "каша"! Пробовал пере позиционировать под IE и Firefox тогда в Chrome и Opera "каша". Помогите, какие нужно использовать функции и параметры?

    Asked by maks78945,

    0 votes
    2 answers

  21. Проблема с расположением элементов

    Добрый день! Сейчас прохожу обучение нового курса, знаю HTML на 3 сейчас и всегда позиционировал элементы абы как, лишь бы добиться результата. Хочу позиционировать шапку следующим образом. вот CSS: .header { overflow: hidden;}.logo { float: left;}.slogan { float: left;}.head-contact { float: right;}.search-head { float: right;}Вот что получается http://hostingkartinok.com/show-image.php?id=455b6ab26ebab9679e8d304ed8105621'> Помогите решить проблему. И посоветуйте источник хороший, для того чтобы полностью разобраться в правильном позиционировании элементов.

    Asked by cheezy,

    0 votes
    7 answers

  22. Проблема с растягиванием

    Здравствуйте, подскажите пожалуйста, проблема в следующем: в ячейке слева находится таблица в ней 5 ячеек, в FF эта таблица растягивается вниз до конца основной большой таблицы, в IE и Opere эта таблица не хочет растягиваться, подскажите, как исправить код, чтобы в IE и Opere эта таблица также растягивалась вниз. В CSS описаны только границы ячеек и их фон. Вот ссылка на сайт:Моя первая страничка Вот код: <table width="699" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="79" colspan="2" valign="top" class="m1">< </td> </tr> <tr> <td width="30%" height="100%" rowspan="2" valign="top"><table cellspacing="…

    Asked by RHCPFanat,

    0 votes
    3 answers

  23. Проблема с растягиванием div по вертикали

    Добрый день всем! Пытаюсь сделать для своей фирмы сайт на bootstrap 3, но столкнулся с проблемой, которая уже обсуждалась на данном форуме, но решение мне не помогло. Дело вот в чем. Макет состоит из 2 колонок: в левой навигация, в правой - контент, причем все это на фреймворке Bootstrap 3. Задача - сделать левую колонку резиновой по вертикали ,чтобы красный фон в нижнем div заполнял страницу до нижнего края браузера. Сейчас же при сжатии окна браузера по вертикали и при прокрутке в этом виде вниз, div улетает вверх и не растягивается. Видел решение с margin-bottom и padding-bottom, но либо я не туда задаю эти стили, либо в bootstrap надо другое решение. Вот код: http:/…

    Asked by Winternight,

    0 votes
    3 answers

  24. Проблема с растягиванием по высоте.

    Помогите пожалуйста, чтоб все блоки тянулись на максимум по высоте. Просто получается, один блоки тянутся, другие статичны. Вот само место боевых действий: _http://profshopping.ru/index.php?show_aux_page=6 И еще если кто знает, хелпаните при наведение на товар, появляется увелич. картинка не на своем месте. До этого верстал, табличной версткой все прекрасно работало ( _profshoping.ru ) .

    Asked by Gleb-k,

    0 votes
    3 answers

  25. Проблема с растягиванием сайдбара и контента к футеру

    Здравствуйте! Такая проблема при верстке слоями (блоками): хочу сделать страницу с хедером, двумя колонками (левый сайдбар и контент) и футером. Сделал чтобы футер был прижат к низу страницы при помощи вставки пустого блока в конце контента и притягиванием выше (на размер этого пустого блока) футера. С футером все хорошо, сидит поживает себе спокойно снизу страницы, НО сайдбар и контент растягиваться сами до футера никак не хотят (честно, перепробовал уже кучу всяких примеров из гугла, скачивал готовые шаблоны - ничего не помогает ) В теории все просто: необходимо сделать так, чтобы sidebar и content занимали все доступное место в блоке conteiner2.. есть мысля, что чере…

    Asked by Nerf74,

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