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. vertical align у inline-block

    <div class="parent"> <div class="helper"></div> <div class="child">TEXT</div></div>.parent { height:100px; width:600px; border:1px solid #ff0000;}.helper { display:inline-block; height:100%; width:1px; background:green;}.child { display:inline-block; vertical-align:middle; border:1px solid #0000ff;}Не могу понять, как работает способ вертикального центрирования. https://jsfiddle.net/mws18yoL/ Если дать элементу .helper vertical-align:middle, то центрируется отлично. Без этого нет. Но ведь должно и без того? Высота строки задана блоком .helper в 100% от родителя. Далее известно следующее - vertical-a…

    Asked by sond1k,

    0 votes
    15 answers

  2. vertical alignment in bootstrap column

    Здравствуйте! Имеется вёрстка > http://bigma.xyz/dev/pex/ Задача: Разместить контент в колонке по центру независимо от объёма (скриншот: https://screencloud.net/v/mT69) Пожалуйста прошу помочь в решении проблемы или тыкнуть носом в ответ (в гугле не забанили...либо не хватает мозгов, либо руки кривые). Заранее - огромное спасибо!

    Asked by Crossfield,

    0 votes
    4 answers

  3. vertical-align

    Возникла проблема с выравниваем по нижнему краю дива/ячейки. Как пример на странице по ссылке (www.ygo.ru/market) есть 2 вида блоков с товарами (всмысле разные по высоте). Пытаюсь сделать так, чтобы при любой высоте блока с товаром он прижимался к низу своей строки и высота строки зависела от самого высокого элемента, перепробовал все варианты которые нашел и с дивами и с таблицами с vertical-align и с абсолютными позициями, ничего не хочет правильно работать =(

    Asked by Joyfit,

    0 votes
    8 answers

  4. vertical-align

    Добрый вечер! У меня есть многострочный <td> внутри <tr> со свойством vertical-align: middle; и всё вроде бы хорошо, только на практике содержимое например 2-х строк выравнивается исходя из высоты не самой буквы, а высоты этого шрифта, я не знаю как правильно сказать. Тоесть, выравнимание не смотрит на то, есть ли у меня буквы вида Й или Ё в первой строке, а уже делает отступ как будто они есть, эти 2 пикселя под умлауты. Также обстоят дела с последней строчкой, в которой может не быть букв Щ Ц Д и пр.. Выражаясь русским языком, для системы, буква Й и буква К имеют одинаковую высоту. Может есть свойство, которое заставит игнорировать это и брать только "чистую…

    Asked by Arinden,

    0 votes
    8 answers

  5. vertical-align

    Привет форумчане. С наступающим всех. Третий день не получается решить проблему. Задача. Сделать резиновую шапку. Логотип на всю ширину, 2 менюшки (одна вверху, другая под логотипом). Да в общем то, проблема с выравниванием. Не могу выравнять название сайта по середине логотипа (выравнивание по вертикали). В общем то мысли вокруг 2-х строчек, но не получается с ними. display:table; vertical-align:middle; Мой код (выравнивание наименованя сайта пока по низу..) HTML <html> <head> <link rel="stylesheet" href="css/reset.css" type="text/css"> <link rel="stylesheet" href="css/style.css" type="text/css"> </head> <body> <div id="wrap…

    Asked by denya555,

    0 votes
    2 answers

  6. vertical-align

    Доброго времени суток! Есть такой код. Не очень шарю в свойстве vertical-align, а мне нужно выровнять разделители между надписями по центру(разделители добавлял через a:after в content: "|")

    Asked by Arthur,

    0 votes
    2 answers

  7. vertical-align в div

    <div class="head"> <img src="img/Logo.gif" width="57" height="56" class="logo">Сайт </div> #head { width:500px; height:70px; background-image: url(../img/bg_l.jpg); background-repeat: repeat-x; } .logo { position: relative; top:5px; left:0; } Как сделать вертикальное выравнивание слова: "Сайт" по ценрту. vertical-align, padding - не работают... Если что-то не так, извините, сегодня прошел курс css

    Asked by SLameN,

    0 votes
    6 answers

  8. vertical-align в li

    Здравствуйте. В общем, есть <ul class="ulSideMenu"> <?php projectList(); ?> </ul> в projectList: for($i = 0; $i < $rows; $i++){ echo "<li><a href='#'>"; echo mysql_result($q, $i, 1); echo "</a></li>"; } Проблема в том, что хочется центрировать текст по вертикали, но никак не выходит. Гугл ответа не дал. Ссылка вот: http://dg-lab.com/ (На панели слева)

    Asked by DoctorGester,

    0 votes
    0 answers

  9. vertical-align для инлайна

    http://jsfiddle.net/usfe/8yCx2/1/ вот не пойму, вроде 2 инлайна, почему vertical-align для инлайна question работает только относительно второй строчки, а не высоты всего инлайна?

    Asked by USF,

    0 votes
    0 answers

  10. vertical-align и Opera

    <div class='podval'> <span>xxxxxxxxxxxxx</span> </div> .podval span { font-family: verdana; color: white; Font-weight: bold; vertical-align: -75px; } Во всех браузерах текст по вертикали нормально выравнивается (с помощью vertical-align), а Opera ни в какую? В чем дело? у Opera вроде как полная совместимость с этим свойством, в чем может быть причина? Заранее благодарен за ответ. версия Opera 12.01

    Asked by Lutciy,

    0 votes
    5 answers

  11. Vertical-align работает в <div></div> ?

    Как отцентровать по вертикали текст в <div></div> или в <p></p> ? По горизонтали получается с помощью text-align: center; В описании (http://htmlbook.ru/css/vertical-align) написано, что "middle - выравнивание средней точки элемента по базовой линии родителя плюс половина высоты родительского элемента." Я задал ширину и высоту для контейнера. То по идее к центральной точке текста или изображения должна добавляться половина высоты контейнера от верхней его границы. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <…

    Asked by Oleh,

    0 votes
    2 answers

  12. vertical-align: baseline

    vertical-align: baseline; В IE с таким стилем вс? отображается на ура: , а в FF косячит: Как поправить, чтобы было как и в IE?

    Asked by allmoney.ws,

    0 votes
    5 answers

  13. vertical-align: middle не работает на IE7

    Много тем с разными решениями которые не работают. Как решается проблема? Тут это видно на картинках которые не квадратные.

    Asked by Pumych,

    0 votes
    12 answers

  14. vertical-align:text-top

    Здравствуйте. Столкнулся с одной проблемой и решил на css-live освежить знания о vertical-align. Стал ковырять один пример и получил вот такое -http://jsfiddle.net/bA3ye/1/ Отсюда вопрос: почему text-top для первого элемента не поднимает его на высоту среднего, который самый высокий в строке, а выравнивается по высоте контента последнего? При этом средний подстраивается под любую высоту боковых. чувствую, что упустил какую-то мелочь

    Asked by USF,

    0 votes
    1 answer

  15. Video Background автоматическое изменение высоты DIV под высоту текста.

    Здравствуйте! Подскажите как сделать video background для DIV, и что бы высота div-a задавылась автоматически в зависимость от высоты текста внутри? Спасибо!

    Asked by dany994,

    0 votes
    1 answer

  16. video background как реализовать

    Привет, как реализовать video background с позицией fixed

    Asked by soltx,

    0 votes
    2 answers

  17. Video не работает в андроидном бразуере

    Подскажите, такая ситуация. Создаю веб-страницу, которая должна работать на Samsung Galaxy Tab, там Андроид 4.0.3 и родной браузер. Вот это http://htmlbook.ru/html5/video не хочет работать ни в какую. В Хроме на этом же планшетнике - работает. Гуглил - ничего толкового. Кодировки у файлов правильные, H.264 + ACC.

    Asked by botyaslonim,

    0 votes
    3 answers

  18. Viewport

    Прочитал несколько статей на эту тему и не понял пару моментов. 1. По умолчанию (при отсутствии мета тега viewport) большинство мобильных браузеров задают странице фиксированную ширину в 980px. Зачем они так делают? Что мешает браузеру взять ширину сайта, какой бы она ни была, и втиснуть ее полностью по ширине экрана? Сейчас, если ширина сайта, например, 1100px, то часть страницы просто выйдет за пределы экрана и нужно будет свайпить. 2. Если прописать <meta name="viewport" content="width=device-width">, то, например Firefox в смартфоне LG L9 покажет ширину в 360px (window.innerWidth). Почему именно 360? Откуда берется эта цифра? Ведь в характеристиках устройств…

    Asked by Bassline,

    0 votes
    2 answers

  19. viewport для разных размеров экрана

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">Используется такой такой мета-тэг. Задача состоит в том, чтобы его применять ТОЛЬКО в случае, если размер экрана меньше 768px. Если экран больше 768px, то сайт должен вписываться в экран полностью (как это происходит по умолчанию). В данном случае есть мобильная версия, которая срабатывает на экранах, если размер окна браузера или экрана меньше 768px. Как поступить? Спасибо.

    Asked by Bravo,

    0 votes
    6 answers

  20. VirtualHost дэнвер

    У меня вопросец как добавить виртуальный хост в дэнвере? Я в курсе что в дэнвере достаточно создать директорию в папке home с папкой www и будет мне счастье, но у меня папка www находится на удаленном компьютере, у меня расшарен диск удаленного компьютера и путь до папки www выглядит так: I:\JOB\GreenGear\www обычно я пользовался стареньким апачем где писал: <VirtualHost *> <Directory /> Options +Includes </Directory> ServerAdmin webmaster@example.com DocumentRoot I:/JOB/GreenGear/www ServerName gshop ErrorLog logs/gshop CustomLog logs/gshop common </VirtualHost> как бы там все работало, а тут не работает как быть? p.s. дэнвер решил поста…

    Asked by stars,

    0 votes
    2 answers

  21. Virtuemart рв?т блок

    Joomla. Установил virtuemart - во всех браузерах вс? пучком, в ие - как всегда. Не могу найти ошибки, так как, к сожалению, в аналоге fairbug для ие нельзя менять значения стилей. Вобщем подскажите пожалуйста, где чего подкрутить надо. Да... вот сама страничка.

    Asked by Trust,

    0 votes
    1 answer

  22. virtuemart2 уровни вложенности

    подскажите пожалуйста действительно ли родной модуль категорий в virtuemart2 не выводит категории, выше второго уровня? в описании модуля написано следующее . это информация бесполезная и непонятная.в том случае когда родительской категорией в настройках модуля делаю не "верхний уровень", отображается на сайте на один уровень больше категорий. это странно. почему всё таки не больше 2 уровней доступны?.. может быть я что-то настраиваю неправильно или действительно модуль так уродски задуман?

    Asked by cyklop77,

    0 votes
    4 answers

  23. visibility

    Почему при наведении на ссылку она не показывается?? http://jsfiddle.net/dMZHM/

    Asked by DivMan,

    0 votes
    5 answers

  24. visibility: collapse в FF не работает?!

    Подскажите люди добрые .... в чем может быть проблема. Скорее всего ? понимаю что в голове ? но всеже без подсказки уже не могу Вобщем пытаюсь скрыть ячейки ... что то типа display: none .... нужно чтобы крос-браузерно, как следствие для FF (а здесь вопрос именно в нем) смотрю в стороно visibility как и обещают многие доки. Вот он (ниже) небольшой пример кода(сама задача несколько обширнее), который почему то отказывается работать в FF 2.0.0.11 Вобщем результат его работы (при попытке скрыть ячейки) в этом браузере ? ячейки перестают отображаться, однако выделенное под них ранее пространство остается не поделенным между соседними ячейками (так как мне кажется логичным это…

    Asked by fran,

    0 votes
    5 answers

  25. visibility:hidden;

    Есть ли аналог этого свойства? Ато, как выяснила практика, он не работает в ие.

    Asked by Павел Билькис,

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