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>

    Кодик здесь Пожалуйста подскажите, как сделать так, чтобы строки были форматированы по нижнему краю слоя!

    Asked by poad,

    0 votes
    7 answers

  2. Вертикальное форматирование, никак не пойму.

    Никак не могу понять поведение отрицательного margin'a внутри родительского блока. Вот пример: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title></title> <style type="text/css"> p.abz{ margin-bottom:-100px; margin-right:10px; margin-top:0; border:3px solid gray; } div{ width:420px; margin-top:50px; border:3px solid red; margin:50px; } </style> </head> <body> <div> <p class="abz">a paragrapf</p> soderjimoe diva </div> <p>a paragrapf</p> </body> </html…

    Asked by amelice,

    0 votes
    2 answers

  3. Вертикальное центрирование

    Всем доброго времени суток!При верстке дизайн встал вопрос:"Как выровнить блоки по центру те,что 'Художники'?" Извините,проблема уже решена.

    Asked by Xolodeec,

    0 votes
    2 answers

  4. Вертикальное центрирование блочных эелементов

    приветствую собственно, столкнулся с проблемой вертикального центрирования картинок внутри блока, в случае вёрстки элементарной галереи. В общем, дабы не быть голословным, сразу покажу, что я именно имею ввиду: На этом изображении, на части Рис. 2 образно приведено то, что должно получиться в этоге, на Рис. 1 - то, что получается, когда я пытаюсь сверстать этот участок всеми мне известными способами) Здесь Подкладка - это блок, возможно с неким бэкграундом, Картинки - собственно картинки в неких других инлайн или блочных элементах. Рис. 2, показыват, как мне нужно сверстать эту часть - блоки подкладки одинаковой ширины и высоты с равными отступами расположены на части га…

    Asked by alexshvarts,

    0 votes
    14 answers

  5. Вертикальное центрирование внутри блока

    И снова очередной чудо-макет. http://jsfiddle.net/gcuxgc71/ В макете кнопка у которой содержимое с классом items_name может быть из одной, двух и трёх строчек. Поэтому остальные блоки нужно всегда выводить по центру. Есть ли возможность не используя таблицы выравнивать текстовые элементы по-вертикали по центру?

    Asked by PavelTkachev,

    0 votes
    4 answers

  6. Вертикальное центрирование изображения

    Доброго времени суток. Ситуация такая. Есть некий блочный элемент (допустим, абзац), внутри которого есть картинка и немного текста. Картинка вставлена тегом Код, работающий в Опере и Лисе: HTML: <img src="menu.png"> Some Text CSS: p { height: 100px; line-height: 100px; } p img { vertical-align: middle; } Буду очень рад, если кто-то подскажет как заставить работать это в IE

    Asked by Kaiden,

    0 votes
    11 answers

  7. Вертикальное центрирование многострочного текста

    Добрый вечер! Есть вот такой код: <div style="width: 600px; height: 200px; border: 1px solid red;"> Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст </div> Можно ли как-то текст отцентрировать по вертикали БЕЗ техники эмуляции таблицы (display: table)? JS также не интересует. Заранее спасибо!

    Asked by Yuriy,

    0 votes
    4 answers

  8. Вертикальное центрирование не известно по высоте блока?

    Имею такую структуру: <div id="header"><div id="logo"></div></div><style>#header {height: 100%} #logo img{ width: 80%;}</style>Как задать вертикальное центрирование блоку "#logo"?

    Asked by gnomikprazdnik,

    0 votes
    1 answer

  9. Вертикальное центрирование таблицы

    как лучше вертикально выровнять таблицу по центру?

    Asked by Chebas,

    0 votes
    2 answers

  10. Вертикальное центрирование текстовых блоков, относительно друг друга..

    Доброй ночи. Народ. Такой вопроc: https://yadi.sk/i/_ckH-oDYrYz9h без джаваскрипта реально как то заставить первые 2 блока(со стрелками) центрироватся вертикально в зависимости от кол-ва набитого текста в третьей колонке? P.S. На сколько я помню нет - но хотелось бы удостовериться наверняка..

    Asked by Yamaradg,

    0 votes
    2 answers

  11. Вертикальные вкладки справа

    Всем привет! У меня в Друпале по умолчанию горизонтальные вкладки используются. Хочу css'ом их превратить в вертикальные, но вот как их позиционировать? <div родитель> <div вкладки> <div контент> - именно к этому блоку справа нужно прижать вкладки </div родитель> пробовал position:absolute, но у меня сайт с резиновой серединой и двумя боковыми фиксированными блоками. То есть окно уменьшаешь и все плывет. Как можно спозиционировать? Спасибо!

    Asked by otmoroz095,

    0 votes
    1 answer

  12. вертикальные вкладки, в которых текст перевёрнут под 90 градусов

    Здравствуйте! Подскажите ,пожалуйста, как можно сделать такое http://prntscr.com/71qpms ? 1) в табках текст должен быть перевёрнут на 90 градусов 2) текст может меняться (был tab1 , потом стал tab22222222222222) 3) табки должны иметь каждая свой размер, в зависимости от текста в ней. вариант сделать текст картинкой не подходит. !!!!!! поддержка IE8+ !!!!!!

    Asked by ruvi,

    0 votes
    2 answers

  13. вертикальные линии

    Даже не знаю, в какой раздел писать... Нужно создать вертикальную линию вдоль основного текста страницы, но так, чтобы она на Npx не доходила до начала и конца текста. С CSS/таблицами линия получается, но она только вдоль всего текста. Пробовал создать таблицу с тремя строками, указать размер верхней и нижней строки по Npx, но этот размер не учитывается, средняя строка все равно не занимает весь оставшийся размер страницы... Как? Спасибо

    Asked by alex29,

    0 votes
    5 answers

  14. Вертикальные строки внтури горизонтальных блоков списка

    https://jsfiddle.net/49jzxfc1/1/ Подскажите, как сделать, чтобы строки в каждом блоке были вертикально

    Asked by Ser8191,

    0 votes
    2 answers

  15. вертикальный градиент текста

    помогите пожалуйста сделать вертикальный градиент текста текст расположен на фоне сложного узора. нужна возможность точно настраивать характеристики градиента(как минимум яркость и величину смещения) устроит любое решение(js, css3), даже не 100% кроссбраузерное здесь мне помочь не смогли

    Asked by cyklop77,

    0 votes
    10 answers

  16. Вертикальный отступ для фона

    <div style="border:1px solid red; width:400px;height:400px; background:url(images/button.jpg) repeat-y;background-position:300px 30px;text-align:right"> <img src="images/image.gif" width="20" height="30" alt=""> </div> Подскажите,плз,такая проблема Есть слой,в правом верхнем углу находится изображение gif высотой в 30px с частично прозрачными областями. Нужно к правому боку слоя прижать фон(ширина 20px),повторяющийся по вертикали, таким образом,чтобы он начинался сразу под картинкой и не просвечивал через нее (через нее должен просвечивать фон,заданный для body).Пытался задать отступ для фона через background-position - не получается.Думал над тем,чтобы …

    Asked by Микель,

    0 votes
    3 answers

  17. Вертикальный отступ между картинками-сслыками

    Товарищи, больше не могу с этим мучаться! Проблема в том, что на сайте есть ряд ссылок-картинок в виде <a><img></a>. В таблицу не хочу их пихать, чтоб при масштабировании окна браузера не появлялась полоса прокрутки, а ссылки-картинки просто переносились на новую строку. Горизонтальный отступ между ними получился только в путь с помощью свойства margin-left для IMG, а вот с вертикальным ну хоть вешайся. Уже всё перепробовал. Вот сслылка на страницу: http://www.rps-gc.ru/?page=154

    Asked by CBE4KuH,

    0 votes
    10 answers

  18. Вертикальный отступ перед div в FireFox отображается неправильно (

    <div style="width:840;background:white;margin-bottom:45px;margin-top:0px" id="ht5"> Если выставляется margin-top:0px, то в IE отображается нормально, а FireFox содержимое div наползает на находящееся сверху. Если выставить отступ в margin-top:150px, то в FF отображение нормальное а в IE - между предыдущим содержимым большой отступ. Как это можно разрешить?

    Asked by Fixer,

    0 votes
    6 answers

  19. Вертикальный скрол меню с position fixed

    Всем привет. На странице расположено горизонтальное меню с навигацией. При скроле страницы вниз, при условии, что блок с меню вышел за пределы экрана, значение его атрибута position меняется со static на fixed. Блок с меню прижимается к верхнему левому углу и растягивается на всю ширину окна браузера. Меню построено в виде аккордеона - при нажатии на ссылки основного меню открываются подменю. ПРОБЛЕМА: При открытии подменю с большим кол-ом пунктов, пункты основного меню ниже выходят за пределы экрана внизу. Скрол меню невозможен из-за position: fixed. Пункты меню становятся недоступными. ЗАДАЧА: Реализовать прокрутку меню по-вертикали, если при раскрытии подменю пун…

    Asked by Shurikkan,

    0 votes
    2 answers

  20. Вертикальный скролл.

    Есть сайт. Там присутствует вертикальный скролл, но при прокрутке проматывается не вся страница, а только содержимое одного блока. Не пойму как сделать также.

    Asked by Feel,

    0 votes
    4 answers

  21. Вертикальный скроллинг. Как зафиксировать навигацию?

    Всем добрый день! Подскажите, как зафиксировать навигацию при прокрутке страниц? Причем, хотелось бы, чтобы при прокрутке страницы шапка исчезала, а меню оставалось. Например, как здесь: http://p120.createme.tk/ -- при нажатии на пункт меню "Услуги", шапка исчезает, навигация -- остается.

    Asked by Fendia,

    0 votes
    11 answers

  22. Вертикальный слайдер, который не лагает в FF (ищу)

    Знает ли кто-то вертикальный jQuery слайдер, который бы не лагал в фаерфоксе? Нужен именно вертикальный. Перепробовано уже штуки 3, и все как один с жуткими перекатами (под некоторой нагрузкой конечно) работают. В Хроме и ИЕ10 все нормально, в ФФ дрожит, а если еще и скроллить, то вообще чуть ли не останавливается. Может кто сталкивался с таким.

    Asked by advokatua,

    0 votes
    2 answers

  23. Вертикальный список

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

    Asked by egoregor,

    0 votes
    4 answers

  24. Вертикальный Текст

    Здравствуйте! Подскажите, можно ли как-то стилями или ещё чем-то сделать вертикальную надпись? Всмысле, чтобы буквы были повернуты на 90 градусов относительно нормального расположения текста на странице.

    Asked by Guest Margo,

    0 votes
    8 answers

  25. Вертикальный текст

    Всем привет! Хотелось бы узнать есть ли такой тег, который бы текст расположил бы вертикально?

    Asked by raiden,

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