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. Вертикально-резиновый сайт

    Приветствую. Уже давно верстаю сайты используя табличную верстку, но на данный момент стоит острая задача сверстать блоками, а в этом у меня опыта практически нет. Полазая по всяким сайтам и прочитав гайды по блочной верстке, вроде как все сделал, но есть одна неприятная штука - контентная часть не растягивается как нужно. Дабы не писать много слов, я сверстал две простенькие схемы сайта - лучше покажу что я имею и что нужно в итоге: Имею Нужно Т.е. нужно чтобы все элементы оставались в "обертке", а обертка всегда была в высоту 100%. P.S. Пробовал на обертку ставить "overflow: hidden", но в этом случае, он просто "обрезает" область к height, т.е. видим только 100% окна, а…

    Asked by Impulse,

    0 votes
    4 answers

  2. Вертикальное 100% у таблицы в XHTML

    Народ всем привет, думаю что многие сталкивались с такой проблемой, я кстати тоже давно и вот столкнувшись с ней вновь опять впал в стопор. Скрины: IE OPERA Суть проблемы следующая, мне нужно написать код на XHTML версии STRICT то есть када код и стили полностью отделены друг от друга. Нужно получить результат как на втором скрине(это ОПЕРА). Первый скрин это ИЕ(в нем некорректно работает) CSS: html, body {height: 100%; padding: 0px; margin: 0px;} .main_table {height: 100%;} .top {height: 200px;} .content {} .bottom {height: 50px;} HTML: : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html x…

    Asked by AntonK,

    0 votes
    4 answers

  3. Вертикальное выделение в программе phpdesigner

    Собственно вопрос как работает вертикальное выделение в phpdesigner? То есть как выделить одним разом и заменить некий код в файле css

    Asked by denbon,

    0 votes
    2 answers

  4. Вертикальное выпадающее меню

    Помогите разобраться , менюшка не работает в IE воще ни как, в Опере и ФФ вс? отлично. Помогите найти и исправить ошибку. Делал по инструкции вот от сюда http://www.webmascon.com/topics/coding/42a.asp Html: <div id="menu" class="col1_bl_cont"> <ul id="nav"> <li><a href="#">Новости</a></li> <li><a href="#">Статьи</a></li> <li><a href="#">Спонсоры</a> <ul> <li><a href="#">Платит</a></li> <li><a href="#">На проверке</a></li> <li><a href="#">Не платит</a></li> </ul> </li> <li><a href="#"&gt…

    Asked by zetaap,

    0 votes
    3 answers

  5. Вертикальное выпадающее меню

    Сделал вертикальное выпадающее меню, все отлично, но только выпадающая часть появляется рядом с родительским пунктом, а надо, чтобы она появлялась рядом с первым пунктом, как на картинке.

    Asked by buck2006,

    0 votes
    3 answers

  6. Вертикальное выпадающее меню ограничивается границей блока?

    Доброго времени суток! Сразу оговорюсь: далеко не волшебник, а только учусь. При создании вертикального выпадающего меню столкнулся с проблемой: Если меню ставить вне блока - все нормально работает, но когда это же меню вставляю в блок - при наведении на пункт с подкатегорией выпадает меню только в пределах блока и под основным. Помогите если возможно! Заранее благодарен! Сайт: http://ipplaneta.ru Линк: код блока: CSS javascript

    Asked by Leonidk,

    0 votes
    6 answers

  7. Вертикальное выпадающее меню при помощи CSS

    Доброго времени суток, уважаемые форумчане! Столкнулся с одной проблемой: не могу грамотно создать вертикальное выпадающее меню (см. прикрепленную картинку), даже с костылями и то не получается, помогите, пожалуйста. Код файла index.html: <!DOCTYPE html><html lang="ru" dir="ltr" id="html"> <head> <meta charset="utf-8"> <title>VNA | Главная</title> <link rel="stylesheet" href="css/new_elements.css"> <link rel="stylesheet" href="css/style.css"> <script> document.createElement('header'); document.createElement('nav'); document.createElement('article'); document.cre…

    Asked by Pendalf,

    0 votes
    1 answer

  8. Вертикальное выравнивание

    Не подскажите ли, как отцентровать по вертикали расположение таблицы внутри тега ? Спасибо.

    Asked by uefa,

    0 votes
    12 answers

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

    Никак не могу выровнять текст по вертикале. .menu { width: 100px; height: 24px; background-image: url(images/menu.jpg); float: left; color: #ffffff; text-align: center; font-weight: bolder; } vertical-align не работает

    Asked by klik2,

    0 votes
    7 answers

  10. Вертикальное выравнивание

    Добрый день, вновь. Подскажите как мне содержимое контейнера выровнять по вертикаль-центр(vertical-align почемуто не помогает), у контейнера минимальная высота, в него помещается еще один контейнер.... #title_conn {width:100%; /*он долженн выставить чтобы содержимое равнялось по вертикал-центр*/ background-color:#eeeeee; position:relative; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; min-height:30px; } .tit { /*он должен встать по центру вертикали*/ position:relative; width:158px; left: 16px; padding:2px; border: 1px solid red; } <div id="right"> <div id="title_conn"> <div class="tit"><p>jjjjj</p> …

    Asked by woofs,

    0 votes
    16 answers

  11. Вертикальное выравнивание

    Всем доброй ночи, а ситуация следующая: Есть вот такое вот меню: http://psywalker.ru/Forum/vert.png Сделано оно таким образом: <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> *{ margin: 0; padding: 0; list-style: none;} ul { text-align: center;} ul li { width: 110px;} ul li { display: inline-table; vertical-align: middle;} </style> </head> <body> <ul> &lt…

    Asked by psywalker,

    0 votes
    9 answers

  12. Вертикальное выравнивание

    Добрый день! Никак не могу справиться с вертикальным выравниванием. Есть меню из дивов в списке. В дивах как картинки, так и текст. Одно из картинок выше других. У меня выравнивается по верхней границе, а нужно по нижней. HTML <div id="header_img"> <ul id="categories_img"> <li><a href="#"><div><img src="../About_l.png" width="175" height="100" /></div>Contacts</a></li> <li><a href="#"><div><img src="../Cable_pic.png" width="350" height="200" /></div>Cable</a></li> <li><a href="#"><div><img src="../Sound_pic_l.png" width="175" height="100" /></…

    Asked by Ngels,

    0 votes
    12 answers

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

    картинка находится внутри рамки, надо чтобы горизонтально и вертикально стояло по центру, но БЕЗ таблицы, блоками <style type="text/css"> .box{ width: 200px; height: 200px; border: 1px solid #000; text-align: center; vertical-align: middle } </style> <div class="box"> <img src="img.jpg" alt="" align=""/> </div>

    Asked by jumancy,

    0 votes
    6 answers

  14. Вертикальное выравнивание

    Изъезженная тема - вертикальное выравнивание при блочной верстке. Я знаю, что есть около 6 способов выравния блоков с различными условиями, но сейчас хочу поделиться решением для случая, мне еще не встречавшегося. Недавно столкнулся с проблемой - выровнять резиновый блок внутри фиксированного. Например... Имеется: .outer { width:50px; height:50px; } <div class="outer"><img class="inner"></div></div> Требуется: Выровнять inner внутри outter ровно по центру Решение: .outer { width:25px; height:25px; padding:25px 0px 0px 25px; } .inner { width:20px; height:20px; margin:-50% 0% 0% -50%; } Надеюсь, лишних пояснений не надо. Вероятно, скажете, "был…

    Asked by paracelso,

    0 votes
    20 answers

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

    подскажите пожалуйста про вертикальное выравнивание могу смоделировать, но долго. да и теория интересует. допустим ul содержит текст, li, span. все элементы по умолчанию выравниваются по базовой линии текста, который в ul. если этого текста нет, то по какой базовой линии будут выравниваться элементы?

    Asked by cyklop77,

    0 votes
    1 answer

  16. Вертикальное выравнивание

    Помогите <div class="section"> выровнять по центру вертикали на cardterapia.ru. То есть чтобы он всегда был по центру в не зависимости от монитора.

    Asked by smirn0ff,

    0 votes
    3 answers

  17. Вертикальное выравнивание

    Help! Уверен, что для большинства задача до ужаса тривиальная, но у меня чего-то не выходит ее решить. Вопрос простой: как выровнять блок по вертикали. Вот такой пример: https://jsfiddle.net/742cx8wj/1/ Нужно, чтобы RIGHT было посередине. Спасибо!

    Asked by Antoshka007,

    0 votes
    7 answers

  18. Вертикальное выравнивание

    Здравствуйте. Сейчас вроде бы не должно возникать проблем с вертикальным выравниванием, есть flex'ы, приём с transform: translateY(-50%). Но если контента много, то он обрезается и не спасает добавление вертикального скролла. Пример на флексах (уменьшайте окно, пока текст не начнёт вываливаться) https://jsfiddle.net/6xjg7Lvh/ Точно такая же картинка на transform https://jsfiddle.net/sw2phpdc/ И снова приходиться возвращаться к старым добрым display: table-cell, здесь всё работает корректно https://jsfiddle.net/39xo2gzo/ Ребят, можно это как-нибудь пофиксить или в таких случаях использовать только display: table-cell ?

    Asked by Crystal-3,

    0 votes
    3 answers

  19. Вертикальное выравнивание текста в div'е

    Возникла проблема при расположении текста внутри блока с картинкой. Вот пример в песочнице. Задача - добиться вертикального выравнивания текста по центру картинки. Причем нужно нормальное решение, которое не зависит от количества текста. В интернете в основном предлагают установить следующий стиль для div'а: wrap{ display: table-cell; }; Тогда можно будет просто сделать vertical-align: middle и текст будет по центру. Но данное решение мне не подходит, потому что несколько таких элементов последовательно будут отображаться как ячейки в таблице, а мне нужно расположить их друг под другом. Есть какое-нибудь другое решение данной проблемы? Или может применить table-cell и обе…

    Asked by LMnet,

    0 votes
    8 answers

  20. Вертикальное выравнивание - отображение в FF и Netscape

    Столкнулся с непонятной ситуацией: Есть ячейка таблицы в которой нужно выровнять div по нижнему краю. Ячейке задаю позиционирование relative, а блоку absolute с bottom:0. В IE5,7,8 Opera, Chrome все Ок - блок выравнивается по нижнему краю ячейки, но в FF, Netscape, IE6 почему то нет - находится в центре оной. Кто нибудь может подсказать в чем суть - гугл молчит (может плохо искал...) <td height="100%" width="200px" style="position:relative;"> <div style="width:200px; height:auto; position:absolute; left:70px; bottom:0;"> <a href="#">На верх</a> </div> </td>

    Asked by DDS7SDD,

    0 votes
    0 answers

  21. Вертикальное выравнивание 5 ти блоков в ряд, один из которых резиновый

    Все привет. прошу помощи. Есть 5 блоков, нужно правильно прописать стили <div class="product"> <span class="img">фикс блок по левому краю</span> <span class="name">фикс блок по левому краю</span> <span class="descr">Резиновый блок</span> <span class="summ">фикс блок по правому краю</span> <span class="summ_price">фикс блок по правому краю, содержимое прижато вправо</span> </div> Все блоки должны быть выровнены вертикально по центру Блок descr должен быть резиновый, остальные фиксированные, содержимое блока summ_price должно быть выровнено по правому краю Прошу помощи правильно пропис…

    Asked by bigperson,

    0 votes
    0 answers

  22. Вертикальное выравнивание css3

    В css3 есть способы выровнять элемент вертикально по центру без садомазохизма? Что-то типа vertical-align:middle, только более предсказуемое.

    Asked by apexis,

    0 votes
    2 answers

  23. Вертикальное выравнивание div в процентах от родителя. Нужна помощь.

    Здравствуйте! Хочу вертикально выравнить таблицу (это может быть что то другое). Хочу это сделать таким образом. Сперва смещаю div на 50% вниз от body, затем поднимаю div на -50% от контента вверх и всё должно встать по центру и соответственно тянуться. По факту div дочка c контентом-таблицей берет -50% от body, а не от содержимого дива родителя. Можно конечно забить данные в пикселях, но очень хочется понять как оно в процентах. Пунктирные рамки добавил для наглядности. Заранее спасибо! <head> <style> body { width:100%; height:100%; margin:0px; padding:0px; } .sample td { margin:0px; padding:0px; height…

    Asked by santacruz,

    0 votes
    3 answers

  24. вертикальное выравнивание div'а внутри div'а??

    снова вопрос.. есть что то типа такого кода: <div class="one"> <div class="two"> <a href="boo.htm"><img src="boo.gif" /></a> </div> <div class="three"> <ul><li>boo</li></ul> </div> </div> и к нему CSS .one {width: 600px; height: 85px;} .two {width: 180px; height: 85px;} .three {height: 85px;} Меня интересует как картинку и список выровнять вертикально по центру (их габариты не известны)..

    Asked by ZoolooS,

    0 votes
    12 answers

  25. Вертикальное выравнивание UL в DIV

    Здравствуйте. У меня возникла следующая проблема. У меня есть блок div определённой высоты. Внутри него имеется список ul ссылок, который требуется выровнять по высоте блока div по середине. Проблема в том, что ни margin: auto 0, ни verical-align: middle не помогают и блок прижимается к верхней части div'а. Не могли бы вы помочь мне с этой проблемой?? Вот шаблон макета, изменить его по некоторым причинам не представляется возможным (только если через js, но нежелательно). Остальные стили я и сам смогу поставить, только с этим проблема выходит... Заранее спасибо.

    Asked by kozhilya,

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