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. позиционирование элемента по центру не зная его размеров

    Добрый день. Подскажите пожалуйста, как с позиционировать элемент по центры относительно горизонтали и вертикали, не зная его размеров. Структура такая: li{position:relative;float:left;padding:0;margin:0;overflow:hidden;width:100px;height:100px;background:none} img{display:block} <li><img ... /></li> я придумал только следующее: оставляем как есть, т.е. <img> не трогаем, но скрываем его, а у <li> делаем беграунд из такой-же картинки что и в <img>, и уже этот беграунд позиционируем.

    Asked by clgs,

    0 votes
    10 answers

  2. Позиционирование элемента с отступом

    Подскажите пожалуйста! <div class="standart"> <span class="statistics">Статистика</span> </div> .standart { position: fixed; right: 5px; bottom: 5px; } .statistics { border: 1px solid #CFCFCF; background-color: #F2F2F2; padding: 5px } Если поставить padding: 5px в .statistics, то элемент div.standart уезжает за края, приходиться регулировать вручную параметр bottom: 5px в .standart Вопрос: почему span.statistics сам не регулируется относительно значений bottom и left заданных в .standart, при изменение padding внутри его? P.S. - Заметил что если элемент будет без span в одном div элементе, все корректно =(

    Asked by AppleMacMy,

    0 votes
    2 answers

  3. Позиционирование элементов

    Объясните как мне установить внутри блока div картинку фон? Мне нужно что бы картинка была по середине красного блока. а она распологается по центру браузера Скрытый текст <html> <head> <title>Страны мира</title> </head> <style> <!-- Стили --> html { height: 100%; /* Высота веб страницы */ } /***************************************************************************************/ body /* Тело сайта */ { margin: 0; /* Величина отступа от каждого края элемента */ padding: 0; /* Значение полей вокруг содержимого элемента */ } /*******************************************…

    Asked by denzell,

    0 votes
    3 answers

  4. Позиционирование элементов

    Ребята, покажите пожалуйтса в чем ошибка. http://47823.selcdn.ru/vst/index.html С Фаерфокса если смотреть - стрелочки в последних двух ячейках таблицы прижимаются к левому краю экрана

    Asked by ghrd,

    0 votes
    1 answer

  5. Позиционирование элементов

    У меня есть родительский блок (показан на картинке белым) относительно него есть блок 1 я хочу что бы блок 2 был параллельно ему слева, но он идет слева внизу, как исправить ?

    Asked by fro,

    0 votes
    5 answers

  6. Позиционирование элементов

    Привет! Помогите мне понять почему возникает такая проблема: есть три блока, находятся в ряд. Крайние прибиты по краям родителя. При уменьшении экрана 1 блок скрывается, а 3 перестраивается вниз. Так вот, если играться с размерами окна, 3блок перестраивается вниз, но когда снова увеличиваешь окно, он становится не в ряд, а ниже. Если обновить страницу становится опять все хорошо. Очень хотелось бы понять почему так. https://jsfiddle.net/horprogs/5hjwwnpj/1/

    Asked by horprogs,

    0 votes
    6 answers

  7. Позиционирование элементов

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

    Asked by Dillett,

    0 votes
    4 answers

  8. позиционирование элементов

    ребят помогите пожалуйста ни как не пойму почему блок с тектом на (2 картинке ) налазит на блоки хотя при нормальном размере браузера все норм вот код HTML <div class="team-info-fon"> <div class="team-info"> <div class="team-info-1"> <h1>Meet our team</h1> <p>Lorem ipsum dolor sit amet, consectetur adipis cing elit, sed dooing eiusmod tempor incididut labore Ui / Ux , print template.</p> <div class="line2"></div> </div> <div class="team-info-2"> <img src="#" alt=""> <h2>mark waugh</h2> <p>Lorem ipsum dolor …

    Asked by Евгений_SB,

    0 votes
    2 answers

  9. Позиционирование элементов внутри ячейки

    Вопрос в следующем. Есть таблица 1 ряд в 2 ячейки. Ширина 800px Высота 100% В 1-ой ячейке наверху идет фотография, во-второй идет много-много текста который в свою очередь растягивает ячейку №2 вниз. Теперь в чем стала проблема в первую ячейку надо запихать вторую картинку, но что бы она была в самоом низу, наровне с нижней строчкой текста во 2-ой таблице. Решение есть переделать таблицу, но в моем случае это будет трудоемко. Поэтому можно ли заставить путем css два элемента в одной ячейке быть один в самом верху а другой в самом низу. Заранее спасибо Александр

    Asked by Quazzii,

    0 votes
    7 answers

  10. Позиционирование элементов сайта

    Как более правильнее позиционировать элементы сайта? Через параметр margin или с помощью position:relative(left,right,top,bottom)? Случайно в голову прилетел этот вопрос, теперь забыть никак не могу. Сам пишу с помощью margin и всё работает как часы, но вдруг это не совсем корректно? Хочется всё делать как надо)

    Asked by Ge1i0N,

    0 votes
    3 answers

  11. Позиционирование элементов списка.

    Добрый день! Имею вот такой нюанс https://jsfiddle.net/yqfyb014/2/ Не понимаю как при помощи CSS решить проблему с позиционированием. Так как я предполагал, что сделав отступ для первого элемента списка, я "паровозом" выровняю все остальные элементы. Но получилось, собственно, то, что на изображении. И хотелось бы понять-как достучаться до первого элемента каждой строки?

    Asked by Super_Saimon,

    0 votes
    6 answers

  12. Позиционирование эллемента страницы

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

    Asked by цуифке,

    0 votes
    2 answers

  13. Позиционирование. Как такое реализовать?

    Привет всем! Интересует такой интересный вопрос, реализацию которого я увидел в чате Вконтакте. Там сверху чата выводится дата сообщений поверх всего, но фишка в том, что данный блок как бы не дает на себя спозиционироваться что ли... Т.е. я спокойно могу начать выделение текста в чате под данным блоком. Как реализовать такую возможность? Как я знаю, если вывести блок поверх всех через z-index, то и все действия будут происходить именно в его зоне, а не под ним. А тут как бы происходит его игнорирование, хотя данный блок находится наверху всех. Надеюсь понятно объяснил)))

    Asked by MiHALbI4,

    0 votes
    3 answers

  14. Позиционирование. При приблежении кнопки наезжают друг на друга

    Всем привет. Сайт сверстан div-ами, меню навигации сделано с помощью позиционирования, когда приближаю страницу скролом - кнопки наезжают друг на друга. Как решить эту проблему div-ами? Помогите пожалуйста.

    Asked by Alek7y7,

    0 votes
    1 answer

  15. позиционирование...

    Доброго вечера всем верстальщикам!!!) прошу руку помощи))) я пока учусь HTML и CSS , но уже кое что этом смыслю) на стандартном форуме юкоза (т.к. самодельный туда не всунешь, ибо он неприветствует посторонний PHP) решил поставить меню и отпозиционировать его так чтобы оно держалось всегда верхней части форума, никуда не съежало, т.е. было как 1 целое..!) позиционировал его как только можно и стандартный ucoz'овский код прошел через такие извращения... о_О ну В общем он не захотел здаваться. для div'a меню задаю position:absolute; сам блок форума запер в еще 1 div и так же задал ему позицию "absolute" . начав задавать координаты, вроде все пошло как по маслу, но когда я п…

    Asked by spn_one,

    0 votes
    9 answers

  16. Позиционировании блоков информации

    Подскажите пожалуйста возможно ли сделать такое, а если подскажите как это сделать то вообще Огромнейшее спасибо есть следующая структура <div>блок1</div> <div>блок2</div> нужно сделать следующее: при просмотре сайта должно быть так (вначале "блок2" под ним "блок1"), а при просмотре html кода нужно чтобы структура порядок сохранила "блок1" и под ним "блок2". А вот теперь вопрос возможно ли это сделать без использования Javascripta, position:absolut есть идея использовать position:relative и смещение но возникает следующая проблема , блоки не имеют фиксированной высоты (а каждый раз лесть в код и поправлять смещение при изменении контента это не в…

    Asked by Burevestnik,

    0 votes
    1 answer

  17. позиционированный слой не выходит поверхдругих

    подскажите, как сделать, чтоб позиционированный слой отображался поверх всех слоев, а то у меня только в родительском нужно, чтоб контейнер menu отобрражался поверх header navigation и panel html <?php session_start(); include "include/configuration.php"; include "include/function.php"; ?> <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="shortcut icon" href="media/favicon.ico" /> <title><?ph…

    Asked by sc@r@bey,

    0 votes
    0 answers

  18. позиционировать пейджинг по середине

    сабж, проблема в том что на данный момент я отцентровал пейджинг используя padding-left:120px, но размеры области в которой он находится изменяется и в результате пейдж смешается от центра. Нужно отцентровать a.next, a.prev, но они должны нах на одной строчке. Пробовал применять text-align: center не помагло. Код: .nv-pager { clear:both; padding-left:120px; height:35px; margin-top:10px; } .nv-pager a.next { background:transparent url("images/gotonext.gif") no-repeat right center; border:0pt none; cursor:pointer; float:left; margin-left:10px; display:block; height:25px; width:26px; } .nv-pager a.prev { background:transparent url("images/gotoprev.gif") no-r…

    Asked by vrazbros,

    0 votes
    3 answers

  19. Позиционировние

    Праблема такая: верстка дивами, три колонки, поверх границы между второй и третьей колонкой хочу повесить позиционированный див. Пытаюсь естественно применять position:relative. в результате сей операции внутри блока, относительно которого позиционируется элемент, образуется промежуток по высоте равный высоте позиционируемогоэлемента. Если применять абсолют, такойже прикол тока перед или после страницы. Ко всему прочему IE6 вообще не отображает сей элемент.. Чтоделать

    Asked by mozart,

    0 votes
    2 answers

  20. Позиционироние текста

    Здравствуйте. У меня такая задача. Есть текст, который по коду должен находится выше всех элементов: например <body> <div id="up">Текст</div> <div>Что-то еще</div> <div>И Еще</div> <div>Все</div> </body> А при отображении он должен находится после блока <div>Все</div>. Бьюсь над этой задачей сутки уже. Если можете подскажите в каком направлении двигаться. Заранее спасибо!

    Asked by Ксеня,

    0 votes
    4 answers

  21. Позиционмирование DIV-ов

    Всем доброго времени суток! Хотел бы поинтересоваться у знатоков, как решить такую задачу: Необходимо разместить 9 квадратных DIV'ов внутри одного DIV'а, да так, чтобы в строку вмещалось 3 квадрата, и всего строк было 3. Причем отступ от границ каждого квадрата должен равняться 5 пикселам. Примерно как на рисунке: У меня получился следующий код, но что-то мне подсказывает, что можно сделать правильно #center { border:1px solid #000; padding:5px; position:absolute; width: 330px; } .square { position:relative; margin: 5px; float:left; background:#f00; width:100px; height:100px; } html-код: <div id="center"> <div class="square">1</div> …

    Asked by Akselar,

    0 votes
    2 answers

  22. Позицирование в DIV

    есть такая конструкция <div class="qwerty">текст</div> и есть стиль .qwerty{ font-family: "Courier New", Courier, monospace; font-size: 14pt; font-weight: bold; color: #660000; margin: 0; padding-left: 90px; height: 80px; background-image: url(../images/fon_zag.png); background-repeat: no-repeat; background-position: left; } в общем есть картинка 80х80 которая является фоном и которая должна быть слева. А справа текст. Но сейчас текст сверху. а мне нужно чтобы выравнивание по вертикали было на низу. Это реально?

    Asked by Gold Dragon,

    0 votes
    17 answers

  23. Позицирование элементов

    Доброго времени суток! Я новичок (1 Месяц. За ранее хотел бы сказать, что опыта нету, и не судите строго ), Учусь верстать сделал макет. Так вот не могу сделать нормальную шапку (Горизонтальная расположения меню): 1 Лого и Текст Лого по левому краю. 6 Текстов для Основных меню по центру 2 Доп. Меню по правому краю float: left & right - пробовал, grid: тоже, flex-box; тоже, даже через inline-block; Помогите создать меню, не хочу использовать float left/right. Хотел бы использовать grid сетку (Лучше даже написать свою сетку для будущего) Bootstrap вообще не хочу использовать, буду сидеть и писать но его не буду. Но вот беда что в grid есть …

    Asked by Sabretooth,

    0 votes
    1 answer

  24. Позиция

    Форумчане привет, помогите спозиционировать картинку. Картинка относительно текста должна быть наверху https://jsfiddle.net/oc7qxgqd/ Спасибо)

    Asked by Vans,

    0 votes
    2 answers

  25. Позиция "position:fixed"

    Всем привет. Нужно разместить картинку например 100х100 в нужном месте. Делаю так: <img src="...." style="position:fixed; top:100px; left:300px;"> Но при увеличении или изменения размера браузера (или прокручивании), положение сбивается.. Как её закрепить на нужном мне месте?

    Asked by OlegXT,

    0 votes
    1 answer

  • Обсуждения

    • 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