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'а

    Задумка следующая: зафиксировать сверху по центру небольшую навигационную панель с выпадающим меню на CSS? Нимогу никак сообразить, как зафиксировать в центре по ширине DIV. Помогите!!!

    Asked by mozart,

    0 votes
    2 answers

  2. Центровать div

    Всем добрый день. Помогите пожалуйста. Дохожу до психоза. Я сделал калькулятор для сайта используя HTML/css/js делал я его неделю т.к. это вообще мое первое знакомство со всеми этими вещами. И в самый последний момент я столкнулся с проблемой. Я не могу выровнять калькулятор по горизонтали по центру. left 50% меня не устраивает, он должен уменьшаться только тогда когда границы браузерного окна подходят в плотную, а используя 50% с лева всегда остается много пустого места. Структура у меня такая. Есть <div> и все остальные div уже вложены в него, как мне выровнить по горизонтали вот этот самый первый div (ведь я так думаю, что если выровнять родит…

    Asked by Agentbk,

    0 votes
    1 answer

  3. Центровать текст в блоке, который содержит другой элемент

    <div style="text-align: center;"> <form style="float: left;" method="link" action="#"><input type="submit" value="Кнопка"></form><a href="#">Заголовок</a> </div> привет! хочу чтобы заголовок был по центру дива, но кнопка его отодвигает в право, и кажется, что заголовок не по центру. помогите найти простое решение данной проблемы.

    Asked by barman,

    0 votes
    6 answers

  4. центровка

    Может кто нить подсказать какой нить вариант центровки изображения в big_photo? маргин авто не хочет помогать, при заданной ширине картинки http://www.ygo.ru/market/21/

    Asked by Joyfit,

    0 votes
    4 answers

  5. Центровка div-меню в div'e

    Есть менюшка, которая в div'e: <div class="menu"> <ul> <li class="hide"> <a title="Первый пункт" href="/p">Первый пункт</a> </li> <li class="hide"> <a title="Второй пункт" href="/v">Второй пункт</a> </li> <li> <a title="Третий пункт" href="/t">Третий пункт</a> </li> <li class="hide"> <a title="четвертый пункт" href="/ch">четвертый пункт</a> </li> <li class="last"> <a title="пятый пункт" href="/p">Пятый пункт</a> </li> </ul> </div> </div> Её стиль: .menu { -moz-background-clip:border; -moz-background-inline-policy:continuou…

    Asked by rolph,

    0 votes
    14 answers

  6. центровка блока с "absolute" элементами внутри

    Ребята проясните плиз ситуацию с position:absolute Мне нужно: загнать одну картинку под другую (читай 2 картинки на одних и тех же координатах, одна над другой) для того что бы потом анимировать прозрачность верхней. Это у меня получается сделать только с помощью position:absolute DIV-а (картинки внутри) НО мне нужна еще и центровка этого блока (в который и помещаются картинки друг под другом) и куда бы я этот блок не пихал картинки стоят на месте, движется только блок или таблица. брр.. надеюсь понятно о чем речь, то есть ограничить абсолютную позицию каким либо блоком нельзя, действие будет в любом случае на все окно так? Сорри за нубство, первый раз довелось заниматьс…

    Asked by Archi_xxx,

    0 votes
    13 answers

  7. Центровка бэкграунда с обрезкой под 1024px

    Добрый день! Подскажите, пожалуйста, можно ли разместить бэкграунд на 1200px так, чтобы при разрешении 1280*960 он просто центрировался, а при разрешении в 1024*768 центрировался так, чтобы оба его края (не просто правый край на 176px, а слева 88px и справа 88px) при этом обрезались без возможности скроллинга? Условный макет . Текущий код такой (он делает только центровку, без обрезки краёв): <body style="background: #dcd3b0"> <table width="auto" border="0" style="background: #dcd3b0; margin:auto; align:center; "> <tr> <td height="auto" style="background: #dcd3b0 url(img/VERH_SVITKA.jpg) no-repeat center top;"><img height="90px" width=…

    Asked by Luminar,

    0 votes
    2 answers

  8. Центровка в CSSе

    Доброе время суток. Интерисует вопрос: Как с помощью СSS`а, отцентровать блок (таблица, картинка, я думаю не столь важно что) по горизонтали? Насколько я понял в HTML`е аналог . Также можна закрыть тегом , но это не устраивает.Также вопрос: При сдвиге блока на определенное растояние по вертикали (top: 50px, к примеру) весь документ какбы смещается на 50 px вниз, образуя "градусники" на странице, использую position: absolute. Общая картина: Есть рамка (таблица с 1-ой строкой и столбцом), размером 700px * 100% по вертикали. Мне нужно чтобы рамка была отцентрирована по горизонтали, а также спущена на 50 пикселей вниз, от верхней стороны документа. Пытался найти выход в …

    Asked by Anton Petrenko,

    0 votes
    4 answers

  9. Центровка В диве с заданым width

    Всем привет, объясните в чем разница? http://bs.lelsa.ru/sss/ есть страница DIV content лежит в диве с с шириной 2560 px, и центрируется относительно дива. http://www.boerdam.nl/#volgende Здесь тоже самое с такой же вложенностью, но центрируется относительно ширины экрана, при этом тоже находится в диве с фиксированной шириной больше экрана, чего и я пытаюсь добиться. В чем же мать его волшебницу проблема?)

    Asked by llell,

    0 votes
    1 answer

  10. Центровка маркера

    Помогите выровнить маркер в одну строку с сылкой. Выставляю следущее: ul {list-style-image: url(/images/my_images.gif'); } но маркер отображется на пару пикселей выше ссылки в списке

    Asked by maximo,

    0 votes
    19 answers

  11. Центровка меню по вертикали

    Как отцентрировать меню по вертикали? Стиль: <style type="text/css"> #menu_up { background-image:url(images/menu_bg.jpg); background-repeat:repeat-x; width:100%; float:left; text-align:center; height:40px; margin:0 auto; } #menu_up .links li, a { display:block; float:left; text-align:center; list-style-type: none; background-image:url(images/menu_bg.jpg); font-size:14px; font-family:Arial, Helvetica, sans-serif; height:100%; text-decoration:none; color:#333333; margin:0 auto; position:relative; } #menu_up a:hover { list-style-type: none; background-image:url(images/btnact.jpg); background-repeat:no-repe…

    Asked by DrMartens,

    0 votes
    7 answers

  12. Центровка сайта: проблема в Opera

    Делаю отцентрованный сайт (Ссылка, narod.ru, исходник на slil.ru), : Всё получается ок, центральная колонка и изображением остаётся ровно в центре, никаких проблем. Однако, к таблице приходится добавлять Чтобы не было зазоров/границ. После этого исключительно в Opera всё это дело слезает: Думал, конечно, жёстко задать ширину левого и правого <td> в процентах/пикселях, но тогда они потеряют свою "резиновость". Как решить проблему? Спасибо.

    Asked by rounder,

    0 votes
    11 answers

  13. Центровка содержания сайта

    В очередной обращаюсь к вам! Помогите пожалуйста - много прочитал и попробовал, но ничего не помогает Cтраница сайта (на которой я пытался применять центровку) www.zhivoyfest.ru/index.php Файл стилей (если что style.css) Страница проработана для разрешения экрана 1024х768. Суть проблемы - когда разрешение больше содержимое страницы сбивается влево и не хочет вставать по-центру. index.php Попытался использовать InPage как контейнер для всего, но результато это не дало <body> <div id="InPage"> <div id="toper"></div> <div id="leftcol"> <div id="colmenu"> <table> <tr><td> <b><h1>Главное меню</h1&gt…

    Asked by Patriot_spb,

    0 votes
    9 answers

  14. центровка таблиц

    если в стилях задать "text-align:center" в разделе body, то эксплорер таблицы тоже центрует, а Firefox только текст... есть выход? нужно именно через стили это сделать

    Asked by Raptoridze,

    0 votes
    2 answers

  15. центровка текста

    почему-то при отображении текста на странице текст выравнивается по левому краю когда он помещен в теги <tr align="center"></tr> <td align="center"></td> или <span align="center"></span> и, даже, #text {text-align: center }. Центрируется текст только при <div align="center"></div> но, при этом, он опускается. Что я сделал не так не так?

    Asked by kminas,

    0 votes
    4 answers

  16. Центровка текста по вертикали

    Верстаю сайт http://vsenadomu.ru/ и никак не могу отцентрировать поле поиска Вот такой код работает в ИЕ7 и FireFox 3 и хроме, но не работает в Opera 9.64. Если поставить padding 0 0 0; убрать vertical-align: bottom и добавить line-height:48x, то работает везде крому firefox sad.gif /* Search */ #at-search { background: no-repeat left center; position: absolute; top: 21px; left: -10px; z-index: 0; float: right; margin: 0; } #at-search .inputbox { color: #070000; width: 275px; background: url(../images/search.png) no-repeat; text-transform: none; text-align: center; padding: 15px 0 0; height: 48px;vertical-align: bottom; border-width: 0; } .narrow #at-search .inputbox{ …

    Asked by szag,

    0 votes
    5 answers

  17. Центровка элементов страницы

    Есть у меня сайт. Главная страница разделена таблицей на две части 10% (меню), 90% (начинка). Начинка набивается кучей маленьких блоков, вот так (сократил): <body> <table> <tr><td width=10%>menu</td> <td width=90% align=center> <div class="column1"> новость 1 </div> <div class="column1"> новость 2 </div> <div class="column1"> новость ..... </div> </td></tr></table> стиль column 1: .column1 { float: left; margin-right: 20px; margin-bottom: 20px; } Очень удобно все получается, если экран у монитора широкоформатный, то блоки выстраиваются по горизонтале, если не очень, то в…

    Asked by Alexey Menshikov,

    0 votes
    3 answers

  18. Цепочка рисунков

    Как мне разместить цепочку рисунков слева направо и притом без отступа снизу, который можно убрать только через display: block;?

    Asked by Kenshi45,

    0 votes
    6 answers

  19. Цикл do ... while + позиционирование?

    Как вывести текст который выходит через цикл (заметки), да ещ? с позиционированием. Они у меня накладывается друг на друга и ещ? дабавить к этим заметкам общий скроллер?

    Asked by DmB,

    0 votes
    24 answers

  20. Цикл for

    Внутри xsl-шаблона пробую написать скрипт, использующий оператор цикла for. Корневой тег xsl:stylesheet, в нем объявлен тег html, принадлежащий пространству имен xmlns="http://www.w3.org/1999/xhtml". Далее все теги xhtml вложены как обычно. Внутри body контейнер script в нем простейший цикл for - и шаблон не срабатывает. Если цикл заменить условным оператором if - все работает нормально. А на for валидатор notepad++ ругается "invalid element name". Почему?

    Asked by hike,

    0 votes
    6 answers

  21. цикл While

    Добрый вечер, пишу игру виселица, по книге. Возникла проблема. Ввод и запись верных букв прогоняется через цикл while, не могу понять как сделать взять данные что бы рисовался человечек на canvas. Получается он рисуется после того как цикл полностью выполнен.

    Asked by Endorphin,

    0 votes
    1 answer

  22. Цикл в цикле и цикл в цикле

    Добрый день! Осуществляю две выборки из двух таблиц. В одной хранятся данные о музыкальном альбоме, в другой информация о треках. Потом все это циклирую, перевожу в немножко другой вид и отправляю в шаблон. Шаблонизатор Smarty. Далее в шаблоне циклом пытаюсь вывесли все это на экран. Но не выходит. Выглядеть это должно как: Альбом№1(описание) -Трек 1 -Трек 2 -Трек n Альбом№n -Трек n Выходит так, что выводятся только треки первого альбома. Если все это выводить из файла обработчика, то все работает правильно, а вот в смарти нормально не циклируется. Подскажите пожалуйста, как решить эту проблему. Далее привожу код. РНР: $select = mysql_query("SELECT * FROM `audio_albums`…

    Asked by haZe,

    0 votes
    1 answer

  23. Циклическая смена фона у div

    Здравствуйте. Подскажите пожалуйста, как кожно реализовать циклическую смену фона у div'а. Например: есть несколько небольших изображений и их нужно менять при каждом обновлении страницы. Сейчас имею: html: <div class="head"></div> css: .head { height: 200px; background: #e2e1e7 url("../images/head.jpg") no-repeat; background-position: right; border-radius: 10px 10px 0px 0px; }

    Asked by TillL,

    0 votes
    9 answers

  24. циклический rotate на n-градусов (jQuery) мозговлючающая задача

    Привет. У меня возникла проблема: Есть такой пентагон, который при клике на пункт меню поворачивается в его сторону https://yadi.sk/i/Xv1jCEZkghMH6 проблема в том, что пентагон должен крутиться по короткому пути к активному пункту.

    Asked by veremey,

    0 votes
    6 answers

  25. Циклы Smarty - Получение последних трех итераций

    Всем привет! Ребята, такой вопрос - как определить в цикле последние три итерации? Есть цикл {foreach name=aussen item=data from=$module} <div class="div border-bottom border-right"> бла, бла, бла... </div> {/foreach} Суть вот в чем. В диве добавляю border-bottom, чтобы каждые блоки были подчеркнуты, чтобы получить сетку. Выводится по три блока на строку. И вот как убрать border-bottom у последних трех? Но, тут получается, что может быть не ровное количество. И в конце может быть и один блок или два, а не обязательно три. т.е. может быть и так OOO OOO O или OOO OOO OO или OOO OOO OOO И вот у последнего ряда, сколько бы там не было блоков убрать border-bottom.…

    Asked by dropoff,

    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