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. Позиционирование счетчика посетителей в joomla

    Линк: http://capitan.dp.ua/index.php?option=com_content&view=article&id=46 В опере, хроме и сафари отображается там, где надо. В мозилла и ие - выше. Чтобы местоположение было везде одинаковым - надо хаками пользоваться или указать другие свойства элемента?

    Asked by photograf,

    0 votes
    3 answers

  2. Позиционирование таблицы

    Решил обратиться за помощью, вдруг кто знает. Дело вобщем нехитрое, вот в чем оно заключается.Надо чтобы таблица не переводилась на новую строку, а была какбы частью текущей. Если просто создать таблицу после текста : <body> текст текст текст текст текст текст текст <table border="1" width="" style="vertical-align: text-top;"> <tr><td>текст </td></tr> <tr><td>текст </td></tr> </table> </body> будет так: текст текст текст текст текст текст текст таблица ,а надо так: текст текст текст текст текст текст текст таблица можно сделать все одной таблицей с , но может ктото знает, как обойтись без это…

    Asked by Serg_Bloim,

    0 votes
    1 answer

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

    Есть шапка, вот схема: 1. Требуется совет, правильно ли я сделал, что полосу, в которой будет меню слил с шапкой в единую картинку? Или лучше ее делать контейнером?

    Asked by x11,

    0 votes
    6 answers

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

    Добрый день на сайте http://lotos-seeds.com.ua/product-category/catalog/semena/morkov/добавил текст, пытаюсь его разместить внизу под товарами - не получается. Пытался через позиционирование - текст опускается, но как сделать так чтобы блок по высоте расширился при перемещении текста вниз. В противном случае текст налазит на товар! Спасибо. ссылка

    Asked by mrfrunze,

    0 votes
    9 answers

  5. Позиционирование текста в div с помощью line-height

    День добрый! Мне нужно спозиционировать текст внутри div по вертикале, чтобы текст был по середине. Нормально ли для этого использовать line-height со значением высоты контейнера? Пример: <div>текст</div> height div : 20px line-height div : 20px

    Asked by egiko,

    0 votes
    3 answers

  6. Позиционирование текста в правом углу браузера

    Друзья. Прошу помощи. Хочу позиционировать некий текст в правом верхнем углу браузера. Необходимо, чтобы позиционирование не зависело от клиентской разверстки монитора. Проблема в том, что если прописывать position: absolute и top: xx, left: xx или right: xx происходит смещение текста относительно используемой экранной разверстки. Как быть? Спасибо.

    Asked by walek,

    0 votes
    7 answers

  7. Позиционирование текста внутри тега H2

    Имеется тег H2 (генерируется CMS, да и в тексте его удобней использовать для типографики). Дизайнером, для него заданно следующее оформление (белый шрифт, и картинка в фоне): Проблема в том, что текст в заголовке, не всегда помещается в одну строку, и необоходимо сделать, что бы он всегда оставался по средине своего бэкграунда. Т.е. выглядеть так: Для этого я создал вот такой код (html я приводить не буду, т.к. он и так понятен): .content h2 { background:url("images/h2_bg.gif") no-repeat scroll center bottom transparent; color:#FFFFFF; line-height:40px; margin:20px 0 0 -20px; padding:0 0 0 20px; width:517px; } В коде, я задаю line-height:40px; что бы строка была пос…

    Asked by TheKIP,

    0 votes
    8 answers

  8. Позиционирование текста на шапке

    Здравствуйте! Прошу помощи у Вас. Есть шапка сайта,на ней расположен текст,при просмотре сайта в полном окне все нормально,но стоит уменьшить окно браузера,то надпись на шапке съезжает,не знаю вот как решить эту проблему,пример на скриншоте: 1 - полное окно браузера,надпись "название автошколы" там где надо. 2 - уменьшенное окно,надпись уезжает вверх. HTML: <div id='header'> <img src='/img/logo.jpg' width='100%'> <div id='textlogo'> <h1 class='name'>Название автошколы</h1> <h1 class='addres'>(495)321-21-12</h1> </div> CSS: #textlogo h1.name { margin: 0; padding: 0; font-size: 240%; position: relative; …

    Asked by Allan,

    0 votes
    6 answers

  9. Позиционирование текста по нижнему краю со скрытием его части не помещающейся в блок

    Подскажите, как решить задачу позиционирование текста по нижнему краю со скрытием его части не помещающейся в блок? Использую следующий CSS: div{ height:160px; width:160px; overflow:hidden; display:table-cell; vertical-align:bottom; } При таком способе не срабатывает overflow:hidden; и при длинном тексте высота блока увеличивается.

    Asked by Павел Ткачев,

    0 votes
    3 answers

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

    <div style="float:left;"> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td style="font-size:30px; color:white;">10</td> <td style="border-right:1px solid #747474; padding-left:5px;"> </td> <td style="padding-left:5px; padding-right:10px;" align="center"> <table cellpadding="0" cellspacing="0" > <tr> <td style="font-size:19px; color:#c7c7c7; padding-left:5px;">10</td> </tr> <tr> <td style="font-size:14px; color:#747474;">2010</td> </tr> </table> </td> </tr> </table> </div&…

    Asked by Simon,

    0 votes
    2 answers

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

    Приветствую! index.html: <div class="str1"><span class="cpu">Центра́льный проце́ссор.</span></div> css: .str1 { width: 100%; height: 100px; background-color:#3399ff; background: linear-gradient(130deg, #3399ff 50%, #ffffff 50%); } .cpu {border:0px solid red; color:#3399ff; font-size: 40px; line-height:100px; margin-left: 600px;} ================================================================ При просмотре на разных мониторов с разным разрешением, происходит следующие: На разный текст, не обращайте внимание, нужно как-то правильно оформить , посмотрите код и напишите правильный.

    Asked by Нуб,

    0 votes
    19 answers

  12. Позиционирование тени по нижнему краю

    Здравствуйте. Как можно спозиционировать тень по низу? box-shadow:1px -1px 3px rgba(0, 0, 0, 0.5); 1px - сдвиг влево, -1px - сдвиг вправо. 3px - размытие. Не получается, при данном коде, тень располагается правее... Что делаю не так?

    Asked by Nack,

    0 votes
    4 answers

  13. Позиционирование фиксированного заголовка таблицы.

    Имеется в наличие страница с двумя таблицами с фиксированным заголовками. Заголовок фиксируется относительно thead таблицы. Возникла необходимость добавить данную страницу с таблицами в спойлер. Спойлер использует функцию toggle, скрываемый текст помещается в div, только вот при добавлении данной страницы в спойлер использующий функцию toggle, позиция фиксированного заголовка в таблице задается не относительно таблицы, а относительно границ браузера, а при закрытии спойлера остается зафиксированным на месте, также заголовок второй таблицы накладывается на первый. Подскажите как это исправить?

    Asked by Walter_Stolz,

    0 votes
    2 answers

  14. Позиционирование фона

    Есть страница, а в ней div у котого class "page" .page { width: 100%; background: no-repeat url(/images/skate.jpg); background-position: center top; } Соответственно он выравнивается по центру, но надо по центру но со сдвигом вправо, например на 250px. Возможно ли сделать отступ в фоне? Подскажите, как это сделать.

    Asked by CCron,

    0 votes
    13 answers

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

    Есть фоновое изображение, необходимо прикрепить его таким образом, чтоб при ресайзе окна привязка была была к центру документа, а фон просто подрезался... Вот тут пример _http://forum.eve-ru.com Я честно говоря уже голову сломал, второй день вожусь. Пробовал передирать цсс, не работает. Премного благодарен.

    Asked by resoursa,

    0 votes
    3 answers

  16. Позиционирование фона png-24

    Столкнулась с моментом, где фоном тянущегося по высоте блока в правом нижнем углу должен быть прозрачный png-24. Поверх этого фона будет контент. Проблема, как Вы догдались, из-за IE6. Признаюсь честно, не могу придумать, как реализовать такое. Ну если бы блок не тянулся, то тут решение очевидно: Блок-контейнер. Внутри него блок-пустышка сверху, который прижимает блок с png фоном к низу. Сверху абсолютным позиционированием кладем блок с контентом, по ширине и высоте индентичный контейнеру. Но.. в моем случае то, блок с контентом тянется.. следовательно данное решение не подходит, поскольку только при помощи JS можно высоту блока-контейнера сделать зависимой от высоты абсо…

    Asked by iRina,

    0 votes
    12 answers

  17. Позиционирование фонового изображения

    Здравствуйте. Столкнулся с проблемой: как фоновое изображение сместить вправо на 10px учитывая что background-repeat: repeat-x ? Спасибо

    Asked by host,

    0 votes
    2 answers

  18. Позиционирование фонового изображения

    При задании позиции фонового изображения оно просто исчезает. Какую ошибку я допустил?

    Asked by Klaus,

    0 votes
    3 answers

  19. Позиционирование фонового изображения

    Всем привет. Народ, делаю сейчас страницу: Ссылка Но никак картинку не могу спозиционировать, чтобы она вообще отображалась, как на главной странице: http://busik.top/ И в футере картинка на задний план уходит почему то. Пробовал с z-index играться, но результата не дало. Помогите пожалуйста, как CSS подправить, чтобы всё нормально отображалось? Скрины: Скрин1 Скрин2

    Asked by fenix_63,

    0 votes
    1 answer

  20. позиционирование формы

    Ребят подскажите как отпозоционировать input и option что бы они были на одном уровне и одинакового размера,кучу видосов посмотрел на ютубе но там никто не объясняет толком как и почему <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <form action="#" method="post"> <p><label for="name">Name: <input type="text"></label></p> <p><label for="passvord">Passvord: <input type="text"></label></p> <p><label for="forza">Forza:</label> <select name="nav" id…

    Asked by Евгений_SB,

    0 votes
    6 answers

  21. Позиционирование футтера

    Помогите пожалуйста разобраться! Проблема возникла с позиционированием футтера. При уменьшении окна браузера по вертикали футтер "наезжает" на контент. Как избавиться от этого и сделать так чтоб он останавливался перед последним блоком? саму страничку можно найти на http://outfoxer.ua.elro.com/yoga/ball/index.html заранее спасибо.

    Asked by Yoga,

    0 votes
    2 answers

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

    Здравствуйте. Помогите, пожалуйста, решить задачу - расположить элемент html (например, картинку <img>) с некоторым заранее определенным смещением относительно центра по горизонтали. Конкретный пример - 400 пикселей влево от центра. Единственное, что приходит в голову - использование отрицательного margin-left. Но в этом случае картинка исчезает с клиентской части окна браузера при изменении его размеров (сжатии) ниже критического уровня. Картинка как бы уплывает за край браузера. Как сделать, чтобы картинка не уплывала, а если и уплывала, то чтобы ее можно было "достать" с помощью полосы прокрутки. Понятно, что задачу можно решить с помощью java script, но хотелось…

    Asked by salikoff,

    0 votes
    19 answers

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

    Имею затруднения в изображении одного из элементов сайта. Вот эскиз: Весь макет выравнивается по центру, "жесткий" макет, с определенной шириной. С чем проблема: серая панель, на которой располагается слайдшоу. Слайдшоу будет реализовано в виде готового скрипта javascript и помещено в контейнер (эту самую серую панель). Нужно, чтобы серая панель справа всегда была в край окна браузера, а слева - на определенном расстоянии от центра окна (т.е. чтобы также равнялась по центру (с левой стороны) со всем остальным сайтом; иными словами, чтобы левый край панели был "привязан" к правому краю всего макета). Как такое выравнивание описать на css?

    Asked by freefly,

    0 votes
    4 answers

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

    Добрый день уважаемые профессионалы! Вот столкнулся с такой проблемой... Есть фон сайта (просто одна картинка), на этой картинке есть нарисованные ящики которые я хочу сделать ссылками (3 шт.) Я делаю следующее: нарисовал три картинки (пока что они разноцветные, что бы было видно куда их ставить, потом будут прозрачные), вставил их поверх фоновой картинки на те места куда требуется и прописал на каждую ссылку. В CSS поставил .leto { top: 38px; right: 310px; z-index:99999; position:absolute; } В html выглядит так: <a href="http://storeclothes.com.ua/index.php?option=com_content&view=article&id=16&Itemid=43"class="leto"> <img src="images/stories/…

    Asked by gumuch,

    0 votes
    3 answers

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

    Подскажите пожалуйста, как позиционировать элемент на всю видимую область окна браузера? Есть слайдер, в котором крутятся картинки, и есть скрипт, благодаря которому картинка увеличивается, но не могу понять относительно какого элемента он позиционируется. <div class="sl_slider"> <div class="sl_img"> <img class="image" src="img/001-1.jpg" alt="001-1"> </div> <div class="sl_img"> <img class="image" src="img/002-2.jpg" alt="002-2.jpg"> </div> <div class="sl_img"> <img class="image" src="img/001-1.jpg" alt="001-1"> </div> <div class="sl_img"> <img class="i…

    Asked by oleg126,

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