Показать сообщение отдельно
  #122 (permalink)  
Старый 23.04.2021, 07:03
Аватар для Блондинка
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 806

набросала приблизительно html
<style>
div { border: 1px solid #000; padding: 5px 20px; margin: 0 0 3px 0; }
input { border: 1px solid #999; display: inline-block; /* без свойства дисплей не во всех браузерах работает выравнивание в поле ввода */ text-align: center; }
</style>
<script> 
var d = new Date(); 
document.addEventListener('DOMContentLoaded', function() { 
document.querySelector('#year').value = d.getFullYear();
});
</script>
<div id="input">
<input id="Year" type="number" min="326" max="9999" step="1" value="" />
</div>
        
<div>Первый Никейский собор — собор Церкви, созванный императором Константином I; состоялся в июне 325 года в городе Никее (ныне Изник, Турция);
продолжался больше двух месяцев и стал первым Вселенским собором в истории христианства.<br>
Введите год с 326 по 9999
</div>

<div>Введите год с 326 по 9999</div>
    
    <div id="Catholic_Easter">
Католическая пасха<br>
<span id="Catholic_Easter_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Catholic_Easter_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>

<div id="Maslenitsa_Catholic">
Католическая масленица<br>
<span id="Maslenitsa_Catholic_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Maslenitsa_Catholic_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>

<div id="palm_Sunday_Catholic">
Католическое вербное воскресенье<br>
<span id="palm_Sunday_Catholic_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="palm_Sunday_Catholic_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>

<div id="Catholic_Radunitsa">
Католическая радуница<br>
<span id="Catholic_Radunitsa_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Catholic_Radunitsa_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>

<div id="Catholic_Trinity">
Католическая троица<br>
<span id="Catholic_Trinity_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Catholic_Trinity_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>

<div id="Orthodox_Easter">
Православная пасха<br>
<span id="Orthodox_Easter_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Orthodox_Easter_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>

<div id="Maslenitsa_Orthodox">
Православная масленица<br>
<span id="Maslenitsa_Orthodox_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Maslenitsa_Orthodox_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>

<div id="palm_Sunday_Orthodox">
Православное вербное воскресенье<br>
<span id="palm_Sunday_Orthodox_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="palm_Sunday_Orthodox_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>

<div id="Orthodox_Radunitsa">
Православная радуница<br>
<span id="Orthodox_Radunitsa_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Orthodox_Radunitsa_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>

<div id="Orthodox_Trinity">
Православная троица<br>
<span id="Orthodox_Trinity_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Orthodox_Trinity_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>
Ответить с цитированием