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. 2х высота в ie

    Добрый вечер. Нигде не нашел информации о подобной проблеме. Странная ситуация, в ie некоторые блоки имеют бОльшую высоту (даже когда высота четко прописана). В архиве 3 скрина с оперы, фф, ие. Для наглядности у блоков задан background. http://webfile.ru/2108095 Как это лечить?

    Asked by icyken,

    0 votes
    12 answers

  2. 3 Div в стороку

    Вобщем такая проблема, имеется три div <div class="news"> <div id="left"></div> <div id="center"></div> <div id="right"></div> </div> нужно чтобы они были в одну строку, первый див прижат к левому краю, второй посередине, третий прижат к правому...вот css который я написал #left{ border:1px solid #000; overflow:hidden; float:left; width:80px; height:80px; background:url('../images/left.png') no-repeat left top; } #center{ border:1px solid #000; overflow:hidden; float:left; width:auto; height:80px; background:url('../images/center.png') repeat-x center top; } #right{ border:1px solid #000; overflow:hidden; float:rig…

    Asked by kamaz6141,

    0 votes
    26 answers

  3. 3 diva горизонтально

    css фрагмент #sidebar { padding: 10px 5px 10px 5px; margin: 5px 0px 0px 800px; width: 242px; } #sidebar2 { padding: 20px 0 10px 5px; margin: 5px 0 0 535px; width: 242px; } #content { width: 510px; padding: 0px 10px 0px 10px; float: left; } теперь что с div <div id="content"> внутри много php кода </div> <div id="sidebar2"> много php кода </div> <div id="sidebar"> много php кода </div> Собственно эти три div нужны по горизонали. Почитал несколько тем, вариантов решения нашел несколько: 1) засунуть эти три diva еще в один div (пусть будет id='box') и сказать этим тре…

    Asked by slipkahh,

    0 votes
    15 answers

  4. 3 diva и IE

    есть сайт vip.directgifts.ru в нем боковые модули имеют окантовку которая образуется с помощью 3 дивов: но почему то в IE ( 6 i 7 ) верхняя шапка то появляется то исчезает. И если повыделять файл то шапка появляется. Подскажите почему?

    Asked by Bickaze,

    0 votes
    3 answers

  5. 3 DIVа с центровкой среднего

    Можно ли эту таблицу записать DIVами и CSSками? <html> <body> <table width=100%> <tr> <td>1</td> <td width=900>2</td> <td>3</td> </tr> </table> </body> </html> Суть в том, надо создать 3 DIVа в одну линию и чтоб они были растянуты на всю ширину экрана не зависимо от разрешения. Центральный DIV имеет заданную ширину в пикселях, а два крайних одинаковую ширину в зависимости от разрешения экрана.

    Asked by ajborman,

    0 votes
    2 answers

  6. 3 блока друг под другом

    Всем доброго времени суток! Хочется взять револьвер и вышибить себе мозги. Казалось бы задача простая, но то ли меня клинит, то ли неверно создана иллюзия простоты этой задачи. Условие: Есть 3 div'а. Назовём их условно: шапка, контент, футер (по логике их расположения на странице). Все они имеют фиксированную ширину 200px. Располагаются соприкасаясь друг по другом, позиционируются на странице по центру. Получается эдакий столбик. Контент имеет высоту 200px, располагается в этом столбике точно посередине. А теперь приведу абстрактную формулу, высчитывающую высоты шапки и футера (которые одинаковы) и дающую представление цели задачи. H = (max (100%, 200px) - 200px) / 2 Как …

    Asked by Mister Y,

    0 votes
    12 answers

  7. 3 блока не помещаются на странице

    Добрый день! Столкнулся со следующей проблемой: есть страница: http://progress.com.ua/our-team - все блоки прекрасно размещены. А ее украинская версия - http://progress.com.ua/ua/our-team ( где стоят все те же стили), почему-то отображает эти блоки не коректно. Крутил padding и margin - все без толку. Подскажите, пожалуйста, в чем причина. И как устранить данную проблему.

    Asked by serpik,

    0 votes
    1 answer

  8. 3 блока разъезжаются :(

    Товарищи, помогите пжалста новичку... вобщем как сделать чтобы 3 блока встали в 1 ряд и не разъезжались? у меня 3 картинки, я их сую в 3 дива, а вот дальше разваливается....как не игрался с позиционированием не получается...нужно поставить в 1 ряд (menu, content,block) это должно быть как то легко, но уже даже не знаю как...вот собственно код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Untitled</title> </head> <style type="text/css"> body {margin:0px} #bgr {background-image:url("img/bgr.jpg"); height:100%; width:100%; background-repeat:no-repeat;} #shapka {b…

    Asked by bubl,

    0 votes
    2 answers

  9. 3 виджета в один ряд

    Добрый день! Как можно разместить 3 социальных плагина (вк, фб, ок) в один ряд? Размещаю, получаются все 3 друг над другом... ОК: <script type=»text/javascript»>OK.CONNECT.insertGroupWidget(«widget», 56929434533942, ‘{width: «317″, height: «350″}’);</script>ФБ: <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ru_RU/sdk.js#xfbml=1&version=v2.0"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><div class="fb-like-box" data-colorscheme="light" data-header="true" data-height=…

    Asked by marianna9201,

    0 votes
    3 answers

  10. 3 вопроса

    Всем добрый вечер! 1. При увеличение масштаба в любом браузере появляется нижняя прокрутка. Это то ладно, но если прокрутить вправо, то видно, что футер и хедер обрезаны. Нашел 1 выход из этой ситуации: min-width: 1200px;. Но при этом, при увеличении масштаба хоть на 10% уже появляется нижняя прокрутка. Как сделать так, чтобы хедер и футер все-таки не обрезались?

    Asked by Sergey25,

    0 votes
    0 answers

  11. 3 Вопроса по поводу промежутков, размеров

    Доброго времени суток! У меня возникли вопросы: ——————————————————————————————————————————-- 1. Я вложил несколько изображений, как мне сделать между ними нужное расстояние. Вот, как у меня: Вот как надо: ——————————————————————————————————————-- 2. Другой вопрос, насчёт header , я ставлю размер надписи на 48 . Но header остаётся меньше чем надо. Вот я поставил на 48 Вот как надо Размер различается как видно. Вот код <header> <h1><a href="x"><FONT size="48">Snaigė</font></a></h1> <img src="x" width="300" height="90" alt=""> </header> ————————————————————————————————————————————- 3…

    Asked by nubik1113,

    0 votes
    2 answers

  12. 3 вопроса, 3 разных проблемы

    Доброго времени суток. На днях столкнулся с несколькими проблемами которых не могу решить (не нахожу подходящих ответов в гугл). Вопросы: При увеличении масштаба, съезжает логотип в правую сторону, как его зафиксировать?В классе не работает padding-top, в чем проблема? Перепробовал все предлагаемые варианты из гугл - не помогло.Почему логотип не виден если в классе не установлен display: block;?Код (jsfiddle) EDIT: Сам решил 2 вопрос: .d_nav .nav_logo { margin-top: 10px; }Сам решил 3 вопрос, правда не знаю как. Насчет 1 вопроса - извиняюсь, показалось.

    Asked by ES.^,

    0 votes
    1 answer

  13. 3 дива в одну линию и в центральном диве есть вложенные дивы

    Добрый вечер товарищи. У меня такая проблема, может она покажется вам пустяковою но я вот уже несколько часов бьюсь над ее решением, а она проклятая все никак не поддается. Вот вам html код страницы <!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=windows-1251" /> <title>Тестовая главная страница</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="conteiner"> <div id="header"> …

    Asked by Мо ок,

    0 votes
    3 answers

  14. 3 дива по центру

    подскажи как построить 3 дива по центру типо как на _lostfilm.tv 3 подряд получается сделать но они висят в левой стороне и на центр не получается их выгнать .. и нужно что бы они были на всех разрешениях ... так что отступ просто не получиться сделать ..

    Asked by smart,

    0 votes
    1 answer

  15. 3 картинки, 1 размножается

    Собственно говоря есть 3 картинки, одна должна быть сверху, с фиксированной высотой, посередине размножается, снизу фиксированная Делаю это так: Ну и css td.centerline { background: url('{WEBPATH}/template/images/line_vert_2.gif') center repeat-y; z-index: 1; height: 100%; } td.centerline div.up { height: 50%; background: url('{WEBPATH}/template/images/line_vert_1.gif') top center no-repeat; z-index: 2; border: 1px solid red; } td.centerline div.bottom { height: 50%; background: url('{WEBPATH}/template/images/line_vert_3.gif') bottom center no-repeat; z-index: 2; border: 1px solid red; } В фф всё нормально, в ие конечно же нет, баг известный. Тогда я пытался …

    Asked by regtefas,

    0 votes
    2 answers

  16. 3 картинки, как смастерить?

    В общем нужно, чтобы в картинке была кнопка(картинка)-ссылка, которая при наведении+нажатии осветлялась. В интернете нашёл только вариант с бэкграундом. Получается основная картинка должна быть бэкграундом, а остальные 2(затемнённая и осветлённая) я не знаю как прилепить. Ещё эта кнопка должна находится в определённом месте, получается надо задать координаты. К сожалению мои познания в цсс не глубоки, поэтому прошу помощи. Как это реализовать?

    Asked by Quest182,

    0 votes
    7 answers

  17. 3 колонки

    Необходимо при размере окна браузера менее 1280px, чтобы красная колонка (см. иллюстрацию) находилась рядом с контентом. А при увеличении окна браузера (более 1280px) ? красная колонка должна "подниматься" к header'у, как на рисунке. Желательно обойтись одними div'ами. (html+css) Сделавшему, перечислю 10 wmz.

    Asked by Sienens,

    0 votes
    8 answers

  18. 3 колонки

    Здравствуйте. Помогите пожалуйста сделать вот что: Фиксированная Резиновая Фиксированная И все это на одном ряде. Спасибо... Вот с каким кодом мучаюсь: <div id="main"> <div class="left_container">1</div> <div class="right_container">3</div> <div class="content">2</div> </div> #main .left_container {float:left; width:210px; padding:10px;} #main .content {width:100%; padding:10px; margin:0 240px; position:relative; display:block;} #main .right_container {float:right; width:210px; padding:10px;}

    Asked by Xorigan,

    0 votes
    8 answers

  19. 3 колонки

    Никак не могу выровнять колонки "right" по горизонтали с остальными html: <!DOCTYPE html> <html> <head> <title>Співаник|Головна</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="icon" href="img/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon"> <link href="css/style.css" rel="stylesheet" type="text/css" media="screen"> </head> <body bgcolor="#388b30" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <div id="header"> asdasdas<br>sdffsdfsd<br>sdffsdfsd<br>sdffsdfsd </div> …

    Asked by myxamed,

    0 votes
    1 answer

  20. 3 колонки - боковые сжимаются до 0

    подскажите пожалуйста, как сделать 3 колонки, чтобы центр был фиксирован, а боковые могли "схлопываться" до нуля в зав-ти от размера дисплея. помню видел где-то, но не могу найти и все тут

    Asked by USF,

    0 votes
    4 answers

  21. 3 колонки - как выровнять по центру

    привет всем, использовал эту статью: http://www.htmlbook.ru/content/?id=100 все вроде понятно. но как теперь все выровнять по центру? я пробовал делать слой контейнер, задавать align = center, пробовал body text align и т.д. ничего не помогает. подскажите, пожалуйста, как правильней сделать.

    Asked by coldrain,

    0 votes
    4 answers

  22. 3 колонки % const %

    Здравствуйте! Подскажет, пожалуйста, как можно получить такую резиновую верстку: 3 колонки % const % например так не работает, поскольку left-block и right-block блоки набегают на central-block-const при масштабировании браузера body { margin: 0px; padding: 0px; background-color: #f0f0f0; } #main { border: 1px solid #f00; width:100; padding:0px; margin:0px; position:relative; overflow:hidden; } #central-block-const { border: 1px solid #ff0; width:100px; margin: 0px auto; } #left-block { border: 1px solid #ff0; width: 40%; position:absolute; top:0px; left:0px; margin:0px; padding: 5px; } #right-block { border: 1px solid #ff0; width: 40%; position:absolute; top:0px; …

    Asked by акрил,

    0 votes
    1 answer

  23. 3 колонки div - помогите!

    Здравствуйте, уважаемые знатоки. Передо мной стоит задача: сделать шаблон на 3 колонки, да так, чтоб средняя колонка была всегда по центру (она фиксированной ширины, 960px, например), а левая и правая занимали оставшуюся часть окна (слева и спарвва, соответственно) раномерно (т.е. ширина левой и правой колонок должны быть равны) в зависимости от ширины окна. При этом в правой колонке ещё и background будет - большая такая картинка. Перепробовал кучу способов - ничего не выходит (или не хватает мозгов) и уже сделал с помошью таблицы, но это ж как-то не комильфо. Помогите справиться, пожалуйста. Заранее благодарю.

    Asked by Vo.Wonder,

    0 votes
    2 answers

  24. 3 колонки в одном диве

    здравствуйте, часто встречается потребность реализовать три колонки с информацией в одном диве. Например, вывести в подвале последние заметки, контакты, карту и тд. Вопрос собственно в чем, конечно можно сделать все через таблицы. В футер див засунуть таблицу, в ячейки содержимое поставить и установить ширину. Это один вариант. Второй вариант, создать три разных дива с разными отступа и перечислить их в диве футере. Это второй метод Есть ли еще какой нибудь метод без использования бОльшего количества дивов реализовать три колонки в одном? спасибо!

    Asked by devid89,

    0 votes
    5 answers

  25. 3 колонки внутри 3 колонок :)

    Сделал 3х колоночную верстку. Пытаюсь в левомй панеле сделать опять 3 колонки для того, что бы в блок 1 вставить угол декора в блок 2 линию блок 3 другой угод декора Так вот 1-2 идут в ряд, а блок 3 слетает вниз. Но почеееееему ???? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Основы блочной верстки (Div верстки)</title> <link href="styles.css" rel="stylesheet" type="text/css"> </head> <body> <div id="maket"> <div id="header">Шапка </div> <div id="…

    Asked by Coffin,

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