<div id="faq">
<div>
<span class="heading">Буддизм – это религия?</span><br>
<p>Для многих буддизм – это нечто большее, чем религия, скорее философия или стиль жизни. Это философия в смысле «любви к мудрости»</p>
<span class="heading">Что такое мудрость?</span><br>
<p>Буддизм учит, что мудрость должна развиваться вместе с состраданием. Одна возможная крайность – быть добрым дурачком, другая – прийти к знанию, не испытав никаких чувств. Буддизм предпочитает срединный путь развития и того, и другого. Высшая мудрость состоит в том, чтобы понимать, что все видимые вещи являются незавершенными, непостоянными и не имеют неизменной сущности. Настоящая мудрость – не просто верить словам, а самому испытывать и постигать истину и реальность. Мудрость требует открытого, объективного, незашоренного ума. Следование путем буддиста требует мужества и терпения, гибкости и восприимчивости.</p>
<span class="heading">Как буддизм может помочь мне?</span><br>
<p>Буддизм объясняет смысл жизни, объясняет кажущуюся несправедливость и неравенство, царящие в мире, а также предлагает кодекс поведения или стиль жизни, который ведет к истинному счастью.</p>
<span class="heading">Почему буддизм становится популярным?</span><br>
<p>Буддизм становится популярным в западных странах по ряду причин. Первая важная причина – то, что он способен ответить на многие вопросы современного материалистического общества. Также в буддизме укоренено глубокое понимание человеческого разума и естественных способов его исцеления, которые выдающиеся психологи по всему миру стали признавать прогрессивными и действенными.</p>
</div>
<div>
<span class="heading">Кем был Будда?</span><br>
<p>Сиддхартха Гаутама родился в царской семье в Лумбини (на территории современного Непала) в 563 году до нашей эры. В возрасте 29 лет он осознал, что богатство и роскошь не могут дать счастья, и, для того чтобы найти ключ к счастью, занялся изучением различных учений, религий и философских школ своего времени. После шести лет поисков и медитаций он нашел «срединный путь» и достиг просветления. Всю свою жизнь после просветления и до самой смерти в возрасте 80 лет Будда посвятил проповеди принципов буддизма – Дхармы, или Истины.</p>
<span class="heading">Был ли Будда богом?</span><br>
<p>Нет, и он сам не называл себя так. Он был человеком, который учил, как обрести путь к просветлению, и делал это исходя из собственного опыта.</p>
<span class="heading">Чему учил Будда?</span><br>
<p>Будда учил многим вещам, но основополагающие идеи буддизма изложены в учениях о Четырех благородных истинах и Благородном восьмеричном пути.</p>
<span class="heading">Как мне стать буддистом?</span><br>
<p>Учение буддизма может понять и испытать каждый. Буддизм учит, что решение наших проблем находится не где-то далеко, а в нас самих. Будда просил всех своих учеников не просто верить ему на слово, а испытывать его учение на себе. Таким образом, каждый принимает для себя решения сам, а также сам отвечает за свои действия и восприятие вещей. Все это делает буддизм не готовым набором истин, который надо принимать целиком, а скорее учением, которое каждый может изучать и осваивать по-своему.</p>
</div>
<div>
<span class="heading">Поклоняются ли буддисты изображениям?</span><br>
<p>Время от времени буддисты останавливаются у изображений Будды, но не для того, чтобы поклоняться или просить о чем-либо. Статуя Будды с сострадательной улыбкой и сложенными на коленях руками напоминает нам, что нужно прилагать все усилия для того, чтобы достичь мира и любви внутри себя. Кланяясь статуе, мы выражаем благодарность за учение</p>
<span class="heading">Существуют ли различные виды буддизма?</span><br>
<p>Существует много различных видов буддизма, т.к. акценты учения могут меняться от страны к стране под влиянием их культуры и традиций. То, что останется неизменным, – это сущность учения: Дхарма, или Истина.</p>
<span class="heading">Научен ли буддизм?</span><br>
<p>Наука – это знание, которое может быть организовано в систему, основанное на наблюдении, проверке фактов и постулировании фундаментальных законов природы. Сама суть буддизма соответствует этому определению, потому что "Четыре благородные истины" могут быть проверены и доказаны кем угодно. Собственно, сам Будда просил своих учеников скорее проверить истинность своего учения, чем принять его, поверив на слово. Буддизм связан больше с пониманием, чем с верой.</p>
<span class="heading">Являются ли другие религии ложными?</span><br>
<p>Буддизм как система убеждений толерантен к другим убеждениям и религиям. Буддизм соглашается с моральными принципами других религий, но при этом идет дальше, и открывает нам глобальную цель нашего существования через стремление к мудрости и истинному пониманию природы вещей. Настоящий буддизм очень терпим и не концентрируется на ярлыках вроде «христианский», «мусульманский», «индуистский» или «буддистский»; именно поэтому никогда не было войн во имя буддизма. По этой же причине буддисты не проповедуют и не пытаются обратить других в свою веру, а лишь дают разъяснения тем, кто их ищет.</p>
</div>
</div>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Буддизм</title>
<link rel="stylesheet" href="css/style.css">
<link rel="apple-touch-icon" sizes="180x180" href="css/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="css/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="css/favicon-16x16.png">
<link rel="manifest" href="css/site.webmanifest">
<link rel="mask-icon" href="css/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="css/favicon.ico">
<meta name="msapplication-TileColor" content="#2b5797">
<meta name="msapplication-config" content="css/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<header>
<div id="logo" onclick="slowScroll('#top')">
<img src="css/favicon.ico" class="logo_simple" alt="Lotus">
<span>Formula Shvidi</span>
</div>
<div id="about">
<a href="#" onclick="slowScroll('#main')" title="Философия">Философия</a>
<a href="#" onclick="slowScroll('#overview')" title="Храмы">Храмы</a>
<a href="#" onclick="slowScroll('#faq')" title="Ответы на вопросы">Вопросы/Ответы</a>
</div>
</header>
<div id="top">
<h1>Буддизм</h1>
<h3>свет во тьме </h3>
</div>
<div id="main">
<div class="intro">
<h2>Что такое буддизм?</h2>
<span>Краткое изложение философской идеи</span>
</div>
<div class="text">
<span>Буддизм – одно из самых демократичных духовных учений. Это усилия, направленные на обретение личностной свободы и полномерное развитие человеческого разума, речи, тела и духа. Буддийская мораль и этика построены на принципах не совершения вреда и умеренности. При этом в человеке воспитывается и развивается чувство нравственности, сосредоточенности и мудрости. А с помощью медитаций буддисты познают механизмы работы ума и причинно-следственные связи между телесными, духовными и психологическими процессами</span>
</div>
</div>
<div id="overview">
<h1>Храмы</h1>
<div class="img">
<img src="css/Храм Сэйганто дзи.jpg" alt="Храм Сэйганто дзи">
<span>Храм Сэйганто дзи</span>
</div>
<div class="img">
<img src="css/Храм Ангкор Ват.jpg" alt="Храм Ангкор Ват">
<span>Храм Ангкор Ват</span>
</div>
<div class="img">
<img src="css/Храм Дасянго.jpg" alt="Храм Дасянго">
<span>Храм Дасянго</span>
</div>
<div class="img">
<img src="css/Храм Юаньтун.jpg" alt="Храм Юаньтун">
<span>Храм Юаньтун</span>
</div>
</div>
<div id="faq">
<div>
<span class="heading">Буддизм – это религия?</span><br>
<p>Для многих буддизм – это нечто большее, чем религия, скорее философия или стиль жизни. Это философия в смысле «любви к мудрости»</p>
<span class="heading">Что такое мудрость?</span><br>
<p>Буддизм учит, что мудрость должна развиваться вместе с состраданием. Одна возможная крайность – быть добрым дурачком, другая – прийти к знанию, не испытав никаких чувств. Буддизм предпочитает срединный путь развития и того, и другого. Высшая мудрость состоит в том, чтобы понимать, что все видимые вещи являются незавершенными, непостоянными и не имеют неизменной сущности. Настоящая мудрость – не просто верить словам, а самому испытывать и постигать истину и реальность. Мудрость требует открытого, объективного, незашоренного ума. Следование путем буддиста требует мужества и терпения, гибкости и восприимчивости.</p>
<span class="heading">Как буддизм может помочь мне?</span><br>
<p>Буддизм объясняет смысл жизни, объясняет кажущуюся несправедливость и неравенство, царящие в мире, а также предлагает кодекс поведения или стиль жизни, который ведет к истинному счастью.</p>
<span class="heading">Почему буддизм становится популярным?</span><br>
<p>Буддизм становится популярным в западных странах по ряду причин. Первая важная причина – то, что он способен ответить на многие вопросы современного материалистического общества. Также в буддизме укоренено глубокое понимание человеческого разума и естественных способов его исцеления, которые выдающиеся психологи по всему миру стали признавать прогрессивными и действенными.</p>
</div>
<div>
<span class="heading">Кем был Будда?</span><br>
<p>Сиддхартха Гаутама родился в царской семье в Лумбини (на территории современного Непала) в 563 году до нашей эры. В возрасте 29 лет он осознал, что богатство и роскошь не могут дать счастья, и, для того чтобы найти ключ к счастью, занялся изучением различных учений, религий и философских школ своего времени. После шести лет поисков и медитаций он нашел «срединный путь» и достиг просветления. Всю свою жизнь после просветления и до самой смерти в возрасте 80 лет Будда посвятил проповеди принципов буддизма – Дхармы, или Истины.</p>
<span class="heading">Был ли Будда богом?</span><br>
<p>Нет, и он сам не называл себя так. Он был человеком, который учил, как обрести путь к просветлению, и делал это исходя из собственного опыта.</p>
<span class="heading">Чему учил Будда?</span><br>
<p>Будда учил многим вещам, но основополагающие идеи буддизма изложены в учениях о Четырех благородных истинах и Благородном восьмеричном пути.</p>
<span class="heading">Как мне стать буддистом?</span><br>
<p>Учение буддизма может понять и испытать каждый. Буддизм учит, что решение наших проблем находится не где-то далеко, а в нас самих. Будда просил всех своих учеников не просто верить ему на слово, а испытывать его учение на себе. Таким образом, каждый принимает для себя решения сам, а также сам отвечает за свои действия и восприятие вещей. Все это делает буддизм не готовым набором истин, который надо принимать целиком, а скорее учением, которое каждый может изучать и осваивать по-своему.</p>
</div>
<div>
<span class="heading">Поклоняются ли буддисты изображениям?</span><br>
<p>Время от времени буддисты останавливаются у изображений Будды, но не для того, чтобы поклоняться или просить о чем-либо. Статуя Будды с сострадательной улыбкой и сложенными на коленях руками напоминает нам, что нужно прилагать все усилия для того, чтобы достичь мира и любви внутри себя. Кланяясь статуе, мы выражаем благодарность за учение</p>
<span class="heading">Существуют ли различные виды буддизма?</span><br>
<p>Существует много различных видов буддизма, т.к. акценты учения могут меняться от страны к стране под влиянием их культуры и традиций. То, что останется неизменным, – это сущность учения: Дхарма, или Истина.</p>
<span class="heading">Научен ли буддизм?</span><br>
<p>Наука – это знание, которое может быть организовано в систему, основанное на наблюдении, проверке фактов и постулировании фундаментальных законов природы. Сама суть буддизма соответствует этому определению, потому что "Четыре благородные истины" могут быть проверены и доказаны кем угодно. Собственно, сам Будда просил своих учеников скорее проверить истинность своего учения, чем принять его, поверив на слово. Буддизм связан больше с пониманием, чем с верой.</p>
<span class="heading">Являются ли другие религии ложными?</span><br>
<p>Буддизм как система убеждений толерантен к другим убеждениям и религиям. Буддизм соглашается с моральными принципами других религий, но при этом идет дальше, и открывает нам глобальную цель нашего существования через стремление к мудрости и истинному пониманию природы вещей. Настоящий буддизм очень терпим и не концентрируется на ярлыках вроде «христианский», «мусульманский», «индуистский» или «буддистский»; именно поэтому никогда не было войн во имя буддизма. По этой же причине буддисты не проповедуют и не пытаются обратить других в свою веру, а лишь дают разъяснения тем, кто их ищет.</p>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<script>
function slowScroll(id) {
$('html, body').animate({
scrollTop: $(id).offset().top
}, 500 );
}
$(document).on("scroll", function () {
if($(window).scrollTop() === 0)
$("header").removeClass("fixed");
else
$("header").attr("class", "fixed");
});
</script>
</body>
</html>
Alexander, песочницы это сервисы типа codepen.io, чтобы не компилировать ваш код в голове.
Также не имеет смыл показывать всякий не относящийся к проблеме мусор.
Показывайте в песочнице только один блок и только необходимые стили.
1. Для .faq вообще не задан флекс (зато зачем-то задан флоат)
2. Внутри элементы лежат не россыпью, а разбиты на три div. С какой целью? Так ничего не выйдет, убирайте.
Alexander, ни кто не виноват, что вы невнимательно читаете код, если вообще читаете.
Я вам дал пример аж с HTML5 разметкой, как у вас должно быть в вашем случае.
Alexander, ну вот нафига вам float? Вообще в вашем css коде он зачем?
Вам предлагают верстать флексами. Это на много удобней и без заморочек.
Вы представили код, который не содержит правок, которые вам предложили.
Сделайте, как вам предлагают, выложите в песочницу. Тогда глянем.
PS:
Я не говорю, что вы кого-то обвиняете. Я говорю об умении читать код. Даже если новичок, вы всё-равно должны включать логику и группировать свои мысли и действия. Конечно, вам этому всему нужно учиться. И учиться прислушиваться к советам. Решать для себя выполнять их или нет, или брать только то, что вам нужно.
Alexander, так и должно быть.
Вы сами задаёте подобные стили.
Если вы ограничили ширину блока, и хотите, чтобы блок был по центру, зачем float: left;? Когда вам нужно выровнить блок по центру. margin-left: auto; margin-right: auto;Ну и padding в разы меньше.
Я для кого подробно всё описываю!??!
Уходите от float. Он вам абсолютно не нужен. Вы только делаете себе кучу грабель, чтобы на них наступать.
Вам всего то нужно выучить несколько свойств из flex для вёрстки данного сайта. flex, flex-direction, justify-content, align-items, flex-wrap.
Вот этих пяти свойств уже достаточно для достижения результата.
ProjectSoft, Вы говорите загадками для незнающего и неразбрирающегося человека в верстки и в программирование в целом. Я знаю как надо работать и решать задачи, однако я задал вопрос тут не просто так, я хотел, чтобы дали четкий код, который исправит ошибки.
На счет float - он был использован и работал четко, но при попытке вставление вашего кода, прозошел сбой и приходиться понять в чем дело.
Float еще остался в других местах, вопрос таков: убирать надо везде и заменять flex-ом?
Вы видели сайт, какими всеми flex-ами надо заполнить сайт, чтобы он работал и не был наизнанку? Будьте добры, ответье четко, либо спасибо вам за помощь, вы помогли мне приблизиться к разгадке.
На счет float - он был использован и работал четко, но при попытке вставление вашего кода, прозошел сбой и приходиться понять в чем дело.
Всё правильно.
У вас некоторые свойства css, которые задаются для сброса в дефолт заданы не правильно.
Например
* {
margin: 0;
padding: 0;
outline: none;
}
Почему вы для всех элементов страницы устанавливаете margin и padding в 0? outline пока опустим...
Данное правило задаётся для body и то, только margin
Я же в своём коде добавил свойство box-sizing, который чётко даёт понять, что размеры будут задаваться включая border - border-box.
У вас этого не было. Добавили - появилось. Всего несколько незначительных строк, но очень важных.
Мой код вам никак не мешает в плане вёрстки. Он просто показывает, как сделать правильно. Хоть флексами, хоть флоатами. Просто с расчётом ширины блоков в вашем случае нужно плясать, в моём указывать чётко, а главное понятно.
Я понимаю, что вы новичёк... Вам придётся думать и искать ответы. А самый хороший учитель - ни как не копипаст, а именно поиск и подробное изучение. Слова, которые вы пометили как «загадками», вам даны для поиска. Например здесь - https://webref.ru/css
PS:
Кстати, в фреймворках CSS именно с этих строк всё начинается.
Alexander, ну все правильно, если у вас эти абзацы в одном блоке, то так и будет. Если вы хотите чтобы именно абзацы были сеткой, то нужно каждый обернуть в блок. Как я в примере своем и написал.
Т.е. вы делаете как бы сетку из блоков с блоками, а надо делать сетку из самих блоков по отдельности. Ячейка сетки === одному блоку текста.
И небольшое имхо, я бы заголовки сделал не через <span>. А то как то у вас текст важнее заголовка выходит по семантике. Обернули бы в <h3>, <h4> или хотя бы в <p>
Средний
