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. блочная верстка

    Подскаскажите, пожалуйста, что не так сделал хотел типа этого: <!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>Untitled Document</title> </head> <style type="text/css"> body { margin:0px; padding:0px;} div { border: solid thin;} #centerLayer { width: 1024px; /* Ширина слоя в пикселах */ margin: 0 auto; /* Отступ слева и справа */ background:; /* Цвет фона */ padding: 0px; /* Поля вокруг текста */ text-align: left…

    Asked by niculins,

    0 votes
    7 answers

  2. Блочная вёрстка

    Всем привет. Пожалуйста, помогите в затруднительной ситуации. Прилагаю картинку - Дано: 3 дива. В первом диве текст и ещё пара дивов. Страничка с плящющей шириной (min-width, max-width). Надо: При уменьшении/увеличении окна браузера, первый блок тянется, второй и третий не изменяются и остаются у правого края. Никак не получается. Получается как на картинке 2 - при уменьшении окна браузера, блоки 2 и 3 перескакивают вниз.

    Asked by Chepolino,

    0 votes
    6 answers

  3. Блочная верстка

    Привет народ, буду очень рад любым советам и рекомендациям по "доделке" макета. Это мой первый более менее сложный шаблон, трудностей много возникло, для начала - не верное отображение в ИЕ, верстка стала уползать после добавления logo; Ну и еще всякие разные странности возникают, тот же лого не получается без position:absolute; отцентрить, т.к. верстка сползает... Пробовал Z-index менять, не вижу чтобы на что-то влияло, наверное что-то не так делаю Заранее всем спасибо за внимание! Ссылка: http://fryuk.narod2.ru/

    Asked by mortal,

    0 votes
    0 answers

  4. блочная верстка

    допустим это два блока по 1000х500, 4 варианта дивов 500х500 500х250 250х250 и 250х500 как сделать так чтобы эти блоки если их будет 10 и больше выводились дивы рандомном образом но с сохранением ровной структуры 1000х500

    Asked by pupok,

    0 votes
    0 answers

  5. блочная вёрстка

    ребята как не пойму как сделать блочную вёрстку вот этой таблицы http://jsfiddle.net/EHTEm/23/ выручите пожалуйста

    Asked by wellew,

    0 votes
    3 answers

  6. Блочная верстка

    Доброго времени суток, помогите сделать макет будущей страницы, пробовал разными способами, но так, как хочу не получается, табличную верстку делать не хочется. Вот что пока есть: http://jsfiddle.net/KfWLM/3/ Вот что нужно:

    Asked by Kenshi24,

    0 votes
    2 answers

  7. Блочная верстка

    Добрый день, пытался разметить страничку по заданному макету с помощью тега <div>, но столкнулся с проблемой, отступы превращают собранные блоки в полную мешанину. Размеры всех блоков заданы в процентах, размер <body> задан в пикселях. Отступы между элементами и краями <body>, должны быть одинаковыми. Ссылка на код, прилагается. Буду рад любым советам, заранее спасибо. https://jsfiddle.net/6v4t12yg/

    Asked by Raummon,

    0 votes
    4 answers

  8. Блочная верстка [Помогите!]

    Привет всем! Я уже заморочился... Такая простая задача, а решить никак не могу. Сижу уже третий час над этой фигней... Придумал "левый" способ как это сделать, но не хочу заниматься "лево-писанием". Проблема собственно в чем: Вот что у меня: А мне надо чтобы эти 2 блока были рядом и по центру. Ну никак не получается В чем моя ошибка? HELP! Вот HTML код: <html> <head> <title>Players Table</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <CENTER> <DIV ID="container"> <div class="tableContent"> <div class="playerNickname">Player1</div> <div class="statusTable">St…

    Asked by zwar,

    0 votes
    2 answers

  9. Блочная вёрстка + wordpress

    Есть сайт http://uchkollektor26.ru/. Стандартный двухколоночный шаблон <div class="head"> Шапка </div> <div class="wrap"> <div class="sidebar" style="float:right;width:200px"> Содердимое боковой колонки </div> <div class="main" style="margin-right:220px"> Основное содержимое </div> </div> <div class="footer"> Туфли </div> вопрос - при каких условиях содержимое боковой панели может влиять на отображение основного сожержимого. Причина вопроса: На вышеуказанном сайте при добавлении товара в карзину, основное содержимое, начиная со второго товара, съезжает вниз. Валидцию проходит ругаясь…

    Asked by leonid26,

    0 votes
    5 answers

  10. Блочная верстка + картинка в background

    Доброго времени суток всем! Помогите советом как быть? Нужно сверстать макет, в background`е будет большая красочная картинка. Возник вопрос как лучше сделать? Можно конечно забацать таблицами и попились общий фон на куски. А как сделать если верстать блоками? Картинку всю целиком в фон пихать? просто картинка здоровая и если целиком вставлять, то будет достаточно тяжелая, мне кажется, и будет долго грузиться. Заранее благодарен за ответы.

    Asked by pro1rock1,

    0 votes
    3 answers

  11. Блочная верстка в 2 столбика

    Есть записи,которые надо вывести в два столбика.Проблема в том,что они имеют разную высоту.Если использовать float или inline,они выводятся криво,между записями пустое место.Можно ли вывести так,чтобы по вертикали записи были впритык?

    Asked by user,

    0 votes
    5 answers

  12. Блочная верстка в 3 колонки с опциями.

    Приветствую всех. Я только пару месяцев занимаюсь версткой (по специальности я программист), и перед мною встала проблема следующего формата. Мне необходимо сверстать страничку в 3 колонки, верстка блочная (через div'ы), 33% - 34% - 33%. Вроде бы задача не сложная, в сети таких примеров ? до кучи. Однако, есть дополнительная опция ? средний div (назовем его "middle") и его контент должен распологаться по тексту первым, тот, что слева ("left") ? вторым, ну и последний, "right", соответственно, последним. Т.е.: <div id="middle"> </div> <div id="left"> </div> <div id="right"> </div> Я пытался сделать двумя способами: 1. Абсо…

    Asked by my-name-is-Max,

    0 votes
    10 answers

  13. Блочная верстка макета

    Добрый день! Я с чисто теоретическим вопросом касательно верстки сайта. Столкнулся с одним нюансом, который вызывает затруднения. Лучше начну сразу с нудного и длинного)) примера, так станет в разы понятней в чем суть моего вопроса. Допустим, имеем часть сайта, отвечающую за основной контент... назовем "main". У main есть container, отвечающий за центровку контента. И main делится, в свою очередь, на две части- main__left(блок под меню с возможной рекламой), и main__right (блок с основным контентом). И вот почти добрался до сути. Далее в main__left я создаю блок для навигации и блок для рекламы, к примеру. А в main__right, допустим, еще две колонки. Так вот, вся моя верс…

    Asked by Super_Saimon,

    0 votes
    8 answers

  14. Блочная верстка по доступной высоте

    Собственно не могу перейти с табличной верстки на блочную... пример можно посмотреть на этом хостинге Там сделано табличная версия, а вот с блочной проблема. Как сделать высоту (min-height) до низу если шапка и подвал имеют фиксированную высоту? В общем чтоб блочная версия стала выглядеть точно также как и табличная. при использовании overflow:hidden получается нельзя разместить div так чтоб он перекрывал и content и header к примеру. перелазил интернет ответа не нашел. просматривал схожие темы: 4 способа как создать блоки одинаковой высоты, Две float-колонки одинаковой высоты, и т.п. надеюсь на решение

    Asked by SolRus,

    0 votes
    1 answer

  15. Блочная верстка, 3 колонки, не тривиально

    Столкнулся с такой проблемой: Надо сделать что то типа: <<< левая колонка % >>> <<< Центр фиксированный (960px) >>> <<< правая колонка % >>> Левая и правая колонка плавающей одинаковой ширины, центр фиксированный. Знаю, что очень просто реализовать на таблицах, знаю быстрый способ через jquery. Но интересен именно метод xhtml + css. Важно, что стандартный метод с присваиванием width 50% левому и правому блоку не подходит, так как в левом и правом блоке будут лежать background-image, с позиционированием у левого блока bgposition right, у правого - left (сделано так, что бы картинка бэкграунда тянулась на монитора с б…

    Asked by omggga,

    0 votes
    3 answers

  16. Блочная верстка, IE и ширина текста в колонке

    Только в IE-7 ( в MF3.0 нормально), при изменении размера экрана( не знаю как правильно называется ) текст по ширине начинает "выпрыгивать" из колонки. Макет при этом не ломается. Причем нет никакой разницы "резиновый" макет(и/или колонка) или нет. Как с этим можно бороться и делает ти это кто-то вообще? Спасибо!

    Asked by RR,

    0 votes
    3 answers

  17. Блочная верстка: div в div'е и бэкграунд

    Добрый день! Прошу помощи! Блочная версткаю Есть основной div и в нем, традиционно, еще 2 - сайдбар и зона контента. Не пойму, как сделать фон основного дива, что бы он был фоном и для вложенных в него??? <div id="content_wrapper"> <div id="sidebar"></div> <div id="main"></div> </div> Задаю фон для #content_wrapper. Хочу, что бы он был фоном и уже сверху него выводилось содержимое #sidebar и #main. Но не получается.... #content_wrapper {width:1000px; min-width:1000px;height: 100%; min-height: 100%;margin:0 auto; background: #fff;} #sidebar {width: 20%; float: left;} #main {width: 80%; float: right;} Как это сделать? Зара…

    Asked by dron,

    0 votes
    3 answers

  18. Блочная верстка: Откуда берется пропуск?

    Привет! Всю голову сломал не могу понять, откуда берется пропуск между шапкой и текстом. Прошу помощи. страница http://adelina-studio.ru/111/prof.html css http://adelina-studio.ru/111/style.css Заранее спасибо за помощь.

    Asked by alexd73,

    0 votes
    1 answer

  19. Блочная Верстка(5 div в одну строку)

    Добрый день, помогите мне разобраться. Нужно выстроить 5 дивов в одну строку. Расположение. 1 2 3 4 5 соотвественно, высота строки 134px. 1 и 5 заданной ширина в 277px. 3 центральный блок, 450px и должен находится всегда по центру страницы. 2 и 4 резиновые блоки, который должны равномерно менять размер в зависимости от того как мы сужаем или растягиваем окно браузера, если окно браузера 1003 px то этих блоков не видно а остается только 1 3 и 5ый. Самое главное чтоб блоки никак друг на друга не нализали и не переходили на новую строку даже если ужать браузер до минимальной, т.е чтоб скрол появился горизонтальный и все. Пример не приложу, потому что исписала уже уйму кода…

    Asked by SunMaria,

    0 votes
    15 answers

  20. Блочная или табличная верстка

    Необходимо сделать такую же страничку как на фото http://i021.radikal.ru/1311/d4/6bf6a93b5478.jpg Лучше <div> делать?

    Asked by Amstrong,

    0 votes
    12 answers

  21. Блочная модель Google Chrome

    Столкнулся с проблемой блочой модели google chrome html <div class="mainmenu"> <div class="mainmenu-wrapper"> // меню </div> </div> CSS .mainmenu { width:960px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; border:1px #6F6FFF double; box-shadow:0 0 10px #CCC; -moz-box-shadow:0 0 10px #CCC; -webkit-box-shadow:0 0 10px #CCC; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .mainmenu-wrapper { padding:2px; border:1px #B3D9FF solid; border-radius:5px; } на выходе получаю в chrome что ширина блока mainmenu 962px а в остальных браузерах 960px ширина блока mainmenu-wrapper в chrome 958px а в остальных браузерах 952px…

    Asked by Hol1killer,

    0 votes
    1 answer

  22. Блочная ссылка в строчном элементе неупорядоченного списка ?

    <style> li {display:inline;} li a{display:block; padding:5px 15px;} </style> <ul> <li><a href="#">Ссылка1</a></li> <li><a href="#">Ссылка1</a></li> <li><a href="#">Ссылка1</a></li> </ul> Можно ли так делать?

    Asked by ilyas,

    0 votes
    2 answers

  23. Блочная ссылка, вылезающая за границы предка

    Имеется ряд ссылок с display:block, выступающих за границы родительского элемента с display: inline-block (живой пример — главное меню на www.zgames.com). В IE7-8, FF и Вебкитах это работает как ожидается, но в актуальных Операх (как минимум начиная с 10.61, включая альфу 11) и IE9 beta в режиме IE9 наблюдается странная вещь: нижние выступающие части ссылок почему-то некликабельны, а в Операх вдобавок текст этих выступающих частей исчезает при скроллинге и появляется заново только после наведения. Неужели так и должно быть по стандарту? Буду крайне благодарен за подсказку, какому месту стандарта противоречит такая конструкция. Задача, для которой понадобился такой изврат …

    Asked by SelenIT,

    0 votes
    5 answers

  24. Блочный внутри блочного

    Почему когда создаешь параграфы внутри тега параграф браузеры FF, Chrome параграф-родитель отрисовывают (и делают отступы) как два параграфа сверху и снизу параграфов-потомков? Вот пример http://codepen.io/anon/pen/vNzPLV?editors=100#0 Попробуйте заменить дочерние теги параграфы на блоки div (без отступов) - все останется по-прежнему: снаружи будет два соседних вместо одного родительского тега параграф. Почему?

    Asked by hike,

    0 votes
    2 answers

  25. Блочный элемент в inline-blockk

    Может ли inline-block содержать в себе блочный(е) элемент(ы)?

    Asked by torsar,

    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