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. Выравние по горизонтали по одной линии

    заверстал такое меню: как выравнить текст по одной линии по горизонтали, вот так: line-height для ссылки не помогает, так как где-то текст в одну строку где в две

    Asked by okunev2,

    0 votes
    9 answers

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

    Ребята, подскажите как текст разного размера выравнивать по верхнему краю в блоке, вот код: #telephone { position: absolute; right: 0; top: 140px; display: block; } #telephone p { color: #7540f8; font-family: Georgia; font-size: 18px; font-style: italic; font-weight: lighter; text-align: right; } #telephone p em { color: #ff0066; font-family: Georgia; font-size: 36px; } <div id="telephone"><p>+7 (xxxx) <em>xxx-xxx-xxx</em></p></div> Спасибо

    Asked by okunev2,

    0 votes
    10 answers

  3. Выравниевание по вертикали

    Ребят,не могу решить проблему,как с помощью CSS выровнять сайт по вертикали,помогите пожалуйста!)

    Asked by Vladinho,

    0 votes
    12 answers

  4. Выравниевание сайта по центру

    Здравствуйте! Не могу как надо сделать выравнивание сайта по центру. Делаю так, на body задаю такие значения margin: auto; после этого сайт становится по центру. Но правый меню уходит за пределы экрана, и появляется нижняя прокрутка! Вопрос: как сделать правильную выравнивание по центру что бы правый меню поместился на экране? Сайт имеет структуру <body> <div id="main"> <div id="wrapper"> <div class="content"> <div class="header"> <div class="left"> <div class="top"> <!-- логотип --> &…

    Asked by breadfruit,

    0 votes
    2 answers

  5. выравниевание ссылки и submit'а по горизонтали

    Добрый день! Проблема в том, что в разных браузерах выравнивание отображается по-разному. В чем я ошибся? Что исправить или что добавить?(рис.) #for_clients{ /*-- margin:10px 0px; padding:0px 10px; --*/ text-align:right; } #for_clients a{ font:10pt Arial; color:#06C; text-decoration:none; } #for_clients a:hover{ color:#C00; text-decoration:underline; } #for_clients div input.btn{ border:none; background-color:transparent; background-image:url(images/btn_off.png); background-repeat:no-repeat; height:19px; width:48px; margin-top:3px; vertical-align:inherit; } #for_clients div input.btn:hover{ background-image:url(images/btn_on.png); cursor:point…

    Asked by XuLLlHuK,

    0 votes
    1 answer

  6. Выравниевание текста по центру

    Подскажите пожалуйста, каким образом можно текст в диве с заданными height && width выровнять во центру по вертикали и горизонтали. То есть имееется код примерно следующего содержания: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style type="text/css"> #container { width : 300px; height : 300px; border : 1px solid green; } #inner { vertical-align : middle; text-align : center; width : 100%; height : 100%; } </style> </head> <body> <div id="container"> <div id="inner">Message</…

    Asked by e1f,

    0 votes
    5 answers

  7. Выравнить DIV'ы равномерно по вертикали

    Вообще предлагаю следующий код, он представляет собой список телепрограмм: <div style="width:600px;"> <div class="ch">1</div> <div class="tm">05.30</div> <div class="bc">"Детективы"</div> <div class="ch">1</div> <div class="tm">12.45</div> <div class="bc">"Ералаш"</div> <div class="ch">1</div> <div class="tm">13.00</div> <div class="bc">Новости (с субтитрами). Ведущий - Дмитрий Борисов</div> </div> CSS к нему : .ch { float: left; width: 30px; margin: 0px; padding: 7px 4px 0px 0px; color: black; font-size: 11px; text-decoration: none; tex…

    Asked by insaner,

    0 votes
    4 answers

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

    Знаю как выравнить блок по центру по вертикали, если высоат блока постоянная, но если меняется не понимаю

    Asked by okunev2,

    0 votes
    12 answers

  9. Выравнить Текст По Середине Изображения ?

    на сайте на одной строчке есть изображение и с права от него текст, нужно выравнить текст по середине изображения, но почемуто margin, padding и line-height ниначто не влияют код такой <p> <a href="#"><img src="/sites/default/files/img/route_plan.jpg" alt="print" /></a> <a href="java script:window.print();"><span>Напечатать адресс</span></a> </p> Как можно выравнить Напечатать адресс по середине изображения route_plan.jpg ?

    Asked by asker2,

    0 votes
    8 answers

  10. Выравнять блоки и слои

    Здравствуйте, Надо поднять <div class="conteiner" На один уровень с <div class="fone35> по высоте. Как это можно сделать? https://jsfiddle.net/ratus/g879ptjy/23/

    Asked by ratus,

    0 votes
    4 answers

  11. Выравнять в одной строке по левому краю и по правому краю

    Привет, спецы! Как сделать текcn цена текст что-то цена текст опять цена_хм Как видите, текст выравнян в одной строке по разному, пробовал через <div> = не получается, т.к. делается перенос строки при новом диве, который мне не нужен. Делать на каждую строчку по таблице - не вариант, в общем как? и еще вопросик, как поставить знак табуляции в html?

    Asked by fireXXX,

    0 votes
    4 answers

  12. Выравнять два блока по высоте

    Друзья, подскажите, пожалуйста, как выравнять два блока по высоте внутри третьего, при условии что первый блок постоянно меняет свою высоту в зависимости от отображаемого контента? Во втором диве контент тоже меняется, но его мало, поэтому высота блока почти всегда одинаковая. Пробовал для второго блока прописать {height: inherit;}, чтобы он наследовал высоту третьего блока (и тогда все было бы как надо), но не помогает. Скрин: http://files.mail.ru/QQMQ1I?t=1 Код: HTML <div class="conc-item"> <div class="conc-info"> // 1-ЫЙ БЛОК <div class="cornerContainer ccLightGreen"> // ВНУТРИ 1-ГО БЛОКА БЛОК С ЗАКРУГЛЕННЫМИ КРАЯМИ <b class…

    Asked by Subcomandante.A,

    0 votes
    7 answers

  13. Выравнять лейблы стилями

    Подскажите, пожалуйста, в совсем простых блоках с инпутомами и лейблами к ним хочется чтобы все лейблы лежали 1) сверху над инпутами или 2) на одной строке, причем, чтобы все лейблы были одной ширины и их инпуты таким образом вырравнивались слева. Причем, чтобы поведение выше изменялось без изменения в коде, а одним css-кодом. Верстка: <div class="form-artist_song-field form-require term-site-wrap "> <div class="for_input_label"> <label for="artist_site">Site</label> </div> <input type="text" size="50" maxlength="50" name="artist_site" id="artist_site" value="" aria-required="true"> <p>Site of artist. Required and must b…

    Asked by mstdmstd,

    0 votes
    1 answer

  14. Выравнять содержимое div-a

    Добрый день, есть следующая задача: в div динамически добавляется n картинок. Кроме картинок слева и справа от ряда картинок могут добавиться стрелочки влево и вправо. Получается стандартная листалка превьюшек. Проблема заключается в следующем: Высота картинки - 100 пикселей. Стрелочки надо по высоте равнять по середине картинки, т.е. отступить на 50 пикселей от верхней границы div'a контейнера. Пробую так: div id="imgList" style="vertical-align: middle;"> <div id="goLeftArrow" style="margin-left: -3em; margin-right: 2em; display: inline;" onclick="goLeft()"> <a style="text-decoration: none;" href="#">←</a> </div> <img style="padding-right: …

    Asked by ХОЛОДный,

    0 votes
    4 answers

  15. выравнять фон по центру

    собственно, вопрос как выравнять фоновую картинку по центру блока??

    Asked by cardsmoney,

    0 votes
    6 answers

  16. Выражение "инсертите" - что это?

    Приветствую всех! Подскажите, что означает выражение: "поменяйте DIV на табличку с 4 колонками и жестким размером по ширине и инсертите туда отдельно каждую кнопку." Я просмотрел справочник по тегам но ничего похожего не нашел. Что это за тег? <table class="razdel5"> <tr> <td width="225" height="50" align="center" background="ABS_Tyagach.swf"> <a href="http://www.abs-systems.ru/price_01.html" class="razdel">Составляющие антиблокировочной системы тормозов АБС-Тягача*</a></div> </td> <td width="225" height="50" align="center" background="ABS_Pricep.swf"> <a href="http://www.abs-systems.ru/price_02.html" class="razdel">…

    Asked by admelj,

    0 votes
    15 answers

  17. выражение в имени атрибута

    Добрый всем день, кто в xsl шарит лучше моего. Есть узел xml где хранятся в виде атрибутов переменные зависящие от локализации: <locale prefix="ru" title="русский"> <vars error_404="Ошибка 404" new_var="новая переменная" title="название" locale="локализация" code="код" value="значение" show="показать" prefix="префикс" save="сохранить" reset="очистить" let_select="выберите" or="или" start_datetime="начало публикации" end_datetime="дата окончания публикации"/> </locale> есть также цикл, который выводит список чекбоксов из узла вида <!-- xml --> <preset id="5" set_name="1" start_datetime="1" datetime="0" end_datetime="0" comments="0" anons=…

    Asked by Быколай,

    0 votes
    1 answer

  18. Выранивание картинки справа

    Доброе утро всем... Утро сказывается, не могу решит простую задачу. Нужно что бы картинка отображалась справа на сайте. Если начинаю переносить марджином вправо - появляется полоса прокрутки. помогите позиционировать этот листик справа... Как на рисунке. http://ifolder.ru/30588322 - на всякий случай архив с CSS HTML и картинками. <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>Страница с листиком</title> <link rel="stylesheet" type="text/css" href="style.css" /> <script type="text/javascript">/*<![CDATA[*/with({e:'',p:'addEventListener',d:document})d[p]||d[e…

    Asked by Sheremet,

    0 votes
    2 answers

  19. Выранивем див по центру padding:0 auto; и в IE input преса?т работать.

    Есть блок, в н?м импуты я его выраниваю по ентру документа при помши margin:0 auto; В итоге в IE 6, 7 инпуты перестают работать . Как это вылечить? Вот код XHTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml:lang="ru" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=cp1251" /> <link href="admin/adminauth.css" rel="stylesheet" type="text/css" /> <title></title> </head> <body> <form action="admin.php?cmd=login" method="post"> <div class="auth"> <h1>Авторизация</h1&…

    Asked by sineus,

    0 votes
    12 answers

  20. Вырванивание текста в горизонтальном списке

    Привет! подскажите пожалуйста решение, есть горизонтальный список, в нем текст и три иконки высотой 25 px, текст равняется по нижнему краю иконок, а надо чтобы по центру. Как это сделать?

    Asked by Cyber_bober,

    0 votes
    2 answers

  21. вырвнивание submit

    <input type="submit" class="submit" value="Найти" /> /*—Css—*/ .submit { width:50px; height:22px; border:0; font-size:.84em; color:#841A16; background:#C2C2C2; } Как сделать, чтобы текст во всех браузерах был вертикально по цетру. type="image" не использовать, в различного рода оберкти не брать. только то, что есть. желательно код один, не отдельно для каждого браузера.

    Asked by Lincky,

    0 votes
    0 answers

  22. Вырезать изображение в Photoshop

    Подскажите, пожалуйста. Имеется макет в psd, фрагмент которого привожу ниже. Точнее - это кусок макета с проблемным для меня местом. http://savepic.su/2233598.htm Стоит задача вырезать фотографию, причем без рамки (ее доделаю в CSS). В панели слоев Photoshop такая "картина": http://savepic.org/2402954.png Рамкой обвел те слои, которые рисуют это изображение. Но, насколько я понимаю, один слой связан с другим. И отделить один от другого, чтобы вырезать картинку, у меня не получается. Подскажите, как правильно это сделать? P.S. Когда писал, пришла мысль - может воспользоваться Crop? Все равно подскажите, как нужно выполнить эту операцию? До этого с такими замысловатыми слоя…

    Asked by aaron,

    0 votes
    12 answers

  23. вырезать иконку с закруглёнными углами

    подскажите пожалуйста по фотошопу когда нужно вырезать иконку(расположенную на фоне узоров), то я измеряю её размеры, в настройках инструмента MARKUP прописываю их, затем выделяю иконку инструментом MARKUP, инверсирую выделение, нажимаю DEL, ставлю направляющие и вырезаю инструментом CROP сейчас в макете иконки с закруглёнными углами. подскажите пожалуйста как можно аккуратно вырезать иконку с закруглёнными углами. подчищать угловые области инструментом ERASER не вариант

    Asked by cyklop77,

    0 votes
    11 answers

  24. Вырезать определенную часть картинки

    Сидя на просторах интернета в поисках интересного макета попрактиковаться наткнулся на один, но столкнулся с проблемой. Каким образом можно установить эту картинку поверх блока с фоном? Имею в виду картинку справа, отделенной как бы кривой линиией? Имею в виду не просто вырезать её из псдшника в формате .png, а оформить какими-нибудь CSS свойствами

    Asked by Vibe,

    0 votes
    5 answers

  25. Вырезать полупрозрачный логотип из psd-макета

    Подскажите, как вырезать логотип (два кружочка и надпись Creative Studio), чтобы сохранить полупрозрачность желтого круга. Слой с текстом я могу убрать, конечно, в этом трудности нет никакой. А вот с полупрозрачностью - проблема. Не могу понять, как это сделать? Макет такой: https://www.dropbox....dio-minimal.psd И попутный вопрос. Хочу уточнить для себя. Для правильной, грамотной верстки текст на логотипе, центральной картинке - должен оформляться через код. Это касается не только этого макета, но и в общем. Я правильно понимаю?

    Asked by aaron,

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