Как можно сверстать такую рамку на сайте?

Ссылка скопирована
CSS HTML JavaScript
1 ответ

Друзья, прошу совета, не могу понять как правильно сверстать такую рамку. получается что она идет на всю ширину и высоту окна, и уже там сверху меню и лого, снизу тоже блок информации
Пример:

Как можно сверстать такую рамку на сайте?

С (лого, меню) и блоком в подвале вроде всё понятно.
position:fixed; и спозиционировать относительно height:100vh;
Но вот с такой рамкой по бокам где разделены блоки на цифры и буквы не пойму как сделать.
То есть весть сайт будет скролиться внизу как обычно через эту рамку.

Дополнительно:

Примерно так можно сверстать:
snippet

  • ооо таблицах я не подумал

Ответы:

Это просто контейнер, в котором Ваш контент страницы. И в этом же контейнере позиционируете шапку и правый нижний блок. Причем, без position: fixed можно обойтись.

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь
Лучший ответ
1
Виктор Sys Ответ

Для создания рамки на сайте можно использовать CSS. Вот пример кода, который позволит вам создать рамку вокруг элемента на вашем сайте:

```html

 
 
 
 
 
 
<title>Border Example</title>
 
    .border {
        border: 1px solid #000;
        padding: 10px;
    }
 
 
 
    <div class="border">
        <p>This is an example of a bordered element.</p>
    </div>

<title>Border Example</title> .border { border: 1px solid #000; padding: 10px; } <div class="border"> <p>This is an example of a bordered element.</p> </div>

```

В данном примере мы создаем класс .border, который применяет рамку вокруг элемента с помощью CSS свойства border. Вы также можете настроить толщину, цвет и стиль рамки, а также отступы внутри элемента с помощью свойства padding.

Просто скопируйте этот код и вставьте его в ваш HTML файл, заменив текст и стили на свои. Таким образом, вы сможете легко создать рамку на вашем сайте.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вам также может быть интересно

VPN Как правильно настроить vless для Android TV? 1 ответ Pyrogram Как правильно зарегистрировать юзер бота в Telegram? 1 ответ печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 1 ответ Telegram Как диагностировать ошибку с подключением к прокси в мобильном приложении Telegram? 1 ответ