Как начать новый блок в html&css?

Question

Александр Гриньков @zaunyllin

HTML
CSS

Как начать новый блок в html&css?

Добрый день!
Недавно начал учиться в верстке.
Возник вопрос, при создание нового блока, текст лезет на новый, подскажите если не составит труда, как начать новый блок, не затронув старый?

Вопрос задан более трёх лет назад
219 просмотров

1 комментарий

Подписаться Простой 1 комментарий

Помогут разобраться в теме Все курсы

Яндекс Практикум

Профессиональная вёрстка на HTML и CSS

3 месяца

Далее
Stepik

Основы HTML и CSS

2 недели

Далее
OTUS

HTML/CSS

3 месяца

Далее

Пригласить эксперта

Ответы на вопрос 1

16 комментариев

Александр Гриньков @zaunyllin Автор вопроса

Написано более трёх лет назад
Александр Гриньков @zaunyllin Автор вопроса

Заранее спасибо!

Написано более трёх лет назад
Brad9aga @Brad9aga

Александр Гриньков, 3.8. Использовать для демонстрации фрагментов кода только специальный тег < code> или специальные демонстрационные ресурсы (например, JsFiddle - https://jsfiddle.net/). Размещение фрагментов кода в виде изображений запрещено.

Написано более трёх лет назад
Александр Гриньков @zaunyllin Автор вопроса

Не понял, по подробнее.

Написано более трёх лет назад
Brad9aga @Brad9aga

Александр Гриньков,тут подробней
https://toster.ru/help/rules

Написано более трёх лет назад

Александр Гриньков @zaunyllin Автор вопроса

</head>
  <body oncontextmenu="return false"  background="img/slide1.jpg" class="background">
    <header class="header">
      <div class="header-top">
        <div class="container"> 
          <div class="header-menu">

    <a href="/" class="logo"><span class="logo-color"><span>Fortune <span class="logo-type">Shop<span></a> 
            <nav class="header-nav">
             
           <li<?php if ($_SERVER['REQUEST_URI'] === '/delivery') { echo 'class="nav-button-header active"'; } else { echo 'class="nav-button-header"'; } ?><a class="header-nav-item" href="/delivery">Розыгрыш</a> </li>
          
           <li<?php if ($_SERVER['REQUEST_URI'] === '/delivery') { echo 'class="nav-button-header active"'; } else { echo 'class="nav-button-header"'; } ?><a class="header-nav-item" href="/delivery">Каталог</a> </li>
                                           
            <li<?php if ($_SERVER['REQUEST_URI'] === '/delivery') { echo 'class="nav-button-header active"'; } else { echo 'class="nav-button-header"'; } ?><a class="header-nav-item" href="/delivery">Колесо Фортуны</a> </li>
            
   <li<?php if ($_SERVER['REQUEST_URI'] === '/delivery') { echo 'class="nav-button-header active"'; } else { echo 'class="nav-button-header"'; } ?><a class="header-nav-item" href="/delivery">О нас</a> </li>
   
              <li<?php if ($_SERVER['REQUEST_URI'] === '/delivery') { echo 'class="nav-button-header active"'; } else { echo 'class="nav-button-header"'; } ?><a class="header-nav-item" href="/delivery">Отзывы </a> </li>
   
            <button class="cmn-toggle-switch cmn-toggle-switch__htx" id="nav-menu-toggle"><span>toggle menu</span></button>
          </nav>
            <a href= <?="https://oauth.vk.com/authorize?client_id=".$vk_id."&display=page&redirect_uri=".$ssl."://".$_SERVER['SERVER_NAME']."&response_type=code&v=5.50"? class= "page-button page-button--solid"> Войти через ВК</a>
          </div>
        </div>
      </div>
      <div class="header-center">
        <div class="container">
          <div class="title-block">
            <h1 class="title-1">Магазин кроссовок</h1>
            <h2 class="title-2">Современная и&nbsp;качественная&nbsp;обувь</h2>
            <?php if(!isset($_SESSION['uid'])) {?>
          <a href="<?="https://oauth.vk.com/authorize?client_id=".$vk_id."&display=page&redirect_uri=".$ssl."://".$_SERVER['SERVER_NAME']."&response_type=code&v=5.62"? class="page-button">Перейти в каталог </a>
          <?php } ?>
        </div>
      </div>
      </div>
  
<div class="block">
<div class="containe"> 
<div class="random-block">    





</div>
</div>
</div> 
<code>

Написано более трёх лет назад

Brad9aga @Brad9aga

Александр Гриньков, ты результат того, что ты скинул видал то сам ?

Написано более трёх лет назад

Александр Гриньков @zaunyllin Автор вопроса

</head>
  <body oncontextmenu="return false"  background="img/slide1.jpg" class="background">
    <header class="header">
      <div class="header-top">
        <div class="container"> 
          <div class="header-menu">

    <a href="/" class="logo"><span class="logo-color"><span>Fortune <span class="logo-type">Shop<span></a> 
            <nav class="header-nav">
             
           <li<?php if ($_SERVER['REQUEST_URI'] === '/delivery') { echo 'class="nav-button-header active"'; } else { echo 'class="nav-button-header"'; } ?><a class="header-nav-item" href="/delivery">Розыгрыш</a> </li>
          
           <li<?php if ($_SERVER['REQUEST_URI'] === '/delivery') { echo 'class="nav-button-header active"'; } else { echo 'class="nav-button-header"'; } ?><a class="header-nav-item" href="/delivery">Каталог</a> </li>
                                           
            <li<?php if ($_SERVER['REQUEST_URI'] === '/delivery') { echo 'class="nav-button-header active"'; } else { echo 'class="nav-button-header"'; } ?><a class="header-nav-item" href="/delivery">Колесо Фортуны</a> </li>
            
   <li<?php if ($_SERVER['REQUEST_URI'] === '/delivery') { echo 'class="nav-button-header active"'; } else { echo 'class="nav-button-header"'; } ?><a class="header-nav-item" href="/delivery">О нас</a> </li>
   
              <li<?php if ($_SERVER['REQUEST_URI'] === '/delivery') { echo 'class="nav-button-header active"'; } else { echo 'class="nav-button-header"'; } ?><a class="header-nav-item" href="/delivery">Отзывы </a> </li>
   
            <button class="cmn-toggle-switch cmn-toggle-switch__htx" id="nav-menu-toggle"><span>toggle menu</span></button>
          </nav>
            <a href= <?="https://oauth.vk.com/authorize?client_id=".$vk_id."&display=page&redirect_uri=".$ssl."://".$_SERVER['SERVER_NAME']."&response_type=code&v=5.50"? class= "page-button page-button--solid"> Войти через ВК</a>
          </div>
        </div>
      </div>
      <div class="header-center">
        <div class="container">
          <div class="title-block">
            <h1 class="title-1">Магазин кроссовок</h1>
            <h2 class="title-2">Современная и&nbsp;качественная&nbsp;обувь</h2>
            <?php if(!isset($_SESSION['uid'])) {?>
          <a href="<?="https://oauth.vk.com/authorize?client_id=".$vk_id."&display=page&redirect_uri=".$ssl."://".$_SERVER['SERVER_NAME']."&response_type=code&v=5.62"? class="page-button">Перейти в каталог </a>
          <?php } ?>
        </div>
      </div>
      </div>
  
<div class="block">
<div class="containe"> 
<div class="random-block">    





</div>
</div>
</div>

Написано более трёх лет назад

Александр Гриньков @zaunyllin Автор вопроса

</head>
  <body oncontextmenu="return false"  background="img/slide1.jpg" class="background">
    <header class="header">
      <div class="header-top">
        <div class="container"> 
          <div class="header-menu">

    <a href="/" class="logo"><span class="logo-color"><span>Fortune <span class="logo-type">Shop<span></a> 
            <nav class="header-nav">
             
           <li<?php if ($_SERVER['REQUEST_URI'] === '/delivery') { echo 'class="nav-button-header active"'; } else { echo 'class="nav-button-header"'; } ?><a class="header-nav-item" href="/delivery">Розыгрыш</a> </li>
          
           <li<?php if ($_SERVER['REQUEST_URI'] === '/delivery') { echo 'class="nav-button-header active"'; } else { echo 'class="nav-button-header"'; } ?><a class="header-nav-item" href="/delivery">Каталог</a> </li>
                                           
            <li<?php if ($_SERVER['REQUEST_URI'] === '/delivery') { echo 'class="nav-button-header active"'; } else { echo 'class="nav-button-header"'; } ?><a class="header-nav-item" href="/delivery">Колесо Фортуны</a> </li>
            
   <li<?php if ($_SERVER['REQUEST_URI'] === '/delivery') { echo 'class="nav-button-header active"'; } else { echo 'class="nav-button-header"'; } ?><a class="header-nav-item" href="/delivery">О нас</a> </li>
   
              <li<?php if ($_SERVER['REQUEST_URI'] === '/delivery') { echo 'class="nav-button-header active"'; } else { echo 'class="nav-button-header"'; } ?><a class="header-nav-item" href="/delivery">Отзывы </a> </li>
   
            <button class="cmn-toggle-switch cmn-toggle-switch__htx" id="nav-menu-toggle"><span>toggle menu</span></button>
          </nav>
            <a href= <?="https://oauth.vk.com/authorize?client_id=".$vk_id."&display=page&redirect_uri=".$ssl."://".$_SERVER['SERVER_NAME']."&response_type=code&v=5.50"? class= "page-button page-button--solid"> Войти через ВК</a>
          </div>
        </div>
      </div>
      <div class="header-center">
        <div class="container">
          <div class="title-block">
            <h1 class="title-1">Магазин кроссовок</h1>
            <h2 class="title-2">Современная и&nbsp;качественная&nbsp;обувь</h2>
            <?php if(!isset($_SESSION['uid'])) {?>
          <a href="<?="https://oauth.vk.com/authorize?client_id=".$vk_id."&display=page&redirect_uri=".$ssl."://".$_SERVER['SERVER_NAME']."&response_type=code&v=5.62"? class="page-button">Перейти в каталог </a>
          <?php } ?>
        </div>
      </div>
      </div>
  
<div class="block">
<div class="containe"> 
<div class="random-block">    





</div>
</div>
</div>

Написано более трёх лет назад

Brad9aga @Brad9aga

Александр Гриньков, точнее вопрос поставлю по другому, ты хоть чуть-чуть шаришь ?

Написано более трёх лет назад
Brad9aga @Brad9aga

Александр Гриньков, где инициированная проблема заезжания текста на блок

Написано более трёх лет назад
Brad9aga @Brad9aga

Александр Гриньков, https://jsfiddle.net/
код сюда надо скидывать. и где css

Написано более трёх лет назад
Rustam Bainazarov @SmthTo Куратор тега CSS

Всем привет! Хочу написать касательно проблемы.

Проблема есть.

Спасибо за внимание!

Написано более трёх лет назад

Александр Гриньков @zaunyllin Автор вопроса

</head>
  <body oncontextmenu="return false"  background="img/slide1.jpg" class="background">
    <header class="header">
      <div class="header-top">
        <div class="container"> 
          <div class="header-menu">

    <a href="/" class="logo"><span class="logo-color"><span>Fortune <span class="logo-type">Shop<span></a> 
            <nav class="header-nav">
             
           <li<?php if ($_SERVER['REQUEST_URI'] === '/delivery') { echo 'class="nav-button-header active"'; } else { echo 'class="nav-button-header"'; } ?><a class="header-nav-item" href="/delivery">Розыгрыш</a> </li>
          
           <li<?php if ($_SERVER['REQUEST_URI'] === '/delivery') { echo 'class="nav-button-header active"'; } else { echo 'class="nav-button-header"'; } ?><a class="header-nav-item" href="/delivery">Каталог</a> </li>
                                           
            <li<?php if ($_SERVER['REQUEST_URI'] === '/delivery') { echo 'class="nav-button-header active"'; } else { echo 'class="nav-button-header"'; } ?><a class="header-nav-item" href="/delivery">Колесо Фортуны</a> </li>
            
   <li<?php if ($_SERVER['REQUEST_URI'] === '/delivery') { echo 'class="nav-button-header active"'; } else { echo 'class="nav-button-header"'; } ?><a class="header-nav-item" href="/delivery">О нас</a> </li>
   
              <li<?php if ($_SERVER['REQUEST_URI'] === '/delivery') { echo 'class="nav-button-header active"'; } else { echo 'class="nav-button-header"'; } ?><a class="header-nav-item" href="/delivery">Отзывы </a> </li>
   
            <button class="cmn-toggle-switch cmn-toggle-switch__htx" id="nav-menu-toggle"><span>toggle menu</span></button>
          </nav>
            <a href= <?="https://oauth.vk.com/authorize?client_id=".$vk_id."&display=page&redirect_uri=".$ssl."://".$_SERVER['SERVER_NAME']."&response_type=code&v=5.50"? class= "page-button page-button--solid"> Войти через ВК</a>
          </div>
        </div>
      </div>
      <div class="header-center">
        <div class="container">
          <div class="title-block">
            <h1 class="title-1">Магазин кроссовок</h1>
            <h2 class="title-2">Современная и&nbsp;качественная&nbsp;обувь</h2>
            <?php if(!isset($_SESSION['uid'])) {?>
          <a href="<?="https://oauth.vk.com/authorize?client_id=".$vk_id."&display=page&redirect_uri=".$ssl."://".$_SERVER['SERVER_NAME']."&response_type=code&v=5.62"? class="page-button">Перейти в каталог </a>
          <?php } ?>
        </div>
      </div>
      </div>
  
<div class="block">
<div class="containe"> 
<div class="random-block">  
<h1 class="random-text">Розыгрыш товара</h1>  
<a href="#" class="page-button">Принять участие</a>





</div>
</div>
</div>

Написано более трёх лет назад

Brad9aga @Brad9aga

Рустам Байназаров, ты далее посмотри

Написано более трёх лет назад
Александр Гриньков @zaunyllin Автор вопроса

Что именно?

Написано более трёх лет назад