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. import css

    Какая разница между двумя импортом файла CSS? Абсолютные и относительные ссылки доступны в первом и втором, тогда зачем два импорта? 1) @import url("имя файла") типы носителей; 2) @import "имя файла" типы носителей;

    Asked by EnerGizer,

    0 votes
    3 answers

  2. import в медиазапросе

    Добрый день. Подскажите пожалуйста почему вложенный в медиазапрос импорт не работает и можно ли его заставить работать? @media screen and (min-width:360px) and (max-width:399px){ body{ width:360px; } header{ display:none; } @import url("preview300.css"); .note,.comment_block{ width:340px; } } По идее это нужно что бы не писать одно и то же по нескольку раз. Конечно можно использовать переменные: :root{ --preview300:; --preview350:; } Но это еще более мутно и вроде как широко не поддерживается на данный момент.

    Asked by Ubhra,

    0 votes
    1 answer

  3. inclide и несколько head

    Здравствуйте, подскажите как правильно пользоваться функцией include для вставки одинаковых блоков (шапка, футер и тд) на страницы сайта. На данный момент код страницы выглядит примерно так: <head> мета-теги (title, keywords)</head><body> <?php include "шапкасайта.php"; ?> остальной код страницы</body>Файл "шапкасайта.php", в свою очередь также имеет мета-теги в head и код в body, т.е. выглядит так: <head> мета-теги (title, keywords)</head><body> код страницы шапкасайта</body>И в итоговом виде код страницы получается следующий (если смотреть в браузере исходный код страницы): <head> мета-теги (t…

    Asked by dmifed,

    0 votes
    7 answers

  4. include

    Здравствуйте. Не могу подключить файл через include. Сам файл находится в другой папке от того файла где нужно подключить. Пробовал указывать полный путь до файл но все равно ошибка. Как правильно?

    Asked by Angus,

    0 votes
    15 answers

  5. index в каждой папке

    Влияет ли наличие index.php в каждой папке на понимание поисковыми роботами какая страница главная в папке. Или им всеравно как она называется?

    Asked by apexis,

    0 votes
    3 answers

  6. index.html и index.php.

    Если создать две страницы, одну index.html, а другую index.php, то какая из них откроется первой при наборе адреса сайта?

    Asked by Shuranka,

    0 votes
    2 answers

  7. index.jspa

    На htmlbook как и на многих других сайтах (почему то в основном буржуйских), вижу это index.jspa. Интуитивно догадываюсь, но нормального мануала по jspa именно на русском не встретил, может есть что? Справочников на инглише полно, но для буратины русский доступнее. Чтоб понять в общем плане ))

    Asked by Ururu,

    0 votes
    14 answers

  8. ine-height и единицы измерения (продолжение)

    Я уже создавал тему с подобным вопросом - http://forum.htmlbook.ru/index.php?showtopic=39156&st=0&p=276197entry276197 И мне дали вполне понятный ответ. Но вот сегодня меня кое-что опять загнало в тупик. Итак, возьмем тот же код http://jsfiddle.net/usfe/u8TCq/2/ При использовании у body line-height просто число пересчет line-height для абзаца происходит после наследования(то есть наследуется 28px шрифта и умножается на 1). А в случае EM перерасчет происходит ДО наследования, то есть эта 1 умножается на 16 пикселей от body. НО! Если теперь 1EM прописать для <p> то итоговый line-height внутри абзаца, как можно догадаться, станет именно 1*28, хотя по той логик…

    Asked by USF,

    0 votes
    4 answers

  9. infa wilaziet za granizi div´a

    Priwet! Podskagite chto sdelat´ , chtobi infa ne wilazila za granizi diva? Nado chtobi ona bila wnutri . Spasibo

    Asked by Kochevnik2000,

    0 votes
    6 answers

  10. inherit не работает для IE8

    Всем привет. У меня в IE8 не работает inherit для любых CSS стилей. Например: HTML —> <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="./css/test.css" type="text/css" media="all" /> </head> <body> <div class="main"> <div class="test1"></div> <div> </body> </html> CSS —> .main { width: 400px; height: 400px; border: 1px solid black; } .test1 { width: 100px; height: 100px; background: pink; border: inherit; } В примере не наследуется border. Если бы был IE7, вопросов бы не было. Но, у меня IE 8.0/7601.17514, W…

    Asked by sator,

    0 votes
    1 answer

  11. Inkscape

    Кто пользует для вёрстки макетов? Давайте обмениваться опытом. Очень удобный редактор, можно собирать макет из картинок, потом нарезать его, делать кнопочки, фоновые рисунки, градиенты и т.д.

    Asked by neznayka,

    0 votes
    4 answers

  12. INLINE

    В общем вся суть проблемы есть так называемый хит продаж, его можно посмотреть тут в правой колонке сайта моя задача:нужно отключить так называемую карусель и вывести товары в один ряд. файл хтмл: <div class="carouselDiv"> <div class="jCarouselLite"> <ul> {section name=i1 loop=$hits_to_show max=$smarty.const.CONF_MAX_HITS} <li> <div style="margin: 2px; text-align: center;"> <a href="./{$hits_to_show[i1][5]}"> <img src="./products_pictures/{$hits_to_show[i1][3]}" width="130px" height="130px" alt="{$hits_to_show[i1][1]|replace:'':'"'}" /> </a> <br/> <a href="./{$hits_to_show[i1][5]}" class="ti…

    Asked by sce,

    0 votes
    10 answers

  13. Inline + margin

    <div style='float: left; text-align: center; width: 200px; margin: 3px; border: 1px solid black;'> <img src='http://mmoland.ru/webapp/mmoland/files/images/2012/08/image012.jpg'/> <div style='display: inline; margin-bottom: 5px;'> <a href='/catalog/blabla'>blabla</a> </div> </div> Вот этот же код http://jsfiddle.net/fZLkV/2/ Мне нужно центрировать текст ссылки по высоте, но сейчас текст прижат к низу. Я пробовал сделать div (в котором ссылка находится) выше с помощью matgin-bottom. Но он не работает вместе с display: inline. Как бы вы выровняли текст в моем случае?

    Asked by GuitarFan,

    0 votes
    4 answers

  14. inline в outlook

    Пытаюсь подпись в outlook в html создать. Возникла проблема, почтовик воспринимает только инлайн. Сама подпись на слоях, не могу приучить слои к стилям. Уже склонен попробовать таблицей, но это как крайний вариант.

    Asked by Ururu,

    0 votes
    2 answers

  15. inline-block

    вместо флоатов решил попробовать в очередной раз inline-block. и не могу понять почему в IE не работает как надо. http://shadow.rxfly.net/1/delete.html делал по примеру в который раз уже не получается. что не так делаю?

    Asked by npofopr,

    0 votes
    4 answers

  16. Inline-block

    Привет. http://jsfiddle.net/6GbSf/3/ Как сделать, что б блоки выравнивались "по-верху" ? Заранее благодарю! Отбой, оказывается vertical-align:top; тут прекрасно работает

    Asked by lolka84,

    0 votes
    0 answers

  17. inline-block

    Update Привет всем. Как поместить два тега inline-block в одну строку? если любой тег равен половине ширины родителя. Интересует реализация в браузере опера. http://jsfiddle.net/Db4C6/

    Asked by valera,

    0 votes
    2 answers

  18. inline-block vs float

    Не мало раз видел советы использовать inline-block вместо float (к примеру, для каталога товаров). Но почему? Вот, например, есть у меня такая страничка, там каталог с товарами. Следовать друг за другом приказал с помощью float: left, и всё нормально. Способ же с inline-block подразумевает также ещё сброс font-size и line-height для ликвидирования отступов.

    Asked by monsterr,

    0 votes
    12 answers

  19. inline-block в <a>

    <a href="" style="display:inline-block; width:200px; height:50px; background-color:#CC0000;">test1</a> <a href="" style="display:inline-block; width:200px; height:50px; background-color:#990000;">test2</a> Буду краток. Реально вообще в этом случае избавиться от отступа? Чтобы ссылки шли вплотную. DIVы не предлогать, не катит. Если можно то как? Заранее спасибо.

    Asked by bems,

    0 votes
    7 answers

  20. inline-block в IE 6

    IE 6 неккоректно отбражает эту страницу http://gama.su/registration.php В Опере и мозиле все нормально. <form method="post"> <div class="reg_div"> <div class="reg_text">{lang.Login}: </div> <div class="reg_text">{lang.Passw}: </div> <div class="reg_text">{lang.Passw}<sub>({lang.Re})</sub>: </div> <div class="reg_text">{lang.Nick}: </div> <div class="reg_text">{lang.EMail}: </div> </div> <div class="reg_div"> <div><input type="text" name="register[login]" class="reg_input" /></div> <div><input type="password" name="register[passw1]" class="reg_input" …

    Asked by Ark,

    0 votes
    3 answers

  21. Inline-block в IE6. какая-то лажа=(

    есть многострочная менюшка, состоящая из елементов типа inline-block с фоновой картинкой и именем элемента. Через каждые четыре пункта вставлен тег </br>. В FF и опере все происходит адекватно, в IE6 перевод на новую строку просто игнорируется и пункты выстраиваются по всей ширине экрана. Использую атрибуты Display:inline; zoom:1; для получения инлайн-блока в експлорере. стили выглядят так: html>body li.catalog_block, li.first_in_line_catalog_block для всех кроме ие { list-style:none; display: inline-block; width:132px; height:188px; text-align:center; color:#f3f3f3; font:bolder 15px/10px Sans-serif; text-decoration:none; } *html li.catalog_block, li.fi…

    Asked by Love_silense,

    0 votes
    7 answers

  22. inline-block в IE7

    Помогите разобраться. Известно, что в IE6-IE7 инлайн-блочными элементами можно сделать только из тех тегов, которые являются натурально инлайновыми, как например <span>. Но я недопонимаю на счёт IE7. Он поддерживает оба нижеперечисленных варианта или только верхний из них? display:inline; zoom:1; display:inline-block; Мой опыт говорит что оба поддерживает одинаково: вариант 1 и вариант 2

    Asked by clavin,

    0 votes
    4 answers

  23. inline-block гуляют по вертикали

    http://jsfiddle.net/72ywx036/ Собственно вот. Очевидно, что из-за количества строк внутри позиция по вертикали начинает волшебным образом гулять. Как такое лечится?

    Asked by Veseloff,

    0 votes
    3 answers

  24. inline-block и float

    http://jsfiddle.net/Chcg3/1/ вот такая ситуация. Желтая кнопка должна быть на новой строке по центру, а она все равно участвует в обтекании, не смотря на отмену его (видимо свойства текста?). В общем вопрос почему так и как реализовать подобную верстку тогда, если не получается отменить обтекание (без лишнего элемента .clear в разметке). Желтая кнопка по ширине должна зависеть от контента (для этого идеально подходит Inline-block или float), ну а красная должна быть справа. Видимо требуется экстра-разметка?

    Asked by Zverushka,

    0 votes
    4 answers

  25. Inline-block не могу убрать отступы

    Вот пример: http://jsfiddle.net/Dvp22/ Ни word-spacing, ни letter-spacing не действуют вообще, хотя во многих ресурсах описано именно подобное решение проблемы. Как убрать эти чертовы отступы? Уже жалею, что связалась с Inline-block(. html решениеv воспользоваться не могу - разметка задается из скрипта слайдера, могу только поправить css.

    Asked by Zverushka,

    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